@charset "UTF-8";
/*トップページのテキスト枠調整*/
.listRead {
  padding-bottom: 8px;
}
/*タイトル*/
h3 {
  display: block;
  width: 600px;
  height: auto;
  margin: 30px auto 20px;
  font-size: 0px;
}
/*タイトル マージントップ0*/
h3.mt {
  margin: 0 auto 20px;
}
.inner p {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.inner p.txtCenter {
  padding: 0 10%;
}
  .inner p.mes {
      font-size: 24px;
      text-align: center;
    padding: 16px 0;
      color: #Fc0;
  }
/*------------------------------------------------------------*/
/*ポップアップの中身*/
/*------------------------------------------------------------*/
/*画像*/
.campPop .inner img {
  display: block;
  width: 80%;
  margin: 0 auto 8px;
}
.campPop .inner p {
  width: 90%;
  margin: 0 auto;
  color: #FFF;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  text-align: left;
}
.campPop .inner p i {
  display: block;
  padding: 12px 0;
  color: #FFF;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
.campPop .inner p strong {
  display: block;
  padding: 12px 0;
  font-size: 24px;
  color: #FC0;
  text-align: center;
}
.campPop .inner p span {
  display: block;
  margin: 0 auto 12px;
  padding: 12px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: 18px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
}
.campPop .inner p span.read {
  display: block;
  margin: 0 auto 12px;
  padding: 12px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: 15px;
  color: #FFF;
  font-weight: 400;
  text-align: left;
}
/*------------------------------------------------------------*/
/*賞品*/
/*------------------------------------------------------------*/
ul.menu2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
ul.menu2 li {
  width: 50%;
  padding: 0 12px;
  margin: 0 auto 24px;
  position: relative;
  box-sizing: border-box;
}
ul.menu2 li strong {
  position: relative;
  display: block;
  padding: 8px 0;
  font-size: 18px;
  line-height: 1.4;
  color: #FC0;
}
.btn_more {
  margin: 0 auto;
}
/*------------------------------------------------------------*/
/*よくある質問*/
/*------------------------------------------------------------*/
/*Q*/
p.que {
  width: 90%;
  background-image: url(../qa/_img/qa_q.png);
  background-repeat: no-repeat;
  background-position: left top, left bottom;
  margin: 12px auto 20px auto;
  padding: 5px 0px 10px 40px;
  font-size: 15px;
  line-height: 1.2;
  color: #FFF;
  border-bottom: 2px solid #5396db;
}
/*A*/
p.ans {
  width: 90%;
  background: url(../qa/_img/qa_a.png) no-repeat left top;
  margin: 12px 18px 30px 40px;
  padding: 0px 40px 10px;
  font-size: 15px;
  line-height: 1.4;
  color: #FFF;
}
/*------------------------------------------------------------*/
/*高解像度ディスプレイ用設定*/
/*------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /*----------------------------------------高解像度ディスプレイ-end@media*/
}
/*------------------------------------------------------------*/
/*SP設定*/
/*------------------------------------------------------------*/
@media screen and (max-width: 667px) {
  /*------------------------------------------------------------*/
  /*下層ページ 一覧ページレイアウト*/
  /*------------------------------------------------------------*/
  /*通常リスト menu1が基準レイアウト*/
  section ul.menu1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  section ul.menu1 li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 12px 0;
  }
  /*------------------------------------------------------------*/
  /*商品情報専用*/
  section ul.menu1.lineupList {
    width: 90%;
    flex-wrap: wrap !important;
    margin: 0 auto -24px;
  }
  /*商品情報リスト*/
  section ul.menu1.lineupList li {
    position: relative;
    width: 100%;
    margin: 0 0 24px;
    padding: 12px 0;
  }
  /*トップページのテキスト枠調整*/
  .listRead {
    padding-bottom: 8px;
  }
  /*タイトル*/
  h3 {
    display: block;
    width: 100%;
    height: auto;
    margin: 30px auto 20px;
    font-size: 0px;
  }
  /*タイトル マージントップ0*/
  h3.mt {
    margin: 0 auto 20px;
  }
  .inner p {
    width: 94%;
    margin: 0 auto;
    font-size: 13px;
    text-align: left;
  }
  .inner p.txtCenter {
    padding: 0 5%;
  }
    
  .inner p.mes {
      font-size: 18px;
      text-align: center;
    padding: 16px 0;
      color: #Fc0;
  }
  /*------------------------------------------------------------*/
  /*賞品*/
  /*------------------------------------------------------------*/
  ul.menu2 {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
  }
  ul.menu2 li {
    width: 100%;
    padding: 0 12px;
    margin: 0 auto 24px;
    position: relative;
    box-sizing: border-box;
  }
  ul.menu2 li strong {
    position: relative;
    display: block;
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #FC0;
  }
  .btn_more {
    margin: 0 auto;
  }
  /*------------------------------------------------------------*/
  /*よくある質問*/
  /*------------------------------------------------------------*/
  /*Q*/
  p.que {
    width: 94%;
    background-image: url(../qa/_img/qa_q.png);
    background-repeat: no-repeat;
    background-position: left top, left bottom;
    margin: 12px auto 20px auto;
    padding: 5px 0px 10px 40px;
    font-size: 13px;
    line-height: 1.2;
    color: #FFF;
    border-bottom: 2px solid #5396db;
  }
  /*A*/
  p.ans {
    width: 94%;
    background: url(../qa/_img/qa_a.png) no-repeat left top;
 margin: 0 auto 30px;
  padding: 5px 8px 10px 40px;
    font-size: 13px;
    line-height: 1.4;
    color: #FFF;
  }
}