@charset "UTF-8";
/* CSS Document */
a img:hover {
  opacity: 0.6;
}
/*------------------------------------------*/
/*購入ボタン*/
.btn_buy {
  position: fixed;
  bottom: 120px;
  right: 12px;
  opacity: 0;
  z-index: 100;
}
.btn_buy a:hover {
  opacity: 0.6;
}
/*------------------------------------------*/
/*通常ページレイアウト*/
section#basic {
  position: relative;
  margin: 0 auto;
  width: 1024px;
  padding: 24px 0;
  opacity: 0;
}
/*------------------------------------------*/
.basic_logo {
  margin: 0 auto -30px;
}
/*------------------------------------------*/
/*基本ボックス*/
/*------------------------------------------*/
/*上下*/
.basic_boxTop, .basic_boxBtm {
  position: relative;
  width: 860px;
  height: 50px;
  margin: 0 auto 0;
}
/*コンテンツ部分*/
.basic_boxCnt {
  position: relative;
  width: 860px;
  background-image: url("../../_image/basic_boxTop2.png"), url("../../_image/basic_boxBtm2.png"), url("../../_image/basic_boxCnt.png");
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center top, center bottom, center top;
  background-size: 100% auto;
  margin: 0 auto;
}


/*------------------------------------------*/
/*体験レポートボックス*/
/*------------------------------------------*/
#wrapper2.rep {
    opacity: 0;
}
.report {

    padding: 24px 0;
}
/*上下*/
.report .basic_boxTop, .report .basic_boxBtm {
  position: relative;
  width: 850px;
  height: 62px;
  margin: 0 auto 0;
}
/*コンテンツ部分*/
.report .basic_boxCnt {
  position: relative;
  width: 850px;
  background-image: url("../../_image/basic_repCnt.png");
  background-repeat: repeat;
  background-position: center top;
  background-size: 100% auto;
  margin: 0 auto;
}
/*------------------------------------------*/
/*感想ボックス*/
/*------------------------------------------*/
/*上下*/
.report .basic_repTop, .report .basic_repBtm {
  position: relative;
  width: 731px;
  height: 36px;
  margin: 0 auto 0;
}
/*コンテンツ部分*/
.report .basic_repCnt {
  position: relative;
  width: 731px;
  background-image: url("../../_image/report_boxCnt.png");
  background-repeat: repeat;
  background-position: center top;
  background-size: 100% auto;
  margin: 0 auto;
    padding: 0 36px;
    box-sizing: border-box;
}
.report .basic_repCnt::after {
  content: "";
  display: block;
  clear: both;
}
/*------------------------------------------*/
/*感想*/
.report .basic_repCnt p {
  display: block;
  width: 520px;
  float: right;
  margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.4;
  text-align: left;
}
.report .basic_repCnt img {
    float: left;
}
/*------------------------------------------*/
/*キービジュアル*/
.report .basic_boxCnt .topImg {
    position: relative;
    margin: -32px auto 0;
    z-index: 11;
}
/*------------------------------------------*/
/*リード*/
.report .basic_boxCnt p.read {
  position: relative;
  width: 730px;
  background: #fbf9f2;
  margin: 6px auto 36px;
  padding: 12px;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}
/*画像のサイズ*/
.report .basic_boxCnt .ph {
  width: 665px;
  margin: 0 auto;
}
.report .basic_boxCnt .phS {
  width: 580px;
  margin: 0 auto;
}
.report .basic_boxCnt img.ttl{
    margin: 36px auto 0;
}
/*------------------------------------------*/
/*リード*/
.read4 {
  font-size: 15px;
  line-height: 1.6;
 text-align: center;
}
.read4 strong {
    display: block;
    padding-bottom: 12px;
    font-size: 18px;
    color: #FF0;
    font-weight: normal;
}

