html {
  margin: 0;
  padding: 0;

  /* 992pxに対して1px分の大きさ */
  font-size: .1008vw;
}
*{
  border:none;
  vertical-align:baseline;
  outline:0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  /* min-width:1320rem; */
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #666;
  margin: 0;
  padding: 0;
  text-align:center;

  /* 16px分の大きさに */
  font-size: 16rem;
}
#sp_nav{display: none;}
img.gimg{
  width:100%;
  max-width:550rem;
}
img.gimg_348{
  width:100%;
  max-width:500rem;
}
h2 {
  height: 240rem;
  width:auto;
  font-family: 'Cinzel', serif;
  padding: 100rem 0rem 0rem 0rem;
  font-weight:normal;
  font-size:32rem;
  text-align:left;
  color: #222222;
  letter-spacing: 4rem;
}

h2 .initial {
  display:inline-block;
  font-family: 'Cinzel', serif;
  width:92rem;
  height:92rem;
  line-height:112rem;
  background:#f39801;
  padding:4rem;
  margin:0rem 0rem 0rem 0rem;
  font-weight:normal;
  color: #fff;
  font-size:96rem;
  text-align:right;
}
h2 .sub{
  display:block;
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  padding: 0rem;
  margin:-4rem 0rem 0rem auto;
  font-weight:normal;
  font-size:20rem;
  text-align:right;
  color: #777;
}

.reset {
  clear:both;
  display:block;
  height:1rem;
  font-size:1rem;
  line-height:1rem;
}

article {
  width:100%;
  margin: 0 auto 0rem auto;
  padding: 0rem 0 100rem 0;
}

article section {
  /* width:1320rem; */
  margin: 0 auto 40rem auto;
  padding:0;
}
article.area01{background: #fff;}
article.area02{background: #fffbf0;}
article.area01 section h2{position:absolute;margin:0rem auto 0rem 80rem;}
article.area02 section h2{float:right;margin:0rem 80rem 0rem auto;}

article section .reset_section {
  clear:both;
  display:block;
  height:1rem;
  font-size:1rem;
  line-height:1rem;
  margin:  0 0 260rem 0;
}
article.area02 section .reset_section {
  clear:both;
  display:block;
  height:1rem;
  font-size:1rem;
  line-height:1rem;
  margin:  0 0 0rem 0;
}

article section .box{
  margin: 0 2% 0 2%;
  min-height:1rem;
}

article.area01 section .w40{width: 38%;float:left;}
article.area01 section .w60{width: 54%;float:right;}

article.area02 section .w40{width:42%;float:right;}
article.area02 section .w60{width:50%;float:left;}

.slider {
  position: relative;
}

#balloon{
  position: absolute;
  z-index: 2;
  right: 644rem;
  bottom: 706rem;
  transform: scale(.78);
}
@media screen and (min-width: 1300px) {
  #balloon{
    right: 548rem;
    bottom: 602rem;
    transform: scale(.66);
  }
}

#balloon div.box{
  z-index:8;
  position:absolute;
  float:left;
  width:200rem;
  height:200rem;
  padding:0;
  background: rgba(250,250,250,.9);
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向揃え（Safari用） */
  align-items: center; /* 縦方向揃え */
  -webkit-justify-content: center; /* 横方向揃え（Safari用） */
  justify-content: center; /* 横方向揃え */
  -moz-box-shadow:2rem 2rem 4rem #f39801;
  -webkit-box-shadow:2rem 2rem 4rem #f39801;
  box-shadow:2rem 2rem 4rem #f39801;
  font-family: "Sawarabi Mincho";
  color:#333;
  font-size:160%
}

#balloon div.b_c01{border:1rem #f39801 solid;margin:200rem 0rem 0rem 360rem;height:240rem;width:240rem;font-size:36rem}
#balloon div.b_c02{border:1rem #f39801 solid;margin:20rem 0rem 0rem 540rem;height:200rem;width:200rem;font-size:26rem}
#balloon div.b_c03{border:1rem #f39801 solid;margin:260rem 0rem 0rem 640rem;height:180rem;width:180rem;font-size:25rem}
#balloon div.b_c04{border:1rem #f39801 solid;margin:460rem 0rem 0rem 300rem;height:220rem;width:220rem;font-size:28rem}
#balloon div.b_c05{border:1rem #f39801 solid;margin:480rem 0rem 0rem 540rem;height:280rem;width:280rem;font-size:38rem}
#balloon div.b_c06{border:1rem #f39801 solid;margin:720rem 0rem 0rem 360rem;height:200rem;width:200rem;font-size:24rem}
header {
  width:100%;
  /* min-width:1320rem; */
  margin: 0 auto 0rem auto;
  padding:0;
  background: #fffef9;
}
/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%メニュー%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/

