@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}
/* Sma/////////////////////////CSS */
@media  screen and ( max-width:800px ){

.pc { display: none !important; }
.sp { display: block !important; }

html{
  background:#2f2f2f;
}
body{
	padding: 0;
	color:#fff;
	font-family: Quicksand, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", sans-serif;
	background:#2f2f2f;
}
.fotitemrist{
  margin: 0 auto;
  flex-wrap: wrap;
  width: 80%;
  margin-bottom: 5%;
}
.fotitem_list{
  margin: 2% 2% 0 2%;
}
/*========= ナビゲーションのためのCSS ===============*/
#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
   /*ナビのスタート位置と形状*/
  top:0;
  right: -120%;
  width: 50%;
  height: 100vh;/*ナビの高さ*/
  background: #000;
    /*動き*/
  transition: all 0.6s;
}
/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
  right: 0;
}
/*ナビゲーション*/
#g-nav ul{
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 0 0 15%;
  font-size: 0.9rem;
  transform: translate(-50%,-50%);
}
/*リストのレイアウト設定*/
#g-nav li a{
  color: #ffb8b8;
  padding: 4% 0 4% 0;
  display: block;
  font-weight: bold;
}
.openbtn1{
  position: fixed;
  z-index: 9999;
  top: 1%;
  right: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
} 
/*×に変化*/  
.openbtn1 span{
  display: inline-block;
  stransition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #ffb8b8;
  width: 45%;
}
.openbtn1 span:nth-of-type(1) {
  top:15px; 
}
.openbtn1 span:nth-of-type(2) {
  top: 23px;
}
.openbtn1 span:nth-of-type(3) {
  top: 31px;
}
.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn1.active span:nth-of-type(3){
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}
small{
  color:#fff;
  display: block;
}
section:nth-child(2n){
  background: #f3f3f3;
}
#wrapper{
	width:100%;
	margin: 50px auto 0;
	background:#2f2f2f;
}
.header{
    width: 100%;
    margin: 0 auto 0;
    height: auto;
    position: relative;
}
.mv{
  margin: 7vw 0 0 0;
  position: relative;
}
.logo{
    zoom: .7;
}
h1{
    position: absolute;
    top: 23vw;
    font-size: 1.3rem;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 1);
    width: 80%;
    letter-spacing: 0.11em;
    text-align: center;
}
.text00{
    position: absolute;
    top: 50vw;
    left: 10%;
    font-size: 1rem;
    text-shadow: 2px 3px 6px rgba(0, 0, 0, 1);
    	width: 80%;
    letter-spacing: 0.05em;
}
.touroku_bt{
    background-color: #8de2f2;
    color: #000;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 4%;
    width: 60%;
    padding: 2% 1% 2% 1%;
    border-radius: 3px;
    font-size: 1.2rem;
}
.button{
  background-color: #f1002b;
  width: 30%;
  padding: 1% 3% 1% 3%;
  border-radius: 3px;
  text-align: center;
  position: absolute;
  left: 10%;
  bottom: 15%;
}
.main_title{
    width: 90%;
    padding: 5%;
    border-radius: 40px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 4vw;
    font-weight: bold;
}
.sub_title{
    width: 100%;
    margin: 6% auto 3%;
    border-bottom: solid 1px #ffffff63;
    font-size: 4vw;
}
.br-sp{
  display: block;
}
/*========= ナビゲーションのためのCSS ===============*/
#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
   /*ナビのスタート位置と形状*/
  top:0;
  right: -120%;
  width: 50%;
  height: 100vh;/*ナビの高さ*/
  background: #000;
    /*動き*/
  transition: all 0.6s;
}
/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
  right: 0;
}
/*ナビゲーション*/
#g-nav ul{
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 0 0 15%;
  font-size: 0.9rem;
  transform: translate(-50%,-50%);
}
/*リストのレイアウト設定*/
#g-nav li a{
  color: #8de2f2;
  padding: 4% 0 4% 0;
  display: block;
  font-weight: bold;
}
.openbtn1{
  position: fixed;
  z-index: 9999;
  top: 1%;
  right: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
} 
/*×に変化*/  
.openbtn1 span{
  display: inline-block;
  stransition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #8de2f2;
  width: 45%;
}
.openbtn1 span:nth-of-type(1) {
  top:15px; 
}
.openbtn1 span:nth-of-type(2) {
  top: 23px;
}
.openbtn1 span:nth-of-type(3) {
  top: 31px;
}
.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn1.active span:nth-of-type(3){
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}
small{
  color:#fff;
  display: block;
}
section:nth-child(2n){
  background: #f3f3f3;
}
.box_course{
  flex-direction: column;
}
.btn_spbackground{
  width: 100%;
  background-color: #323232;
  position: fixed;
  bottom: 0;
  padding: 2% 0 2% 0;
}
.btn_spbackground p{
  color: #fff;
  text-align: center;
}
.btn_sp_touroku{
  background-color: #e70117;
  width: 60%;
  align-items: center;
  margin: 0 auto;
  border-radius: 3px;
  padding: 1% 0 1% 0;
}
.mainvisual{
  margin: 11vw 0 0 0;
  width: 100%;
}
.accordion_area .accordion_one .ac_header {
    background-color: #f1f8ff;
    border: 1px solid #ccc;
    padding: 0.7rem 4rem 0.7rem 1rem;
    position: relative;
    z-index: +1;
    line-height: 1.5;
    cursor: pointer;
    transition: .2s;
    margin: 1.5% 0 0 1.5%;
}
.container img{
  zoom: .3;
}
.about{
  line-height: 1.6em;
   padding: 2% 2% 2% 2%;
}
.points_box{
  margin: 0 0 20% 0;
}
.pointstitle{
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;	
  margin: 0 0 1% 0;
  color: #8de2f2;
}
.points_list{
  flex-direction: column;
}
.points_list_item{
  border-bottom: 1px solid #fff;
  padding: 4% 1% 4% 1%;
  margin-right:1%;
  margin-left:1%;
  width: 90%;
  margin: 0 auto;
}
.text004{
  text-align: left;
}
.all_title{
  padding: 3% 0 3% 2%;
  font-size: 1rem;
  line-height: 1.2;
}
.prime_title{
  padding: 3% 0 3% 2%;
  font-size: 1rem;
  line-height: 1.2;
}
.vr_title{
    padding: 3% 0 3% 2%;
    font-size: 1rem;
    text-align: left;
    line-height: 1.2;
}
.onday_title{
  padding: 3% 0 3% 2%;
  font-size: 1rem;
  text-align: left;
  line-height: 1.2;
}
.all_box{
  background-color: #e1a8fb;
  margin: 5% 0 0 0;
  width: 80%;
  margin: 0 auto;
  margin-top: 5%
  margin-bottom: 5%;
  padding: 2% 2% 2% 2%;
}
.prime_box{
  margin: 5% 0 0 0;
  width: 80%;
  margin: 0 auto;
  margin-top: 5%
  margin-bottom: 5%;
  padding: 2% 2% 2% 2%;
}
.vr_box{
  margin: 5% 0 0 0;
  width: 80%;
  margin: 0 auto;
  margin-top: 5%
  margin-bottom: 5%;
  padding: 2% 2% 2% 2%;
}
.onday_box{
  margin: 5% 0 0 0;
  width: 80%;
  margin: 0 auto;
  margin-top: 5%
  margin-bottom: 5%;
  padding: 2% 2% 2% 2%;
}
.hangaku_all{
  line-height: 1.2;
}
.ALLbtn{
  background-color: #fff;
  color: #9b33cc;
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
  border-radius: 50px 50px 50px 50px;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 2% 0 2% 0;
  border: 3px solid #9b33cc;
}
.primebtn{
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
  border-radius: 50px 50px 50px 50px;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 2% 0 2% 0;
}
.vrbtn{
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
  border-radius: 50px 50px 50px 50px;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 2% 0 2% 0;
}
.onday_btn{
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
  border-radius: 50px 50px 50px 50px;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 2% 0 2% 0;
}
.go-top{
  position: fixed;
  bottom: 5%;
  right: 5%;
  z-index: 5000;
  zoom: 0.8;
}
.text0003{
  text-align: left;
  color: #000;
  margin: 4% 0 4% 0;
}
.text0003 span{
  margin: 2% 0 2% 0;
}
.boxmr{
  margin: 30% 0 30% 0;
}
.toutokuALLbt{
  position: absolute;
  top: -2%;
  right: -5%;
  text-align: center;
  background-color: #fff;
  color: #9b33cc;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  z-index: 2;
  display: inline-block;
  line-height: 100px;
  border: 3px solid #9b33cc;
}
.toutokuprimebt{
  position: absolute;
    top: -2%;
    right: -5%;
    text-align: center;
    background-color: #fff;
    color: #46bdb9;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 2;
    display: inline-block;
    line-height: 100px;
    border: 3px solid #46bdb9;
}
.toutokuvrbt{
  position: absolute;
    top: -2%;
    right: -5%;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 2;
    display: inline-block;
    line-height: 100px;
}
.toutokuondaybt{
  position: absolute;
    top: -2%;
    right: -5%;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 2;
    display: inline-block;
    line-height: 100px;
}
.player_box{
  width: 80%;
  padding: 2% 4% 2% 4%;
}
.text000345{
  margin: 7% 0 0 0;
}
.qabox{
  margin-top: 15%;
  margin-bottom: 20%;
  width: 80%;
}
.wadai{
  width: 95%;
  margin: 0 auto;
  margin-bottom: 10%;
  text-align: center;
}
.wadai img{
  max-width: 250px;
  margin: 0 auto;
}
.accordion_area .accordion_one .ac_inner{
  display: none;
  padding: 1rem 1rem 1rem 1rem;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
  margin: 0 0 0 1.5%;
}
.q_text{
  color:#000;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.2em;
  text-align: left;
}