/*------------------------------------------*/
/*レポーター*/
.report .basic_boxCnt .shokai {
  position: relative;
  width: 665px;
  background-image: url("../../_image/report_shokaiLine.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  margin: 0 auto 48px;
}
/*少年ボックス*/
.report .basic_boxCnt .shokai p.left {
  position: relative;
  width: 84%;
  background: #fbf9f2;
  margin: 6px auto 6px;
  padding: 12px 12px 12px 100px;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}
/*母ボックス*/
.report .basic_boxCnt .shokai p.right {
  position: relative;
  width: 84%;
  background: #fbf9f2;
  margin: 6px auto 6px;
  padding: 12px 100px 12px 12px;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}
/*子供画像*/
.report .basic_boxCnt .shokai p img {
  position: absolute;
  width: 120px;
  height: 126px;
  margin: -63px 0 0 0;
  top: 50%;
  left: -34px;
}
/*母画像*/
.report .basic_boxCnt .shokai p img.right {
  position: absolute;
  width: 120px;
  height: 127px;
  margin: -63px 0 0 0;
  top: 50%;
  left: auto;
  right: -34px;
}
/*強調文字色*/
.report .basic_boxCnt p strong {
  display: inline;
  color: #9b0000;
}

.btn_report {
    width: 600px;
    margin: -12px auto 0;
}












/*注意文言*/
section#basic i {
  font-size: 13px;
  font-style: normal;
}
/*注意事項*/
.basic_boxCnt p {
  width: 85%;
  margin: 0 auto;
  padding: 0 0 24px;
  font-size: 15px;
  line-height: 2;
  text-align: left;
}
.basic_boxCnt p.read {
  width: 85%;
  margin: 0 auto;
  padding: 0 0 24px;
  font-size: 18px;
  line-height: 2;
  text-align: center;
}
.basic_boxCnt p strong {
  display: block;
  margin: 0 auto;
  padding: 0 0 4px;
  font-size: 18px;
  line-height: 1.8;
  color: #FC0;
  font-weight: bold;
  text-align: left;
}
.basic_boxCnt p.read2 {
  width: 85%;
  margin: 0 auto;
  padding: 0 0 24px;
  font-size: 18px;
  line-height: 2;
  text-align: center;
}
.basic_boxCnt p.read2 strong {
  display: block;
  margin: 0 auto;
  padding: 0 0 4px;
  font-size: 18px;
  line-height: 1.8;
  color: #FC0;
  font-weight: bold;
  text-align: center;
}
.httl {
  margin: 36px auto 12px;
}
/*2つ横並びのボタン*/
ul.btn {
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  text-align: center;
}
/*2つ横並びのボタン*/
ul.btn.pc {
  margin: 16px auto 36px;
  padding: 0;
  font-size: 0;
  text-align: center;
}
ul.btn li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
  vertical-align: top;
}
ul.btn.konyu li {
  margin: 0 -20px;
}
/*遊び方*/
ul.asobikata {
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  text-align: center;
}
ul.asobikata li {
  position: relative;
  display: inline-block;
  margin: 10px 10px 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}
ul.asobikata li .arrow {
  position: absolute;
  width: 12px;
  height: 20px;
  margin-top: -18px;
  top: 50%;
  right: -12px;
}
/*faq*/
ul.faq {
  width: 85%;
  margin: 0 auto;
  padding: 0;
}
ul.faq li {
  position: relative;
  margin: 0 auto 12px;
  padding: 8px 0 8px 38px;
  font-size: 15px;
  line-height: 2;
  text-align: left;
}
ul.faq li.fIcon {
  margin: 0 auto 4px;
  border-bottom: 1px solid #007490;
}
/*QAの文頭*/
ul.faq li.fIcon:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  background: url("../../_image/basic_ttl_faq_q.png") no-repeat;
  background-size: contain;
}
ul.faq li.aIcon:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  background: url("../../_image/basic_ttl_faq_a.png") no-repeat;
  background-size: contain;
}
/*------------------------------------------*/
/*トップペページ動画*/
/*------------------------------------------*/
.movie {
  position: relative;
  width: 1024px;
  height: 530px;
  background: url("../../_image/basic_bg_youtube.png") no-repeat center top/ 100% auto;
  margin: 0 auto;
  padding: 30px 92px;
  box-sizing: border-box;
}
/*YOUTUBE*/
.youtube {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: calc(100%*562/1000);
  box-sizing: border-box;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*高解像度ディスプレイ用設定*/
@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) {
  /*基本ボックス背景画像*/
  .basic_boxCnt {
    background-image: url("../../_image/basic_boxTop2@2x.png"), url("../../_image/basic_boxBtm2@2x.png"), url("../../_image/basic_boxCnt@2x.png");
  } /*トップページ動画*/ .movie {
    background: url("../../_image/basic_bg_youtube@2x.png") no-repeat center top/ 100% auto;
  }
  ul.faq li.fIcon:before {
    background: url("../../_image/basic_ttl_faq_q@2x.png") no-repeat;
    background-size: contain;
  }
  ul.faq li.aIcon:before {
    background: url("../../_image/basic_ttl_faq_a@2x.png") no-repeat;
    background-size: contain;
  }
}