#pc_nav nav{
  width:100%;
  margin: 0 auto 0rem auto;
  padding:0;
  height: 121rem;
  position: relative;
}
#pc_nav h1{
  width: 156rem;
  margin: 0 80rem 0rem 0;
  /*width: 196rem;
  margin: 0 40rem 0rem 0;*/
  padding: 0 0 0 8rem;
  /* height: 160rem; */
  float:left;
}
#pc_nav nav a{
  font-family: 'Khand', sans-serif;
  line-height:88rem;
  float:left;
  display:block;
  width: 142rem;
  /* margin: 10rem 10rem 10rem 10rem; */
  padding:0;
  height:60rem;
  font-size: 12rem;
  color:#333333;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: 70rem; /* 縦方向揃え（Safari用） */
  align-items: 70rem; /* 縦方向揃え */
  -webkit-justify-content: center; /* 横方向揃え（Safari用） */
  justify-content: center; /* 横方向揃え */
  font-weight: normal;
}
#pc_nav nav a span{
  font-size:14rem;
  width:200rem;
  margin: -24rem 0 0 0;
  padding:0;
  color:#333333;
  position:absolute;
  font-weight: normal;
  letter-spacing: 2rem;
}

#pc_nav nav h1 a{
  background:url(/img/web/base/logo.png) no-repeat center top;
  text-indent: -9999rem;
  float:none;
  display:block;
  width: 135%;
  /*width: 100%;*/
  /*margin: 38rem 0 0 0;*/
  margin: 15rem 0 0 0;
  padding:0;
  /*height:80rem;*/
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  background-size: 100% auto;
}
#pc_nav nav a:LINK,
#pc_nav nav a:VISITED,
#pc_nav nav a:ACTIVE {text-decoration: none;}
#pc_nav nav a:HOVER {text-decoration: none;background-color:#feedcf;}
#pc_nav nav h1 a:HOVER {text-decoration: none;background-color:#fffef9;}

#pc_nav nav .social-icon {
  display: block;
  position: absolute;
  left: 108rem;
  top: 66rem;
  width: 68rem;
}
#pc_nav nav .social-icon .si--item {
  display: block;
  float: left;
  height: 100%;
  margin: 0;
  width: 50%;
}
#pc_nav nav .social-icon .si--item img{
  display: block;
  margin: 0 auto;
  height: 28rem;
  width: auto;
}

#scroll_nav{
  background: #fffbf0;
  width:100%;
  margin: 0 auto 0rem auto;
  padding:0;
  /* height:80rem; */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  border-bottom:5rem #f9bf58 solid;
}
#scroll_nav nav{
  height:80rem;
}
#scroll_nav nav h1{margin: 0 0 0 8rem;height:80rem;}
#scroll_nav nav a{
  margin: 0rem 10rem 0rem 10rem;
  line-height: 60rem;
  font-size: 12rem;
  height:40rem;
}
#scroll_nav nav a span{
  font-size:12rem;
  margin: -18rem 0 0 0;
}
#scroll_nav nav h1 a{
  /* width:300rem; */
  /*margin: 20rem 0 0 0;*/
  margin: 10 rem 0 0 0;
  height: 40rem;
  width: 100%;
}

#scroll_nav nav .social-icon{
  left: 100rem;
  top: 46rem;
}



#pc_nav nav a.nav_ob{
display: none;
}
/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%お知らせ%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/
article#info_article{
  padding: 0rem 0rem 0rem 0rem;
}
section#information{
  margin: 40rem auto 0rem auto;
  width:80%;
  background: #f39801;
}
section#information h2 {
  margin: 130rem auto 0 auto;
  float:left;
  height:40rem;
  line-height:40rem;
  width:30%;
  font-family: 'Cinzel', serif;
  padding: 0rem 0rem 0rem 0rem;
  font-weight:normal;
  font-size:32rem;
  text-align:center;
  color: #fff;
  letter-spacing: 4rem;
}


section#information .box{
  margin: 2rem 2rem 2rem 0;
  float:right;
  width:60%;
  height:300rem;
  overflow-x: hidden;
  overflow:scroll;
  padding:0rem;
  text-align:left;
  background: #fffbf0;
}
section#information .box p.block{
  margin: 0rem auto 0 auto;
  padding: 30rem;
  text-align:left;
  line-height:28rem;
  font-size:14rem;
}
section#information .box p.block .day{
  display:block;
  font-size:10rem;
  color:#666;
}
section#information .box p.block .title{
  display:block;
  font-size:14rem;
  margin: 0rem 0rem 3rem 0rem;
  color:#e28e04;
}
section#information .box p.block .body{
  display:block;
  font-size:14rem;
  color:#333;
}
section#information .box p.block .body a:LINK,
section#information .box p.block .body a:VISITED,
section#information .box p.block .body a:ACTIVE {color:#333}
section#information .box p.block .body a:HOVER {color:#e28e04}

/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%アクセス%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/

section#access .box iframe{
  width:100%;
  height:600rem;
}

section#access .box img.map{
  float:left;
  width: 210rem;
  border:2rem #e69c00 solid;
  margin: 40rem 0 0 0;
}
section#access .box p.block{
  float:left;
  width: 296rem;
  margin: 40rem 0 0 20rem;
  text-align:left;
  font-size: 12rem;
  line-height:22rem;
  color:#666;
}

#access .box .block a:LINK,
#access .box .block a:VISITED,
#access .box .block a:ACTIVE {text-decoration: none;color:#333;}
#access .box .block a:HOVER {text-decoration: none;color:#f39801;}

#access .box .block{
  display:block;
  text-align:center;
}

#access .box .block .icon{
  margin:0rem 4rem 0 0rem ;
  font-size:30rem;
  color:#f39801;
}

section#access .box p.block2{
  background: #fefcef;
  padding: 30rem 20rem;
  margin: 40rem 0 0 0;
  text-align:center;
  font-size:14rem;
  line-height:40rem;
  color:#666;
}

section#access .box p.block2 span.reset_line {
  width:70%;
  margin: 20rem auto;
  clear:both;
  display:block;
  height:1rem;
  font-size:1rem;
  line-height:1rem;
  border-bottom:2rem #999 dotted;

}
section#access .box p.block2 .colorM{
  font-size:18rem;
  color:#e7b223;
  font-weight: bold;
}


/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%お客様の声%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/

#voice .box {
  /* width: 100%; */
  /* max-width: 100%; */
}
#voice .box div.block {
  background:#fffbf0;
  padding: 1rem;
  width:20%;
  margin: 2.2% 2.2% 2.2% 2.2%;
  border:3rem #f7ebd5 solid;
}
#voice .box div.block p.body{
  display:block;
  margin: 20rem 20rem 0rem 20rem;
  font-size:14rem;
  line-height:24rem;
  text-align:left;

}
#voice .box div.block p.name{
  height:40rem;
  display:block;
  margin: 0rem 20rem 4rem 20rem;
  font-size:16rem;
  line-height:40rem;
  text-align:right;
  border-top: 2rem #999 dotted;
  color: #f79704;
}

/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%初めての方%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/
#beginner .box div.block {
  text-align:left;
  font-size: 13rem;
  line-height:50rem;
}
#beginner .box div.block2 {
  margin:40rem auto 0 auto;
  padding: 20rem;
  background:#feedcf;
}
#beginner .box div.block2 div.ticket{
  text-align:center;
  border: 1rem #fff solid;
  margin:0rem;
  padding:20rem;
}
#beginner .box div.block2 div.ticket span.title{
  width:380rem;
  height:50rem;
  font-size:20rem;
  line-height:50rem;
  text-align:right;
  border-bottom: 2rem #999 dotted;
  margin:20rem auto 40rem auto;
  padding: 0rem 20rem 0rem 20rem;
  display:block;
  background: url(/img/web/base/logo2.png) no-repeat 10rem top;
  -webkit-background-size:auto 40rem;
  -moz-background-size:auto 40rem;
  -ms-background-size:auto 40rem;
  -o-background-size:auto 40rem;
  background-size: auto 38rem;
}
#beginner .box div.block2 div.ticket p.body{
  /*float:left;
  margin: 0 0 0 32rem;*/
  margin: 0 auto;
  width: fit-content;
}
#beginner .box div.block2 div.ticket p.bodyL{
  margin: 0 -18rem 0 0rem;
}
#beginner .box div.block2 div.ticket p.body span.dottline{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  height: 120rem;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  position: relative;
  width: 120rem;
  border-bottom: 2rem #999 dotted;
  position:absolute;
  margin: -50rem 0 0 -50rem;
}
#beginner .box div.block2 div.ticket p.body span.kai{
  font-family: 'Cinzel', serif;
  display: block;
  font-size:22rem;
  line-height: 50rem;
  height: 50rem;
  width: 50rem;
  background:#fff;
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
}
#beginner .box div.block2 div.ticket p.body span.price{
  font-family: 'Cinzel', serif;
  display: block;
  font-size: 24rem;
  line-height:30rem;
  height: 30rem;
  width: 90rem;
  margin: 16rem 0 0  36rem;
}
#beginner .box div.block2 div.ticket p.body span.text{
  padding: 10rem 0;
  background:#fff;
  display: block;
  font-size: 14rem;
  line-height:20rem;
  /* height: 40rem; */
  width: 106rem;
  margin:20rem 0 0  0rem;
  color:#069e12;
}
#beginner .box div.block2 div.ticket p.body span.text:before {
  display: block;
  content:"";
  position: absolute;
  margin: -10rem 0 0 106rem;
  width: 0;
  height: 0;
  border-top: 30rem solid transparent;
  border-left: 20rem solid #fff;
  border-bottom: 30rem solid transparent;
}



#beginner .box div.block2 div.ticket a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  z-index: 2;
  position: relative;
  padding: 10rem 0;
  line-height:40rem;
  /* height: 40rem; */
  width:420rem;
  font-size:18rem;
  margin:60rem auto 0  auto;
  color:#333;
  background:#fff;
}

#beginner .box div.block2 div.ticket a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  top: 0;
  left:-100%;
  width: 100%;
  height: 100%;
}

#beginner .box div.block2 div.ticket a:hover {
  color: #fff;
}
#beginner .box div.block2 div.ticket a:hover::after {
  left: 0;
  background-color: #f59e04;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#beginner .box div.block2 div.ticket a:before {
  display: block;
  content:"";
  position: absolute;
  margin:12rem 0 0 380rem ;
  width: 0;
  height: 0;
  border-top: 8rem solid transparent;
  border-left: 14rem solid #333;
  border-bottom: 8rem solid transparent;
}
#beginner .box div.block2 div.ticket a:hover:before {
border-left: 14rem solid #fff;
}

/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%料金%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/

#system .box div.price {
  color:#333;
  margin:0rem auto 40rem auto;
  padding:1rem;
  background:#ffdb9f;
  font-size:20rem;
  line-height:50rem;
}
#system .box div.price p{
  color:#333;
  margin:0rem auto 0 auto;
  padding:0;
  background:#fff;
  font-size:20rem;
  line-height:50rem;
}

#system .box div.price2 {
  /* width:80%; */
  color:#333;
  margin:0rem auto 0rem auto;
  padding:1rem;
  font-size:22rem;
  line-height:40rem;
}
#system .box div.price2 p{
  color:#c00;
  margin:0rem auto 0 auto;
  padding:0;
  font-size:12rem;
  line-height:20rem;
  border-top: 1rem #999 dotted;
}
#system .box div.title {
  width: 58%;
  color:#653c00;
  margin:30rem auto 20rem auto;
  padding:1rem;
  font-size:20rem;
  line-height:30rem;
}
#system .box div.title p{
  color:#c00;
  margin:0rem auto 0 auto;
  padding:0;
  font-size:14rem;
  line-height:30rem;
  border-top: 1rem #653c00 dotted;
}

#system .box div.price3 {
  color:#333;
  margin:0rem auto 10rem auto;
  padding:1rem;
  background:#ffdb9f;
  font-size: 16rem;
  line-height:60rem;
  height:60rem;
  text-align:center;
}
#system .box div.price3a {
  line-height:42rem;
}

#system .box div.price3 p{
  width:30%;
  float:right;
  color:#333;
  margin:0rem auto 0 auto;
  padding: 10rem 0 8rem 0;
  background:#fff;
  font-size:20rem;
  line-height:20rem;
}
#system .box div.price3 p span{
  font-size:14rem;
}

#system .box div.price3 span.line{
  width: 320rem;
  padding:0 4rem;
  float:left;
  display:block;
  color:#069e12;
  margin:-6rem auto 0 6rem;
  background:#fff;
  font-size: 10rem;
  line-height:20rem;
  -moz-border-radius:6rem;
  -webkit-border-radius:6rem;
  border-radius:6rem;
}
#system .box div.price3 span.kome{
  float:right;
  padding:0 20rem;
  display:block;
  color:#c00;
  margin:14rem 30rem 0 6rem;
  background:#fff;
  font-size:12rem;
  line-height:26rem;
  -moz-border-radius:6rem;
  -webkit-border-radius:6rem;
  border-radius:6rem;
}
#system .box div.price3 span.line2{
  width: 322rem;
  padding:0 4rem;
  float:left;
  background:#fff;
  display:block;
  color:#c00;
  margin:-6rem auto 0 6rem;
  font-size:12rem;
  line-height:20rem;
  -moz-border-radius:6rem;
  -webkit-border-radius:6rem;
  border-radius:6rem;
}

#system .box div.event{
  /* width:590rem; */
  position:absolute;
  margin: 0rem 0 0 520rem;
  /* transform: scale(.76); */
}
#system .box div.event p.pass{
  /* float:left; */
  color:#fff;
  padding: 60rem 0;
  line-height:50rem;
  font-size:14rem;
  background:#f39801;
  width:300rem;
  height: 300rem;
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
}
#system .box div.event p.pass span{
  font-size:18rem;
}
#system .box div.event p.pass:before {
  display: block;
  content:"";
  position: absolute;
  margin:0rem 0 0 -46rem ;
  width: 0;
  height: 0;
  border-top: 6rem solid transparent;
  border-right:80rem solid #f39801;
  border-bottom: 60rem solid transparent;
}
#system .box div.event p.mail{
  text-align:left;
  margin: 16rem 0 0 16rem;
  float:left;
  color:#333;
  padding:0;
  line-height:30rem;
  font-size:16rem;
}
#system .box div.event p.mail a:LINK,
#system .box div.event p.mail a:VISITED,
#system .box div.event p.mail a:ACTIVE {text-decoration: none;color:#333;}
#system .box div.event p.mail a:HOVER {text-decoration: none;color:#f39801;}

#system .box div.event p.mail .icon{
  margin:0rem 4rem 0 0rem ;
  font-size:30rem;
  color:#f39801;
}
#system .box div.text {
  background:#fff;
  color:#333;
  margin:30rem auto 30rem auto;
  padding: 20rem 20rem 20rem 20rem;
  font-size:12rem;
  line-height:24rem;
  text-align:left;
  border: 5rem #c00 solid;
}

#system .bottle{
  margin:0rem 0rem 30rem 0rem;
  color:#333;
  padding: 20rem;
  text-align:left;
  background:#fff;
  float:none;
  font-size:14rem;
  line-height:30rem;
}
#system .bottle p.title{
  color:#333;
  font-size:18rem;
  line-height:30rem;
  margin:0rem 0rem 10rem 0rem;
}
#system .bottle span{
  color:#c00;
}
#system .bottle img {
  max-width: 100%;
  display: block;
  margin: auto;
}
#system .bottle2{
  background:#fff url(/img/web/system/bottle.jpg) no-repeat left top;
  margin:0rem 0rem 30rem 0rem;
  color:#333;
  padding: 60rem 20rem 60rem 20rem;
  text-align:left;
  float:none;
  font-size:14rem;
  line-height:30rem;
  -moz-border-radius:10rem;
  -webkit-border-radius:10rem;
  border-radius:10rem;
  border: 2rem #c00 solid;
  -webkit-background-size:auto 1 ;
  -moz-background-size:auto 100% ;
  -ms-background-size:auto 100% ;
  -o-background-size:auto 100% ;
  background-size:auto 100% ;
}
#system .bottle2 p{
  color:#333;
  margin:0rem auto 0 360rem;
  padding:0;
  font-size:14rem;
  line-height:24rem;
}
#system .box .img01{
  float:left;
  margin:-160rem auto 0 0;
  width:400rem;
}

/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%講師紹介%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/

#teacher .box a.block {/*	background:#c00;*/float:left;margin:20rem;padding:0;width: 147rem;}
#teacher .box a.block:LINK,
#teacher .box a.block:VISITED,
#teacher .box a.block:ACTIVE {text-decoration: none;}
#teacher .box a.block:HOVER {text-decoration: none;}

#teacher .box a.block p.catch{
  color:#fff;
  margin:0;
  padding:0;
  font-size:12rem;
  line-height:24rem;
  height:24rem;
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
}
#teacher .box a.block p.color{
  background:#f39801;
}

#teacher .box a.block p.img{
  margin:0 auto;
  width: 100%;
  height: 160rem;
  overflow:hidden;
}
#teacher .box a.block p.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#teacher .box a.block h3{
  font-family: 'Khand', sans-serif;
  color:#333;
  margin:0;
  padding:0;
  font-size: 16rem;
  line-height:30rem;
  height:30rem;
  font-weight: normal;
}


/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%よくある質問%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/

#qa .box .cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 40rem auto;
  text-align:left;
}
#qa .box .cp_actab input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
#qa .box .cp_actab label {
  font-size: 18rem;
  line-height: 1.6;
  height:60rem;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 38rem 0rem 64rem;
  cursor: pointer;
  margin: 0 0 1rem 0;
  background: #fff;
  color: #f39801;
}
#qa .box .cp_actab label span{
  /* position:absolute; */
  font-family: 'Montserrat', sans-serif;
  /* line-height:60rem; */
  font-size:50rem;
  margin: 0rem 8rem 0 -50rem;
}

#qa .box .cp_actab .cp_actab-content {
  padding: 20rem 0 0 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  color: #333;
  background: #fff;
}
#qa .box .cp_actab .cp_actab-content p {
  font-size:16rem;
  border-top:1rem #666 dashed;
  margin:0 10rem;
  padding: 20rem 20rem;
}
#qa .box .cp_actab .cp_actab-content p span{
  color: #f39801;
  font-family: 'Montserrat', sans-serif;
  line-height:60rem;
  font-size:50rem;
  margin: 0rem 10rem 0 -10rem;
}

/* :checked */
#qa .box .cp_actab input:checked ~ .cp_actab-content {
  max-height: 1000em;
}
/* Icon */
#qa .box .cp_actab label::after {
  line-height:60rem;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 3em;
  height: 3em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
#qa .box .cp_actab input[type=checkbox] + label::after {
  content: '▼';
}
#qa .box .cp_actab input[type=checkbox]:checked + label::after {
  transform: rotate(180deg);
}

/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%クラス%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/
#class .box p.title {
  color: #f39801;
  font-size:18rem;
  line-height:60rem;
  height:60rem;
  border-top:1rem #666 dashed;
  border-bottom:1rem #666 dashed;
  font-weight: bold;
}
#class .box p.body {
  width:80%;
  color: #333;
  margin: 20rem auto 40rem auto;
  text-align: center;
}
#class .box p.body span.n{
  display:block;
  float:left;
  color: #333;
  font-size:18rem;
  line-height:36rem;
  height:36rem;
}

#class .box p.text span.m::before,
#class .box p.body span.m::after {
  font-weight: bold;
  color: #fff;
  display:inline-block;
  content: 'M';
  width:30rem;
  height:30rem;
  line-height:34rem;
  background:#f39801;
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
}
#class .box p.body span.n::before {
  display:inline-block;
  content: '・';
  width:30rem;
  height:30rem;
  margin: 0rem -4rem 0rem 8rem;
}
#class .box p.text {
  color: #333;
  font-size:20rem;
  line-height:30rem;
  border:1rem #f39801 solid;
  padding: 20rem 0;
}


/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%マタニティ%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/
#maternity .box p.title {
  color: #f39801;
  font-size:18rem;
  line-height:60rem;
  height:60rem;
  border-top:1rem #666 dashed;
  border-bottom:1rem #666 dashed;
  font-weight: bold;
}
#maternity .box p.body {
  width:80%;
  color: #333;
  margin: 20rem auto 40rem auto;
  text-align: center;
}
#maternity .box p.body span.n{
  display:block;
  float:left;
  color: #333;
  font-size:18rem;
  line-height:36rem;
  height:36rem;
}

#maternity .box p.text span.m::before,
#maternity .box p.body span.m::after {
  font-weight: bold;
  color: #fff;
  display:inline-block;
  content: 'M';
  width:30rem;
  height:30rem;
  line-height:34rem;
  background:#f39801;
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
}
#maternity .box p.body span.n::before {
  display:inline-block;
  content: '・';
  width:30rem;
  height:30rem;
  margin: 0rem -4rem 0rem 8rem;
}
#maternity .box p.text {
  background:#fffbf0;
  color: #333;
  font-size:18rem;
  line-height:40rem;
  padding: 40rem;
  text-align:left;
}
#maternity .box p.text span{
  text-align:center;
  margin: 30rem auto 30rem auto;
  display: block;
  background:#fff;
  color: #333;
  font-size:18rem;
  line-height:40rem;
  padding: 40rem;
  border:2rem #f39801 solid;
}

/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%スケジュール・ご予約%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/
#schedule .w60 p.body {
  background:#fff;
  color: #333;
  font-size: 16rem;
  line-height:40rem;
  padding: 20rem;
  text-align:left;
}
#schedule .w60 p.body .banner a.mail:LINK,
#schedule .w60 p.body .banner a.mail:VISITED,
#schedule .w60 p.body .banner a.mail:ACTIVE {text-decoration: none;color:#333;}
#schedule .w60 p.body .banner a.mail:HOVER {text-decoration: none;color:#f39801;}

#schedule .w60 p.body .banner{
  display:block;
  text-align:center;
}

#schedule .w60 p.body .banner .icon{
  margin:50rem 4rem 0 0rem ;
  font-size:30rem;
  color:#f39801;
}

#schedule .w60 p.body .banner a.btn-animation-02 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  z-index: 2;
  position: relative;
  padding: 10rem 0;
  line-height:40rem;
  /* height: 40rem; */
  width:420rem;
  font-size:18rem;
  margin:60rem auto 0  auto;
  color:#333;
  background:#fff;
  border:1rem #f59e04 solid;
}

#schedule .w60 p.body .banner a.btn-animation-02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  top: 0;
  left:-100%;
  width: 100%;
  height: 100%;
}

#schedule .w60 p.body .banner a.btn-animation-02:hover {
  color: #fff;
}
#schedule .w60 p.body .banner a.btn-animation-02:hover::after {
  left: 0;
  background-color: #f59e04;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#schedule .w60 p.body .banner a.btn-animation-02:before {
  display: block;
  content:"";
  position: absolute;
  margin:12rem 0 0 380rem ;
  width: 0;
  height: 0;
  border-top: 8rem solid transparent;
  border-left: 14rem solid #333;
  border-bottom: 8rem solid transparent;
}
#schedule .w60 p.body .banner a.btn-animation-02:hover:before {
  border-left: 14rem solid #fff;
}

#schedule .w40 div.block1 {
  margin:20rem 0 20rem 0 ;
  padding: 20rem;
  background:#fff;
  border:3rem #c00 solid;
  font-size:14rem;
  line-height:22rem;
}
#schedule .w40 div.block1 p.title {
  margin:20rem 0 40rem 0 ;
  color: #c00;
  font-size:16rem;
  line-height:22rem;
  font-weight: bold;
}
#schedule .w40 div.block1 p.body2 {
  margin:20rem ;
  padding: 20rem;
  background:#fff;
  font-size:14rem;
  line-height:36rem;
  border:1rem #f59e04 solid;
}
#schedule .w40 div.block1 p.body2 span{
  font-weight: bold;
  font-size:18rem;
}
#schedule .w40 div.block1 p.body2 a{
  font-weight: bold;
  font-size:18rem;
  color: #f59e04;
}
#schedule .w40 div.block1 p.body2 a img{
  width: 100%;
  max-width: 300rem;
}
#schedule .w40 div.block1 p.body3 {
  margin:20rem 0 20rem 0 ;
  background:#fff;
  font-size:12rem;
  line-height:20rem;
}
#schedule .w40 div.block1 p.body3 span{
  font-weight: bold;
}
#schedule .w40 div.block2 {
  margin:20rem 0 20rem 0;
  padding: 10rem;
  background:#fff;
  border:3rem #60bd04 solid;
  font-size:14rem;
  line-height:22rem;
  -moz-border-radius:10rem;
  -webkit-border-radius:10rem;
  border-radius:10rem;
}
#schedule .w40 div.block2 p.title {
  margin:20rem 0 40rem 0 ;
  color: #60bd04;
  font-size:16rem;
  line-height:22rem;
  font-weight: bold;
}
#schedule .w40 div.block2 img {
  margin:20rem 0 20rem 0 ;
  /*float:left;*/
  width:50%;
}
#schedule .w40 div.block2 p.body{
  text-align: left;
  padding: 20rem 0 20rem 0;
  margin:20rem 2% 20rem 2%;
  float:left;
  width:46%;
  font-size: 13rem;
  line-height:28rem;
}
#schedule .w40 div.block2 p.body span{
  font-size: 14rem;
  display:block;
  text-align: center;
  padding:0;
  margin:10rem 0 10rem 0;
  width:100%;
  font-weight: bold;
}
#schedule iframe {
  width: 100% !important;
  height: 860rem !important;
}

a.blog_ban{
  width:468rem;
  display:block;
  margin: 60rem auto 60rem auto;
  padding:0;
}
/*--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%シャワールームと更衣室%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%--*/
#room .box img.gimg {
  width:40%;
  margin:5%;
  float:left;
}
#room .box p.title {
  margin:0 ;
  color: #c00;
  font-size:16rem;
  line-height:22rem;
  font-weight: bold;
}
#room .box p.body {
  margin:0;
  padding:0rem;
  font-size: 13rem;
  line-height:36rem;
}


a.blog_ban img{
  width:100%;
}

footer{
  background: #ffffff;
  width:100%;
  margin: 0 auto 0rem auto;
  padding:0;
  border-top:10rem #feedcf solid;
}
footer div.box{
  /* width:1320rem; */
  margin: 60rem auto 60rem auto;
  padding:0;
  background: url(/img/web/base/logo2.png) no-repeat 582rem top;
  -webkit-background-size:auto 80rem;
  -moz-background-size:auto 80rem;
  -ms-background-size:auto 80rem;
  -o-background-size:auto 80rem;
  background-size: auto 60rem;
}
footer div.box p.body{
  width: 40%;
  margin: 64rem auto 0rem auto;
  padding:0;
  text-align:left;
  float:right;
  line-height: 2.4;
  font-size: 12rem;
}
.body_link a{
  float:left;
  /*margin: 64rem 8rem 8rem;*/
  margin: 10rem 8rem 8rem;
  background:#999;
  display:block;
  width: 58rem;
  height: 58rem;
  -moz-border-radius:1000rem;
  -webkit-border-radius:1000rem;
  border-radius:1000rem;
  text-align:center;
}
.body_link a .icon{
  margin: 10rem auto 0 auto;
  color:#fff;
  font-size:50rem;
}
.body_link a.blog_Mail .icon{
  margin:12rem auto 0 auto;
  font-size:34rem;
}
.body_link a.mail1{
  display: inline-block;
  float: left;
}
.body_link a.blog_Mail img{
  background-color: #fff;
  height: auto;
  width: 100%;
}

.body_link a span{
  font-weight: bold;
  font-size:8rem;
  margin: 64rem 0rem 0rem -20rem ;
  display:block;
  width:100rem;
  height:10rem;
  line-height:10rem;
  text-align:center;
  position:absolute;
}
.body_link a.blog_Mail {background:#f39801;}

.body_link a.link_Yoga:HOVER {background:#f39801;}
.body_link a.link_Yoga span{color:#f39801;}

.body_link a.link_Oste:HOVER {background:#059617;}
.body_link a.link_Oste span{color:#059617;}

.body_link a.link_Rist:HOVER {background:#b71312;}
.body_link a.link_Rist span{color:#b71312;}

.body_link a.link_Rist_ohp{
  -moz-border-radius:6rem;
  -webkit-border-radius:6rem;
  border-radius:6rem;
  background: url(/img/web/base/lastricato.jpg) no-repeat center top;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
.body_link a.link_Rist_ohp span{color:#b71312;}

.sp_link{display: none;}



footer div.box p.link{
  width:18%;
  margin: 10rem 0rem 20rem 1%;
  padding:0;
  text-align:left;
  float:left;
  line-height:32rem;
  font-size:12rem;
}
footer div.box p.link a::before {
  content: "▶";
  padding-right: 2rem;
  color:#333;
}
footer div.box p.link a {
  display:block;
  width:100%;
  margin: 0rem 20rem 0rem 0rem;
}
footer div.box p.link a:LINK,
footer div.box p.link a:VISITED,
footer div.box p.link a:ACTIVE {text-decoration: none;color:#333333;}
footer div.box p.link a:HOVER {text-decoration: none;color:#999999;}

footer div.box p.link a span{
  display: none;
}

footer .Copyright{
  display:block;
  background: #feedcf;
  width:100%;
  margin: 0 auto 0rem auto;
  padding:0;
  line-height:30rem;
  color:#333333;
  font-size:14rem;
}

footer .Copyright a:LINK,
footer .Copyright a:VISITED,
footer .Copyright a:ACTIVE,
footer .Copyright a:HOVER {text-decoration: none;color:#333333;}
footer #scroll_box{
  /* width:1320rem; */
  margin: 0 auto 0rem auto;
}
footer p.sp_icon{display: none;}

a#scroll_top_bt {
  /* margin:0rem 0rem 0rem 1320rem; */
  display:block;
  padding:0;
  line-height: 60rem;
  position: fixed;
  bottom: 42rem;
  right: 10rem;
  z-index:10;
  color:#fff;
  text-align:center;
  width: 0;
  height: 0;
  border-left: 50rem solid transparent;
  border-right: 50rem solid transparent;
  border-bottom: 60rem solid rgba(243,152,1,.9);/**/
}
a#scroll_top_bt span{
  width:100rem;
  display:block;
  margin:10rem 0rem 0rem -50rem;
  position:absolute;
}
