@charset "utf-8";
body {
    animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@font-face {
font-family: 'Noto Serif Japanese';
font-style: normal;
font-weight: 300;
src: url('../font/NotoSerifCJKjp-Light.woff') format('woff2'),
 url('../font/NotoSerifCJKjp-Light.woff') format('woff');
}
@font-face {
font-family: 'Noto Serif Japanese';
font-style: normal;
font-weight: 500;
src: url('../font/NotoSerifCJKjp-Medium.woff') format('woff2'),
url('../font/NotoSerifCJKjp-Medium.woff') format('woff');
}
@font-face {
font-family: 'Noto Serif Japanese';
font-style: bold;
font-weight: 700;
src: url('../font/NotoSerifCJKjp-Bold.woff') format('woff2'),
url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
}

*{padding: 0;margin: 0;box-sizing: border-box;background-repeat: no-repeat;}

html {font-size: 16px;line-height: 1.6em;letter-spacing: 1px;color:#423F32;font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, Sans-Serif;text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: 'liga', 'kern';-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
body {padding-top: 101px;}
a {color: #423F32;}
.r-over:hover {opacity: .7; filter: alpha(opacity=70);}
img {max-width: 100%;}
a.anchor{display: block;padding-top: 6em;margin-top: -6em;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 22px;height: 30px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-prev {left: -40px;background: url(../images/icon_controls_left.png) no-repeat;}
.bx-wrapper .bx-next {right: -40px;background: url(../images/icon_controls_right.png) no-repeat;}
.bx-wrapper .bx-prev:hover {background-position: initial;}
.bx-wrapper .bx-next:hover {background-position: initial;}
.align_left {text-align: left!important;}
.mb2 {margin-bottom:2em;}
.mt2 {margin-top:2em;}
.mt3 {margin-top:3em;}
.inner {width:90%;margin:0 auto !important;}
#pagetop {width: 42px;height: 42px;position: fixed;bottom: 25px;right: 10px;z-index: 99999;}

main {/*padding-bottom:4em;*/}
.sec_bloc {padding: 4em 0;}
.sec_bloc2 {padding: 4em 0 0;}
.sec_bloc3 {padding: 0 0 4em;}
.sec_ttl {text-align: center;font-size: 2em;font-weight: 300;margin-bottom: 1em;line-height:1.2;}
.sec_ttl span {display: block;font-size: 0.5em;font-weight: 300;margin-top: 20px;color: #80d7cc;text-shadow: 0 0 0px #ccc;}

.fugaz{font-family:'Fugaz One', cursive;}
.mont{font-family:'Montserrat', sans-serif;}
.quest{font-family:'Questrial', sans-serif;}
.roboto{font-family:'Roboto', sans-serif;}
.raleway{font-family:'Raleway', sans-serif;}
.oswald{font-family:'Oswald', sans-serif;}

/* header
========================================================================== */
header {position: fixed;top: 0;left: 0;width: 100%;background: #efefef;z-index: 100000;box-shadow: 0 0 3px rgba(120,120,120,0.3);}
header .inner {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items: center;justify-content: center;padding: 15px 0 15px;}
@media all and (-ms-high-contrast: none) {
}
#header_nav {letter-spacing: 0;}
#header_nav ul {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;
flex-wrap: wrap;align-items: center;justify-content: center;padding: 15px 0 15px;}
#header_nav ul li.basic {font-size:14px;position: relative;padding:0 0 0 35px;}
#header_nav ul li.basic ul {top: 35px;left:30px;position: absolute;}
#header_nav ul li.basic ul li {overflow: hidden;height: 0;background:rgba(0,0,0,0.4);}
#header_nav ul li.basic ul li.online {line-height:1;}
#header_nav ul li.basic ul li a {text-align:center; font-weight:700;color:#fff !important;}
#header_nav ul li.basic ul li:hover {
background:rgba(0,0,0,0.7);
}
#header_nav ul li.basic:hover > ul {
padding:0 0;
}
#header_nav ul li.basic:hover > ul> li {
overflow: visible;
text-align:center;
width:100px;
height:30px;
padding:.5em 0 2.5em;
border-top:1px solid #ddd;
display:block;
}
#header_nav ul li.basic:hover > ul > li:first-child {
border-top:none;
}

#header_nav li a {
text-decoration:none;
}
#header_nav li a:hover {
color:#fe8fa4;
}

#header_nav ul li.member-bt {font-family: "Roboto", sans-serif!important; font-weight: 500;
position:relative;
border:1px solid #95907C;
padding:6px 24px 6px 60px;
font-size:16px;
line-height:1.3;
border-radius:4px;
margin:0 30px;
text-align:center;
}
#header_nav ul li.member-bt img{
position:absolute;
top:10px;
left:10px;
width:25px;
}
#header_nav ul li.member-bt span{display:block;font-size:70%;}
.head_logo {margin-right:4em;}
.head_logo img{width:230px;}

#header_nav ul li.member-bt-pc {font-family: "Roboto", sans-serif!important; font-weight: 500;position:relative;font-size:10px;line-height:1.3;
margin:0 30px 0 40px;text-align:center;letter-spacing:1px;}
#header_nav ul li.member-bt-pc img{width:25px;margin:0 auto .5em;display:block;}

@media screen and (max-width: 1280px) {
body {padding-top: 75px;}
.inner{width:100%;}
header .inner{width:100%;flex-wrap: wrap;align-items: space-between;justify-content: space-between;padding:0 2em;}
.head_logo {width:15%;margin-right:0;}
.head_logo img{width:150px;}
#header_nav {width:80%;}
#header_nav ul{width:100%;align-items: space-between;justify-content: space-between;}
}
@media screen and (max-width: 1080px) {
header .inner{padding:0 1em;}
#header_nav ul li.basic {font-size:12px;position: relative;padding:0 0 0 20px;}
}

/* mainvisual
======================================= */
.mv_inner {position: relative;}
#mv .inner {text-align: center;}
#mv_image {width: 100%;}
#mv img{width: 100%;}
#mv img.key_img{width: 100%!important;}
.mv_link {position: absolute;top: 5px;right: 0px;z-index: 100;}
.mv_link ul {}
.mv_link ul li {
background:rgba(0,0,0,0.25);
padding:.5em;
}
.mv_link ul li img{width:90px!important;}
.mv_link ul li + li {
margin-top: 5px;
}
.mv_link ul li a {
display: block;
}
.mv_link_lower {
position: absolute;
top: 20px;
right: 20px;
z-index: 100;
}

@media screen and (max-width: 1280px) {
.mv_link {top: 1px;}
.mv_link ul li img{width:80px!important;}
}
.mv_bottom_link {position: absolute;bottom: 3em;left: 6%;z-index: 100;width:33%;}
.mv_bottom_link ul {display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.mv_bottom_link ul li{width:47%;}
.mv_bottom_link ul li + li {}
.mv_bottom_link ul li a {display: block;}
.mv_bottom_link ul li img {width:100%;display: block;}


.mv_bottom_link_lower {
position: absolute;
left: 60px;
bottom: -30px;
z-index: 100;
width:13%;
}
.mv_bottom_link_lower ul {}
.mv_bottom_link_lower ul li {}
.mv_bottom_link_lower ul li + li {
margin-top: 1em;
}
.mv_bottom_link_lower ul li a {
display: block;
}
.mv_bottom_link_lower ul li img {width:100%;display: block;}


.mv_copy {
padding: 2.2em;
text-align: left;
font-family: 'Noto Serif Japanese';
}
.mv_copy h2 {
font-size: 32px;
margin-bottom: 1em;
font-weight: 500;
text-align:center;
}
.mv_copy h1{
font-size: 20px;
line-height: 2.0em;
font-weight: 500;
text-align: center;
}
.mv_copy p{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, Sans-Serif;
}
.mv_inner h1 {
width:100%;
text-align:center;
font-weight:normal;
}
.ttl-base {
background-color: rgba(255, 255, 255, .0);
position:absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
}
.page-head-ttl {
color: #fff;
font-size: 2em;
letter-spacing:4px;
padding:.7em 0 .4em;
font-weight: 300;
font-family: 'Questrial', sans-serif;
}

/* 20200616 ms add strat */
.page-head-ttl.yoga-head-ttl-color {
	color: inherit;
}
/* 20200616 ms add end */

/* 20200616 ms strat */
.page-head-ttl .ja {
  display: block;
  font-size: 1.2rem;
}
/* 20200616 ms end */

/* top news
========================================================================== */

#top_news {
background: #fff7f9;
}
#top_news .sec_ttl span{color:#fba3b4;}
.top_news_slider_wrap ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
width:100%;
margfin:0 auto;
display:block;
}
.top_news_slider_wrap li a {
text-decoration:none;
}
.top_news_slider_wrap li p {
padding:0em 0;
font-size: 14px;
}
#top_news .sec_ttl {
margin-bottom: 1em;
}

ul.slick-dots{ position: absolute; display: flex; bottom: -1em;; left:50%; transform: translate(-50%,0);justify-content: space-around; align-items: center; align-content: center; width: 12vw;}
ul.slick-dots li {padding: .2em; width: 12px; height: 12px;}
ul.slick-dots li button{ position: relative; border: none; padding: 0;width: 12px; height: 12px; background: none;}
ul.slick-dots li button::before{ content: ""; position: absolute; top: 0; left: 0; background: #555; width: 12px; height: 12px; border-radius: 50%;}
.slick-dotted.slick-slider{ margin-bottom: 50px !important;}
ul.slick-dots li.slick-active button::before{ background: #555;}

/*dl.news_list{ display: flex; flex-wrap: nowrap; padding: 0 1vw 10vw;}*/

dl.news_list dd{ padding: 0 1em 1em; box-sizing: border-box; }
p.news-img{ margin-bottom: .7em;}
p.news-tag span{ padding: .5em 1em; font-size: 12px; line-height: 1.2; color: #fff; background: #534741;}
p.news-txt{ font-size: 14px; line-height: 1.6; padding: .5em 0;}

.news_link{ margin: 2em auto 0; box-sizing: border-box; width: 300px; text-align:center;}
.news_link p{background: #fff;border:1px solid #eee;padding: .5em 1.5em; position: relative; font-size: 13px;}
.news_link p::after{position: absolute; top: 50%; left: 90%; transform: translate(0,-50%); font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; color: #95907C;}
.news_link p:hover{ background: #000; color: #fff; transition: all0.3s ease;}



/* top Feature
========================================================================== */


#top_feature ol {
width: 80%;
margin: 0 auto;
display: block;
text-align: center;
}
#top_feature ol li + li {
margin-top: 4em;
}
#top_feature ol li .num {
font-size: 2.7em;
font-weight: 700;
margin-bottom: 1em;
display: inline-block;
font-family: 'Questrial', sans-serif;
color:#fe8fa4;
}
#top_feature ol li h3 {
font-size: 24px;
margin-bottom: 2em;
font-weight: 500;
font-family: 'Noto Serif Japanese';
color:#fe8fa4;
}
#top_feature ol li .detail {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#top_feature ol li figure {
margin-right: auto;
width: 180px;
text-align: center;
}
#top_feature ol li p {
width: calc(100% - 230px);
text-align: left;
font-size: 18px;
}


/* top lets'start
========================================================================== */
.content_arrow {
display: block;
text-align: center;
padding: 4em 0;
}
.feature_detail ul {
background: url(../images/img_feature_detail-.png) no-repeat;
position: relative;
height: 1100px;
background-position:50% 50%;
}
.feature_detail ul li {
max-width: 270px;
}
.feature_detail ul li a {
text-decoration:none;
}
.feature_detail ul li a figure {
text-align: center;
margin-bottom: 1em;
}
.feature_detail ul li.fd_05 a figure {
margin-top: 1em;
margin-bottom: 0;
}
.feature_detail ul li a h3 {
font-size: 20px;
text-align: center;
font-weight: 500;
}
.feature_detail ul li a:hover h3 {
font-weight: 700;
}
.feature_detail ul li a:hover h3 span {
font-weight: 500;
}
.feature_detail ul li a h3 span {
display: block;
font-size: 13px;
color: #80d7cc;
text-shadow: 0 0 0px #ccc;
}
.feature_detail ul li a p {
text-align: center;
font-size: 14px;
}
.feature_detail ul li a p span {
display: block;
font-size: 12px;
background: #95907C;
color:#fff;
padding:.3em;
width:80px;
margin:.5em auto 0;
}

.fd_01 {
position: absolute;
top: 20px;
left: 50%;
margin-left: -115px;
}
.fd_02 {
position: absolute;
top: 127px;
left: 50%;
margin-left: 205px;
}
.fd_03 {
position: absolute;
top: 445px;
left: 50%;
margin-left: 300px;
}
.fd_04 {
position: absolute;
top: 819px;
left: 50%;
margin-left: 177px;
}
.fd_05 {
position: absolute;
top: 800px;
left: 50%;
margin-left: -105px;
}
.fd_06 {
position: absolute;
top: 819px;
left: 50%;
margin-left: -390px;
}
.fd_07 {
position: absolute;
top: 445px;
left: 50%;
margin-left: -530px;
}
.fd_08 {
position: absolute;
top: 127px;
left: 50%;
margin-left: -415px;
}
.feature_text {
margin: 6em 0 0;
}
.feature_text p {
font-size: 18px;
line-height: 2.1;
text-align: center;
font-family: 'Noto Serif Japanese';
margin-bottom:4em;
}


/* top genre
========================================================================== */
.top-genre{background: url(../images/yoga-genre-bg.png) no-repeat;
position: relative;
background-position:50% 100%;
background-size:cover;
background-color:#222;
}
.top-genre h2{color:#fff;}
#top_genre ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1100px;
margin: 0 auto;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
}
#top_genre ul li {
width:33.333%;
margin-bottom: 0em;
color:#fff;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:2em 1.5em;
}
#top_genre ul li a {
text-decoration: none;
display: block;
color:#fff;
}
#top_genre ul li .detail h3 {
padding: 0 0 10px;
font-size: 20px;
text-align: center;
border-bottom:1px dotted #ddd;
margin-bottom: 15px;
color:#fff;
font-weight:bold;
}
#top_genre ul li .detail h3 span {
font-size: 14px;
vertical-align: bottom;
}
#top_genre ul li .detail .sub {
margin-bottom: 10px;
}
#top_genre ul li  .detail .sub span {
display: inline-block;
padding: 0 5px 0 0px;
font-size: 12px;
position:relative;
color:#fff;
}
#top_genre ul li .detail .sub span i{
background: url(../images/icon_pickup_bk.png) no-repeat;
width:34px;
height:30px;
float:left;
vertical-align:middle;
padding-right:.2em;
margin-top:-.2em;
}
#top_genre ul li .detail .sub span i.diet{
background-position:0 -30px;
}
#top_genre ul li .detail .sub span i.kaizen{
background-position:0 -60px;
}
#top_genre ul li .detail .top_genre_desc {
font-size: 13px;
line-height:1.5;
}

#top_genre ul li .detail .genre-more{
border: solid 2px #ddd;
background:#222;
color:#fff;
display: block;
font-size: 12px;
padding:.3em;
width:80px;
margin:1em auto 0;
text-align: center;
}
#top_genre ul li .detail .genre-more:hover{
background:#999 !important;
color:#fff !important;
}
#top_genre ul li.full {
width:100%;
margin-bottom: 0;
padding: 1.5em;
box-sizing: border-box;
}
#top_genre ul li.full .detail h3 span {
font-size: 14px;
vertical-align: bottom;
}

#top_genre ul li.full .top_genre_desc a{text-decoration: none; display: inline !important;font-size: 13px;line-height:1.5; color:#fe8fa4; font-weight:bold;}


/* top trial
========================================================================== */

#top_trial ol {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items:  space-between;
justify-content: space-between;
margin:0 auto 5em;
width:100%;
padding:0;
}
#top_trial ol li {
text-align: center;
width: 30%;
position: relative;
padding:0 0;
}
#top_trial ol li img{width:100%;}

#top_trial ol li span {
display: inline-block;
text-align: center;
width: 100%;
margin-bottom: 1em;
font-size: 18px;
}
#top_trial ol li:after {
position: absolute;
top: 56%;
right: -10%;
transform: translate(0,-56%);
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
color: #444444;
font-size: 22px;
}
#top_trial ol li:last-child:after {
display:none;
}
#top_trial p {
text-align: center;
font-size: 24px;
color: #f4aec4;
}
#top_trial p span {
color: #423F32;
display: block;
font-size: 16px;
margin-top: 10px;
}

.top-trial-campaignbox {
border:1px solid #fe8fa4;
padding:3em 1em 1em;
position:relative;
width:80%;
margin:0 auto 0;
}
.top-trial-campaign-ttl {
position: absolute;
top: -2em;
left: 50%;
transform: translate(-50%,0%);
margin:0 auto 2em;
dislay:block;
background:#fe8fa4;
color:#fff;
text-align:center;
padding:1em 1.5em;
border-radius: 30px;
}

.top-trial-campaignbox p.c_text {
text-align: center;
font-size: 24px;
color: #fe8fa4;
margin-top: 0em;
margin-bottom: 0;
}
.top-trial-campaignbox p.c_text span {
color: #423F32;
display: block;
font-size: 16px;
margin-top: 10px;
}
.top-trial-campaignbox .expand-menu li {
border-bottom: 1px solid #aaa;
background:#fff;
font-size: 18px;
text-align:center;
}

.top-sch-link-block {
margin-bottom: 1em;
}
.top-sch-link-box {
position: relative;
border:2px solid #999;
background-color:#fff;
padding:1em;
width:50%;
margin:2em auto;
}
.top-link-branch-btn {
font-size:16px;
font-weight: bold;
}
.top-link-branch-btn a {
display: block;
padding:0;
font-size: 16px;
color: #333;
text-align:center;
position:relative;
}
.top-link-branch-btn a:after{
font-family: "Font Awesome 5 Free";
content: "\f073";
font-weight: 900;
color:#333;
font-size: 18px;
position:absolute;
top: 50%;
right: 10px;
transform: translate(0,-50%);
}

/* top pick up
========================================================================== */

#top_pickup {
background:#efefef;
}
.top_pickup_slider_wrap {
margin: 3em 0;
}
.top_pickup_list {

}
.top_pickup_list li {
box-sizing: border-box;
padding: 0 10px;
text-align: center;
position: relative;
}
.top_pickup_list li a {
padding: 20px 10px;
background: #FFF;
border-radius: 10px;
text-decoration: none;
display: block;
}
.top_pickup_list .icon {
display: block;
}
.top_pickup_list .icon i{
background: url(../images/icon_pickup_bk.png) no-repeat;
width:31px;
height:30px;
vertical-align:middle;
position: absolute;
top: 10px;
left: 20px;
}
.top_pickup_list .icon i.beginner{
background-position:0 0;
}
.top_pickup_list .icon i.diet{
background-position:0 -30px;
}
.top_pickup_list .icon i.kaizen{
background-position:0 -60px;
}
.top_pickup_list figure img{
margin:0 auto 1em;
border-radius: 10px;
}
.top_pickup_list li .detail {

}
.top_pickup_list li .detail dl {
margin: 0;
}
.top_pickup_list li .detail dl dt {
font-weight: 700;
font-size:14px;
line-height:1.3;
}
.top_pickup_list li .detail dl dd.date {
margin: 0 0 5px;
font-size:13px;
line-height:1.3;
}
.top_pickup_list li .detail dl dd.instructor {
margin: 0 0 5px;
font-size:12px;
line-height:1.3;
}

.top_pickup_menu {
display:block;
margin:0 auto;
display: flex; flex-wrap: wrap; justify-content: center;
}
.top_pickup_menu li {
font-size:12px;
margin-right:1em;
}
.top_pickup_menu li:last-child {
margin-right:0em;
}
.top_pickup_menu li i{
background: url(../images/icon_pickup_bk.png) no-repeat;
width:31px;
height:30px;
float:left;
vertical-align:middle;
margin-top:-.2em;
margin-right:.5em;
}
.top_pickup_menu li i.beginner{
background-position:0 0;
padding-right:.6em;
}
.top_pickup_menu li i.diet{
background-position:0 -30px;
padding-right:.7em;
}
.top_pickup_menu li i.kaizen{
background-position:0 -60px;
padding-right:.7em;
}


/* top about-txt
========================================================================== */
#top_about .detail {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
max-width: 1100px;
font-size: 12px;
line-height:1.6;
margin: 0 auto 3em;
}
#top_about .detail .left_txt {
width: 60%;
}
#top_about .detail .right_txt {
width: 35%;
}
#top_about .btn_bloc {
text-align: center;
}
#top_about .btn_bloc a {
padding: 20px 60px 20px 60px;
font-size: 16px;
display: inline-block;
text-decoration: none;
border: solid 1px #6c6a60;
position:relative;
}
#top_about .btn_bloc a:after {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0,-50%);
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
color: #6c6a60;
}
#top_about .btn_bloc a:hover {
font-weight: 700;
}
#top_about .btn_bloc a span {
font-size: 13px;
display: block;
margin-bottom: 5px;
}

.btn_bloc {

}
.btn_bloc a {

}


/* top other school+Studio
========================================================================== */

/* noa school
------------------------------------------- */
.noaschool-box {padding:4em 0 2em;}
.relate-block {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.relate-block li {border-left:1px solid #fff;border-top:1px solid #fff;overflow:hidden;padding:0;background-color:#000;}
.relate-block li a {color: #fff;display:block;}
.relate-clip{position:relative;}
.relate-clip img{width:100%;position:relative;padding:0;}
.relate-desc {position:absolute;top:15%;padding:0 1.5em 0em;width:100%;}
.relate-desc img{display:block;margin-bottom:1em;opacity:1;}
.relate-desc p{font-size: .7em;line-height: 1.5;text-align: justify;}

/* rental studio
------------------------------------------- */
.n-studio {padding: 1em 0 3em;}
.n-st-list {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.n-st-list li {position: relative;margin-bottom: 0em;text-align: center;padding:0;border-left:1px solid #fff;background-color:#000;}
.n-st-imagebox{position:relative;padding:0;}
.n-st-imagebox img{opacity: 1;}
.n-st-logobox {width:100%;position:absolute!important;top:6%;}
.n-st-logobox img {width:80%;margin:.6em auto;display:block;opacity: 1;}
.n-st-logobox p{color:#fff;padding:0 1.25em;text-align: justify;font-size: .7em;line-height: 1.5;}


.btn_bottom_bloc {
display:none;
}

.recept-table {
	width: 100%;
	font-size: 1.4rem;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.recept-table th, .recept-table td {
	display: block;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.recept-table td{
	display:block;
	background-image:url(../img/common/tel-mark-icon2.png);
	background-position:top 45% left 45%;
	background-size:auto 24px;
	background-color:#ffffff;
}

@media screen and (max-width: 768px) {
	.recept-table td.recept-table-td{
		text-align: left !important;
	}
}

.recept-table thead th{
	padding:1em 1em;
	font-size: .75rem;
	text-align:center;
	background-color:#ededed;
	line-height:1.7;
}

.recept-table th span{
	display:block;
}

.recept-table td{
	font-size:1rem;
	padding:1em 1em 1em 1em;
}

.recept-table .dial{
	color:#00BAA7;
	font-size:1.2rem;
	font-weight:bold;
	letter-spacing:1px;
	/*float: right;*/
}

.women-navi {
	background-color: #f54e81;
	color: #fff;
	font-size: .65rem;
	padding: .2em .4em .2em;
	line-height: 1;
	border-radius: 2px;
	margin-left: .5em;
}

.complete-lede .sec-lede-desc p {
	margin-bottom: 2.5rem;
}

.stand-btn .back-btn {
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 0.8em 4em;
	text-align: center;
	width: auto;
}

.stand-btn a.back-btn::after {
	font-family: inherit;
	content: "";
}

@media screen and (min-width: 768px) {
/* noa school
------------------------------------------- */
.relate-block li {width: 19%;margin-bottom:1.5em;}
.relate-desc {padding:0 1em 0em;top:10%;}
.relate-desc p{font-size:.8em;line-height: 1.6;}

/* rental studio
------------------------------------------- */
.n-studio {margin-bottom:2em;}
.n-st-list {padding:0 20%;}
.n-st-list li{width:32%;}
.n-st-logobox {top:10%;}
.n-st-logobox img {width:70%;margin:1em auto;}
.n-st-logobox p{padding:0 2em;font-size:.8em;line-height: 1.6;}

.recept-table thead th{font-size:1rem;}
.recept-table th{font-size:1rem;}
.recept-table th span{display:inline;}
.recept-table td{font-size:1rem;background-image:none;}
.recept-table .dial{display:block;font-size:1rem;font-weight:normal;padding-top:.2em;}

}

@media screen and (min-width: 768px) {
	.women-navi {
		display: inline !important;
	}
}

@media screen and (min-width: 1024px) {
/* noa school
------------------------------------------- */
.relate-desc {padding:0 1em 0em;top:10%;}
.relate-desc img{width:100%;margin:0 auto .5em;}
.relate-desc p{font-size:.6em;line-height: 1.4;letter-spacing:-.5px;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:14%;}
.n-st-logobox img {width:80%;margin:0 auto .5em;}
.n-st-logobox p{padding:0 1em;font-size:.6em;line-height: 1.4;}

.recept-table thead th{font-size:.8rem;}
.recept-table th, .recept-table td{display:table-cell;padding:0.6em 0;text-align:center;}
.recept-table td{font-size:.8rem;padding-left:0;background-image:none;}
.recept-table .dial{display:block;float:none;font-size:.7rem;letter-spacing:0;padding-top:.5em;}
}

@media screen and (min-width: 1200px) {

/* noa school
------------------------------------------- */
.relate-desc {padding:0 1.5em 0em;}
.relate-desc p{font-size:.8em;line-height: 1.5;letter-spacing:0;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:10%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;}
.n-st-logobox p{padding:0 1.5em;font-size:.9em;line-height: 1.6;}

}

@media screen and (min-width: 1440px) {

/* noa school
------------------------------------------- */
.relate-desc {padding:0 1.5em 0em;top:10%;}
.relate-desc p{font-size:.8em;line-height: 1.4;letter-spacing:0;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:10%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;}
.n-st-logobox p{padding:0 2em;font-size:.9em;line-height: 1.4;}

footer .inner {
width:1100px;
	}
}

@media screen and (min-width: 1500px){

.recept-table th, .recept-table td{padding:1em 0;}
.recept-table .dial{font-size:1.2em;}

}

@media screen and (min-width: 1800px) {

/* noa school
------------------------------------------- */
.relate-desc {padding:0 1.5em 0em;top:15%;}
.relate-desc p{font-size:.8em;line-height: 1.5;letter-spacing:0;}

/* rental studio
------------------------------------------- */
.n-st-logobox {top:15%;line-height:1.4;}
.n-st-logobox img {margin:0 auto 1em;}
.n-st-logobox p{padding:0 2em;font-size:.8em;line-height: 1.5;}
}

/* footer
========================================================================== */

footer {
background: #444;
padding: 4em 0 1em;
color: #FFF;
font-size:12px;
line-height:1.6;
}
footer .inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
footer a {
color: #FFF;
}
.copyright {
border-top:1px solid #fff;
color: #fff;
text-align: center;
font-size: 13px;
margin-top:2em;
padding-top:1em;
}
.copyright small {

}
.footer_left {
width: 540px;
padding-bottom: 4em;
}
.footer_left .foot_logo {
margin-bottom: 4em;
width:250px;
}
.footer_left p {

}
.footer_right {
width: calc(100% - 600px);

display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.foot_cnt {

}
.foot_cnt h2 {
font-weight: 700;
font-size: 13px;
margin-bottom: 5px;
}
.foot_cnt ul {
margin-bottom: 2em;
}

.foot_cnt ul li {
line-height: 1.8;
position: relative;
padding-left:1.2em;
}
.foot_cnt ul li:before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
}

.foot_cnt ul li a {
text-decoration:none;
}
.foot_cnt ul li a:hover {
text-decoration:underline;
}
.footer_sns {
position: absolute;
bottom: 35px;
left: 0;
width: 130px;
}
.footer_sns ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.footer_sns ul li i{
font-size:1.5em;
}
.footer_sns ul li a {

}


/* pan-kuzu
========================================================================== */

.breadcrumbs {
text-align:left;
background-color:#f6f6f6;
}
.breadcrumbs ol {
padding: .4em 0;
width:1200px;
margin:0 auto;
}
.breadcrumbs li {
position: relative;
display: inline-block;
margin-right: 1em;
font-size: 11px;
}
.breadcrumbs li:not(:last-child)::after {
position: absolute;
content: ">";
right: -1em;
top: 0;
}
.breadcrumbs li a:hover {
text-decoration: underline;
}



/* feature
========================================================================== */
.bg_02 {
padding-top: 2em;
}

.bg_02 .mv_copy h2 {
font-size: 24px;
line-height: 1.6;
text-align: center;
font-weight: 500;
}
.bg_02 .mv_copy p {
font-size: 16px;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, Sans-Serif;
text-align:center;
}

.feature_ttl {
text-align: center;
margin-bottom: 2em;
}
.feature_ttl h2 {
font-size: 2em;
font-weight: 500;
display: inline-block;
font-family: 'Noto Serif Japanese';
}
.under_feature ol {
width:100%;
}
.under_feature .inner{
width:830px;
margin:0 auto;
padding:3em 0;
text-align: center !important;
}
.under_feature ol li:nth-child(even){
background:#f6f6f6;
width:100%;
}
.under_feature ol li .num {
color: #80d7cc;
font-size: 3em;
font-weight: 300;
}
.under_feature ol li h3 {
font-size: 24px;
line-height: 1.6;
font-weight:normal;
font-family: 'Noto Serif Japanese';
margin-top:.5em;
}
.under_feature ol li p {
font-size: 16px;
}
.under_feature ol li img {
margin:1.5em 0;
}
.under_feature .link_list {
text-align: center;
width: 100%;
margin-top: 2em;
}
.under_feature .link_list ul {
display: inline-block;
margin-left: auto;
}
.under_feature .link_list ul li {
text-align: center;
}
.under_feature .link_list ul li + li {
margin-top:1em;
}
.under_feature .link_list li a {
color: #fe8fa4;
border: solid 1px #fe8fa4;
background-color:#fff;
text-decoration: none;
display: block;
padding: 6px 1em;
}


/* sytem
========================================================================== */
.system-ttl {
font-size: 1.4em;
text-align:center;
margin-bottom:2em;
}
.system-view {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.system-view-box {
width: 30%;
padding-top: 170px;
margin-bottom: 3rem;
background-position: 50% 0;
background-size: 140px 140px;
}
.free-view {
background-image: url(../images/yoga-system-ph1.png);
}
.indefinite-view {
background-image: url(../images/yoga-system-ph2.png);
}
.change-view {
background-image: url(../images/yoga-system-ph3.png);
}
.system-view-copy {
text-align: center;
font-size: 1em;
font-weight: bold;
margin-bottom:1.5em;
}
.system-view-copy span {
display: block;
font-size: 1.6em;
padding-top:.3em;
}
.system-view-desc {
font-size: 16px;
text-align:left;
line-height:1.8;
}

.system-kyostu-wrap {
background:#f6f6f6;
}
.system-kyotsu-ttl {
font-size: 1.4em;
text-align:center;
margin-bottom:1em;
}
.system-kyotsu {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.system-kyotsu-box {
width: 48%;
text-align:left;
}
.system-kyotsu-box:last-child {
padding-top:1em;
}

.table_wrap {
}
.table_wrap + .table_wrap {
margin-top: 4em;
}
.table_wrap h3{
font-family: 'Noto Serif Japanese';
font-size: 30px;
text-align:center;
margin-bottom:1em;
color:#80d7cc;;
}
.table_wrap h3 span{
font-size: 20px;
display:inline;
}
.system_table {
width: 100%;
font-size: 16px;
}
.system_table th,
.system_table td {
border: solid 1px #bbb;
padding: 1em;
}

.system_table th:first-child {
width: 25%;
}
.system_table.system_table_last th:first-child {
width: auto;
}

.system_table thead th {
background:#f6f6f6;
}
.system_table tbody th {
background:#f6f6f6;
}
.system_table tbody td {
text-align:center;
}
.system_table tbody td span {
font-size: 16px;
}

.attention_list {
font-size:14px;
text-align: left;
margin-top: 1em;
}
.attention_list li {
padding-left:1.5em;
position:relative;
margin-bottom:.2em;
}
.attention_list li:before {
position:absolute;
left:0;
content:"※";
color:#fe8fa4;
font-weight:bold;
}

.attention_list2 {
font-size:14px;
text-align: center;
margin-top: 1em;
}
.attention_list2 li {
padding-left:1.5em;
position:relative;
margin-bottom:.2em;
}
.attention_list2 li span{
color:#fe8fa4;
font-weight:bold;
}


.system_link_list {
text-align: center;
margin-top: 2em;
margin-bottom: 3em;
}
.system_link_list p {
text-align: center;
display:block;
margin-bottom:1em;
font-weight:bold;
}
.system_link_list .link_list {
width:100%;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.system_link_list li {
width:20%;
text-align: center;
}
.system_link_list li:last-child {width:30%}
.system_link_list .link_list li a {
color: #fe8fa4;
border: solid 1px #fe8fa4;
background: #fff;
text-decoration: none;
display: block;
padding:1em;
}
.system_link_list .link_list li a:after {
content: '\f054';
font-family: "Font Awesome 5 Free";
float: right;
margin-right: 4px;
color: #fe8fa4;
font-weight: 900;
}

.lesson_table {
width: 100%;
font-size: 16px;
}
.lesson_table th,
.lesson_table td {
border: solid 1px #bbb;
padding: 1em;
text-align:center;
width: 20%;
}
.ttl_th {
background:#555555 !important;
color:#fff;
}
.c_ora {
color: #80d7cc;
font-weight:bold;
}
.c_pin {
color:#fe8fa4;
font-weight:bold;
}

.lesson_table {
width: 100%;
font-size: 16px;
}
.lesson_table thead span{
display:block;
font-size: 12px;
}
.lesson_table thead th{
background:#f6f6f6;
}


/* welcome
========================================================================== */
.welcome-about-box {
background-image: url(../images/welcome-about-bk.jpg);
background-size:100% auto;
background-position:0 0%;
padding:1.5em 0;
}

.welcome-about-box .mv_copy h2 {
font-size: 24px;
line-height: 1.6;
text-align: center;
font-weight: 500;
}
.welcome-about-box .mv_copy p {
font-size: 16px;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, Sans-Serif;
text-align:center;
}


.welcome-ttl {
font-size: 1.2em;
text-align:center;
margin-bottom:2.5em;
}

.welcome-feature-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.welcome-feature-box li{
width: 30%;
margin-bottom:1.5em;
}
.welcome-feature-box li img{
margin-bottom:2em;
vertical-align:bottom;
width:180px!important;
}
.welcome-feature-box li:last-child img{
margin-bottom:2em;
vertical-align:bottom;
padding:5px 0;
}
.welcome-feature-box li h3{
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom:1.5em;
}
.welcome-feature-box li p{
font-size: 16px;
line-height:1.6;
text-align:left;
margin-bottom:2em;
}
.welcome-feature-box li .genre-more{
border: solid 1px #777777;
display: block;
font-size: 13px;
padding:.6em .4em;
width:60%;
margin:1em auto 0;
text-align: center;
border-radius: 4px;
}
.welcome-feature-box li .genre-more:hover{
background:#777777 !important;
color:#fff !important;
}


.welcome-genre-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.welcome-genre-box li{
width: 30%;
margin-bottom:1.5em;
}
.welcome-genre-box li img{
margin-bottom:2em;
vertical-align:bottom;
}
.welcome-genre-box li h3{
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom:1.5em;
}
.welcome-genre-box li p{
font-size: 16px;
line-height:1.6;
text-align:left;
margin-bottom:2em;
}


.welcome-price-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.welcome-price-box li{
width: 30%;
margin-bottom:1.5em;
background:#f9f9f9;
padding:2em;
}
.welcome-price-box li h3{
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom:1.5em;
border:6px solid #ededed;
background:#fff;
padding:1em;
color: #fe8fa4;
}
.welcome-price-box li h3 span{
font-size: 12px;
color: #555;
display:block;
}
.welcome-price-box p.welcome-price{
text-align:center;
color: #80d7cc;
font-weight:bold;
margin:1em 0;
}
.welcome-price-box li p{
font-size: 14px;
line-height:1.6;
text-align:left;
}

.welcome-more{
border: solid 1px #777777;
display: block;
font-size: 14px;
padding:.8em .4em;
width:40%;
margin:1em auto 0;
text-align: center;
border-radius: 4px;
background:#fff !important;
}
.welcome-more:hover{
background:#777777 !important;
color:#fff !important;
}
.welcome-more a{
text-align: center;
display:block;
}
.welcome-more a:hover{
color:#fff !important;
}

.welcome-voice-area {
background:#f6f6f6;
}
.welcome-voice-wrap {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.welcome-voice-box {
width:45%;
}
.welcome-voice-box ul{
width: 100%;
}
.welcome-voice-box li{
width: 100%;
background:#fff;
border:6px solid #ddd;
padding:1em 2em 1em 1em;
margin-bottom:2em;
position:relative;
}
.welcome-voice-box li:after{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
position:absolute;
color:#ccc;
font-size:1.5em;
top: 50%;
right:10px;
transform: translate(0,-50%);
}
.welcome-voice-box li h3{
text-align: left;
font-size: 17px;
line-height:1.5;
font-weight: bold;
margin-bottom:.5em;
color: #fe8fa4;
}
.welcome-voice-box li p{
font-size: 14px;
line-height:1.6;
text-align:left;
color: #555;
}

.welcome-voice-box .qa-text-box{
padding:2.1rem 0;
border-top:1px solid #bbb;
text-align:left;
font-size: 16px;
font-weight:bold;
}

#wel_01 {
padding: 6em 0;
}
.wel_01_cnt {

}
.wel_ttl {
text-align: center;
}
.wel_ttl h2 {
font-size: 1.2em;
text-align:center;
margin-bottom:2em;
}
.wel_01_cnt p {
text-align: center;
font-size: 16px;
line-height:1.6;
margin-bottom: 3em;
}

.wel_01_cnt ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
margin-bottom: 4em;
}
.wel_01_cnt ul li {

}
.wel_01_cnt ul li + li {
margin-left: 4em;
}

.wel_01_cnt .btn_bloc {
text-align: center;
}
.wel_01_cnt .btn_bloc a {
padding: 1em 2em 1em 1em;
font-size: 24px;
display: inline-block;
text-decoration: none;
border: solid 2px #aaa;
position:relative;
}
.wel_01_cnt .btn_bloc a:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
position:absolute;
top: 50%;
right: .5em;
transform: translate(0,-50%);
color:#aaa;
font-size:1.5em;
}
.wel_01_cnt .btn_bloc a img {
vertical-align: text-bottom;
margin-right: 10px;
}
.wel_01_cnt .btn_bloc a:hover {
font-weight: 700;
}
.wel_01_cnt .btn_bloc a span {
font-size: 15px;
display: block;
margin-bottom: 10px;
}


.wel_01_cnt p.c_text {
text-align: center;
font-size: 24px;
color: #fe8fa4;
margin-top: 2em;
margin-bottom: 0;
}
.wel_01_cnt p.c_text span {
color: #423F32;
display: block;
font-size: 16px;
margin-top: 10px;
}


.welcome-yogaabout-wrap {
background:#f9f9f9;
margin-bottom:5em;
padding:2em 0;
}
.welcome-yogaabout-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.welcome-yogaabout-box li{
width: 14%;
padding:0 1em;
position:relative;
}
.welcome-yogaabout-box li img{
opacity:.9;
}
.welcome-yogaabout-box li h3{
text-align: center;
font-size: 13px;
line-height:1.5;
font-weight: bold;
color: #fff;
position:absolute;
top: 50%;
left:50%;
transform: translate(-50%,-50%);
}


/* guidance
========================================================================== */
.guidance-ttl {
font-size: 1.5em;
text-align:center;
margin-bottom:2em;
}

.reserved-box .pict img {
width: 120px;
margin:0 auto 2em;
display:block;
}
.reserved-box .title {
font-size:24px;
color: #80d7cc;
font-weight: bold;
margin-bottom: 1em;
text-align: center;
}
.reserved-box .desc {
font-size: 16px;
line-height: 1.6;
margin-bottom: 3em;
text-align:center;
}
.trial-entrance-sec .need {
border: solid 0px #CCC;
width:80%;
margin:0 auto 1em;
}
.trial-entrance-sec .need .need-ttl {
background: #f6f6f6;
font-size: 16px;
padding: .6em 0;
text-align: center;
}
.trial-entrance-sec .need .need-ttl .em {
font-size: 14px;
display:inline;
padding:0 0 0 1.5em;
}
.trial-entrance-sec .need .flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
text-align: center;
align-items: center;
padding: .8em;
 width: 33%;
float: left;
 min-height: 80px;
border-bottom: dotted 1px #CCC;
margin-bottom:1em;
}
.trial-entrance-sec .need .flex .pict {
display: block;
width: 50px;
margin-left:20px;
}
.trial-entrance-sec .need .flex .txt {
width: calc( 100% - 41px );
font-size: 16px;
}
.trial-entrance-sec .need .notice {
padding: .8em;
font-size: 12px;
display: block;
text-align: left;
}
.trial-entrance-sec .join-campaign-box {
border:1px solid #fe8fa4;
padding:.8em 0 .6em;
text-align:center;
font-size:16px;
line-height:1.4;
background-color:#fff;
font-weight:bold;
border-radius:6px;
 width:80%;
margin:0 auto 1em;
}
.trial-entrance-sec .campaignprice {
color:#fe8fa4;
font-weight:bold;
}
.trial-entrance-sec .bigprice {
font-size:22px;
}

.trial-wrap{
padding:4em 0;
}

.trial-wrap {
background:#f6f6f6;
}
.trial-wrap .pict img {
width: 120px;
margin:0 auto 2em !important;
display:block;
}


.trial-flow-wrap {
width:70%;
padding:4em 0 3em;
margin:0 auto;
}
.trial-flow-box {
margin-bottom:3em;
}
.trial-flow-box li {
background: #ffffff;
border-radius: 10px;
padding: 2em;
position:relative;
}
.trial-flow-box li + li {
margin-top: 5em;
}
.trial-flow-box li + li:before {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
position:absolute;
top: -2em;
left: 50%;
transform: translate(-50%, 0);
color:#aaa;
font-size:1.5em;
}
.trial-flow-box li .detail {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
text-align:left;
}
.trial-flow-box li .detail .detail-txt {
width:70%;
box-sizing: border-box;
font-size: 14px;
line-height:1.6;
}
.trial-flow-box li h3 {
font-size: 20px;
font-weight: normal;
line-height: 1;
margin-bottom:1em;
}
.trial-flow-box li h3 span {
color: #80d7cc;
font-size: 36px;
font-weight: normal;
vertical-align: middle;
margin-right: 15px;
padding-bottom:7px !important;
}
.trial-flow-box .detail .detail-img {
width:25%;
}


.trial-item {
width: 100%;
margin:0 auto;
box-sizing: border-box;
border: solid 2px #80d7cc;
padding: 1.5em;
text-align: center;
}
.trial-item h3 {
font-size: 1em;
color:#80d7cc;
margin-bottom: 1em;
text-align:center;
}
.trial-item ul{
margin-bottom:1em;
}
.trial-item li{
display:inline-block;
margin-right:2em;
}
.trial-item li:last-child{
margin-right:0;
}
.trial-item li i{
color:#80d7cc;
padding-right:1em;
}

.trial-item p {
font-size: 12px;
}

.trial-campaign-txt{
font-size: 16px;
padding:2.5em 0 1em;
text-align:center;
font-weight:bold;
color:#fe8fa4;
}
.trial-campaign{
background:#fff;
padding:2em;
border: solid 2px #fe8fa4;
}


/* schedule top
========================================================================== */
.sc-top .ttl-base {
background-color: rgba(255, 255, 255, 0);
position:absolute;
top: 30%; left: 50%;
transform: translate(-50%,-30%);
}
.hd-sch-wrap {
position:absolute;
top:50%;
}
.hd-sch-block {
width:1200px;
display: flex; flex-wrap: wrap; justify-content: space-between;
}
.hd-sch-box {
width:19.5%;
font-size: 14px;
font-weight:bold;
background-color: rgba(0, 0, 0, .2);
}

.hd-sch-ttl .logo {
padding: 20px 20px 0;
}

.hd-sch-ttl .cat{
font-size: 12px;
padding-bottom: .4em;
}
.hd-sch-lede {
color: #333;
line-height: 1.4;
font-size: 18px;
font-weight: bold;
}
.hd-sch-lede a {
color: #80d7cc;
font-weight:bold;
}
.hd-sch-lede .sub {
display: block;
margin-top: .6em;
font-size: 14px;
font-weight: normal;
}

.schedule-ttl {
font-size: 20px;
font-weight: bold;
text-align:center;
margin-bottom:2em;
}

.studio-block2 {
margin-bottom: 2rem;
}
.studio-box2 {
border: 1px solid #ccc;
}
.studio-box2:not(:last-child) {
margin-bottom: 1rem;
}
.studio-box2 .inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 1em;
}
.studio-head2,
.studio-info2 {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
}
.studio-head2 {
margin-bottom: 0.6rem;
}
.studio-sub2 {
padding: 0 3%;
}

.studio-name2 {
text-align: center;
margin-bottom:1em;
}
.studio-name2 .en {
display: block;
line-height: 1.4;
font-size: 20px;
}
.studio-name2 .ja {
display: block;
line-height: 1.2;
font-size: 14px;
font-weight: normal;
}
.studio-info2 li {
font-size: 16px;
}
.studio-info2 li p {
display: block;
padding: .6em;
color: #fff;
text-align: center;
font-weight: bold;
}
.studio-info2 li p:after{
scolor: #fff;
margin-right: 10px;
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f073";
font-weight: 900;
float: right;
font-size: 18px;
}


.studio-block2 {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
border-top: 0px solid #adadad;
border-left: 0px solid #adadad;
}
.studio-box2 {
-webkit-flex-basis: 25%;
-ms-flex-basis: 25%;
flex-basis: 25%;
margin:0;
position:relative;
}
.studio-box2:not(:last-child) {
margin:0 2.5% 0 0;
}
.women-kimit-bg {
position:absolute;
right:5px;
top:45px;
font-size:.8em;
background:#fe8fa4 !important; color:#fff  !important; padding:.3em; border-radius:2px; font-weight:bold;
}


.studio-box2 .inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.studio-head,
.studio-info {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
}
.studio-sub2 {
padding: 0 3%;
}
.studio-head2 {
margin-bottom: 0.6rem;
}

.studio-info li a:hover {
opacity: .7;
filter: alpha(opacity=70);
}

.shinjuku-txt { color: #444;}
.toritsu-txt { color: #444;}
.akihabara-txt { color: #444;}
.ginza-txt { color: #444;}
.komazawa-txt { color: #444;}

.shinjuku-bg{ background-color: #444;}
.toritsu-bg{ background-color: #444;}
.akihabara-bg{ background-color: #444;}
.ginza-bg{ background-color: #444;}
.komazawa-bg{ background-color: #444;}

.sctop-caution-text {text-align:center; margin-bottom:3em;}
.sctop-caution-text span{color:#fe8fa4; font-weight:bold;}

.print-link-box a{
text-align:center;
font-size:16px;
font-weight:bold;
padding:1em;
border:1px solid #ccc;
color:333;
width:50%;
margin:0 auto;
display:block;
}
.print-link-box a:after{
margin-right: 10px;
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f1c1";
font-weight: 900;
float: right;
font-size: 18px;
}

.schedule-info-desc {
padding:1em 0 3em;
border-bottom:1px dotted #999;
}
.schedule-info-desc2{
border-bottom:0px dotted #999;
padding:1em 0 4em;
}
.schedule-info-ttl{
font-size: 20px;
font-weight: bold;
text-align: center;
margin:1em 0 .5em;
color:#fe8fa4;
}
.schedule-info-desc p,.schedule-info-desc2 p{
font-size: 14px;
line-height:1.6;
margin:1em 0;
text-align: left;
}

.schedule-info-desc a,.schedule-info-desc2 a{
/*background:rgba(180,176,163,0.8);*/
color:#fff;
width:50%;
margin:0 auto;
display:block;
padding:1em;
font-size:16px;
font-weight:bold;
text-align:center;
}

.schedule-info-desc a:hover,.schedule-info-desc2 a:hover{
background:rgba(145,141,130,0.8);
}

/* 20200612 ms add strat */
.no-result-message {
	text-align: center;
	padding-bottom: 4em;
	font-size: 1.2em;
}
/* 20200612 ms add end */

/* store top
========================================================================== */
.studio-sec p{
margin-bottom:2em;
text-align:center;
}
.studio-block {
width:1100px;
margin:0 auto;
}
.studio-box {
border-bottom:1px solid #ccc;
border-right:1px solid #fff;
float:left;
width: 48%;
margin-bottom:2em;
position:relative;
}

.studio-box:nth-child(even) {
float:right;
}
.toritsudai-st-bg {
background-image: url(../images/top-stimg-toritsudai.jpg);
background-position: 0 50%;
background-size: cover;
}
.shinjuku-st-bg {
background-image: url(../images/top-stimg-shinjuku.jpg);
background-position: 0 50%;
background-size: cover;
}
.akihabara-st-bg {
background-image: url(../images/top-stimg-akihabara.jpg);
background-position: 0 50%;
background-size: cover;
}
.ginza-st-bg {
background-image: url(../images/top-stimg-ginza.jpg);
background-position: 0 50%;
background-size: cover;
}
.komazawa-st-bg {
background-image: url(../images/top-stimg-komazawa.jpg);
background-position: 0 50%;
background-size: cover;
}
.studio-box .inner {
background-color: rgba(0, 0, 0, .2);
padding:3.5em 1.5em 3em;
position:relative;
}
.studio-name {
color:#fff;
margin-bottom:.5em;
text-align: center;
font-weight: normal;
}
.studio-name .en {
display: block;
line-height: 1.3;
font-size: 30px;
font-weight: normal;
}
.studio-name .ja {
display: block;
line-height: 1.2;
font-size: 14px;
font-weight: normal;
}
.studio-info {
padding:0 0;
}
.studio-info li {
height: 45px;
width: 70px;
color: #fff;
vertical-align: middle;
border-radius: 45px;
background-color: rgba(0, 0, 0, 0);
position:absolute;
}
.studio-info li:first-child {
bottom:10%;
left:5%;
}
.studio-info li:last-child {
bottom:10%;
right:5%;
}
.studio-info li i {
line-height:.8;
}
.studio-info li p{
margin-top:-5px;
}
.studio-info li a {
display: block;
color: #fff;
text-align:center;
font-size:10px;
font-weight:bold;
}
.studio-info li a:hover {
opacity: .7;
filter: alpha(opacity=70);
}
.branch-info-ttl{
font-size: 20px;
font-weight: bold;
text-align: center;
margin:0 0 2em;
}
.studio-add{
border-collapse:collapse;
width:100%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:1.2rem;
text-align:left;
}
.studio-add th{
font-weight:normal;
width:28%;
padding:1em;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
background-color:#F6F6F6;
font-size: 14px;
}
.studio-add td{
padding:1em 1.5em;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:left;
font-size: 13px;
line-height:1.6;
}
.studio-add td a{
color: #80d7cc;
padding-left:1em;
}
.studio-add td a:hover {
opacity: .7;
filter: alpha(opacity=70);
}
.studio-contact-text {
text-align:center;
font-size: 16px;
margin:2em 0 0;
}

body.toppage .studio-block {
width:100%;
display: flex; flex-wrap: wrap; margin: 0 0 2em; justify-content: space-between;
}
body.toppage .studio-box {
border-bottom:1px solid #ccc;
border-right:1px solid #fff;
width: 20%;
margin-bottom:2em;
position:relative;
}
body.toppage .studio-name .en {
line-height: 1.2;
font-size: 24px;
}
body.toppage .studio-name .ja {
line-height: 1.2;
font-size: 14px;
}
body.toppage .studio-info li:first-child {
bottom:8%;
left:3%;
}
body.toppage .studio-info li:last-child {
bottom:8%;
right:3%;
}
body.toppage .studio-info li a {
font-size:9px;
letter-spacing:0;
}

/* store
========================================================================== */

.branch-lede-copy {
text-align: center;
font-size: 22px;
font-weight:bold;
margin-bottom:1em
}
.branch-lede .text {
font-size: 14px;
}
.b-photo-main {
padding: 17px 20px 17px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f6f6f6;
}
.b-photo-ttl {
margin-bottom: 10px;
font-size: 16px;
}
.b-photo-main .text {
font-size: 12px;
line-height:1.5;
height: auto;
}
.branch-photo-list.slick-initialized.slick-slider.slick-dotted {
margin-bottom: 0em;
}
.branch-photo-list .slick-dots li {
margin: 0 4px;
width: auto;
}
.branch-photo-list .slick-dots {
bottom: 0;
position:relative;
padding: 1em;
}
.branch-photo-list .slick-dots .bp-btn {
width: 25px;
height: 25px;
vertical-align: top;
background-size: 25px 25px;
}


.access-block{
test-align:left;
}
.access-map {
float: left;
width: 47%;
}
.access-info {
float: right;
width: 47%;
}

.access-info .news_link{ margin: 0em auto 1.5em;}
.access-info .news_link p{border:1px solid #eee;}

.access-imap {
margin-bottom: 2.5rem;
}
.access-gmap {
position: relative;
padding-bottom: 60%;
margin-bottom: 3rem;
height: 0;
overflow: hidden;
}
.access-gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.ad-detail {
margin-bottom: 2.5rem;
text-align: left;
font-size: 13px;
}
/*.ad-detail .ad-dial {
color: #00af96;
font-size: 20px;
margin-bottom:2em;
}*/
.ad-detail .ad-dial a{
color: #00af96;
font-size: 2.2em;
margin-bottom:2em;
}
.ad-time {
margin-bottom: 1em;
font-size: 13px;
}
.ad-pickup {
margin-bottom: 2rem;
color: #80d7cc;
font-weight: bold;
text-align: left;
}
.ad-route {
margin-bottom:2em;
}
.ad-route .text {
margin-bottom: 1em;
text-align: left;
color: #80d7cc;
font-weight:bold;
}
.ad-route ol li {
position: relative;
padding-left: 2.2em;
text-align: left;
font-size: 13px;
}
.ad-route ol li::before {
position: absolute;
content: "→";
left: 0;
top: 0;
}
.ad-traffic-case {
margin-bottom: 2em;
padding-left: 2.2em;
font-size: 13px;
text-align: left;
}
.ad-traffic p{
font-weight:bold;
font-size: 14px;
}
.ad-train,.ad-bus {position:relative;}

.ad-train:before {
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 5 Free";
content: "\f238";
font-weight: 900;
color: #6c6a60;
font-size:1.6em;
}
.ad-bus:before {
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 5 Free";
content: "\f207";
font-weight: 900;
color: #6c6a60;
font-size:1.6em;
}
.ad-sc {
border:1px solid #fe8fa4;
text-align:center;
margin:0 auto 2em;
width:100%;
}
.ad-sc a{
color: #fe8fa4;
padding:1em;
display:block;
font-size:14px;
font-weight:bold;
}
.ad-sc a:hover{
color: #fff;
background: #fe8fa4;
}

.branch-text-img{
margin: 2rem auto;
display:block;
width:100%;
}

.branch-text-img{
max-width:600px;
}

.sns-wrap{
background:#f6f6f6;
padding:3em 0;
margin-bottom:5em;
}
.sns-box:not(:last-child) {
}
.sns-ttl {
margin-bottom: 1rem;
text-align: center;
font-size: 20px;
font-weight: 700;
letter-spacing:1px;
}
.feed-area {
margin-bottom: 0;
}
.tw-feed-area {
border: 0px solid #ccc;
}
.insta-feed {
position: relative;
width: 100%;
height: 450px;
overflow: hidden;
padding: 380px 0 0 0;
}
.insta-feed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sns-block {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sns-box {
-webkit-flex-basis: 31%;
-ms-flex-basis: 31%;
flex-basis: 31%;
}
.sns-ttl {
font-size: 20px;
}
.sns-box .induct-btn {
display: block;
}


/* FAQ
========================================================================== */

.qa-lede-copy{
font-weight:bold;
font-size: 22px;
text-align:center;
padding-bottom:3rem;
}
.qa-text-box{
padding:3rem 0;
border-top:1px solid #DDDDDD;
text-align:left;
font-size: 16px;
font-weight:bold;
}
.qa-text-box h3.q{
font-size: 17px;
color: #80d7cc;
padding-bottom:1em;
font-weight:bold;
}
.qa-text-box i{
font-size:20px;
padding-right:0.5rem;
}


/* close
========================================================================== */
.close-box {
}
.close-box p{
font-size:14px;
text-align:center;
margin-bottom:1em;
}

.close-lede-desc {
font-size:14px;
margin-bottom:2em;
text-align:center;
}

.close_table{
border-collapse:collapse;
width:100%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:16px;
line-height:1.4;
text-align:left;
margin-top:2em;
}
.close_table th{
font-weight:normal;
width:28%;
padding:1em;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
background-color:#F6F6F6;
}
.close_table td{
padding:1em;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:left;
}
.close_table td.back {
background-color:#F6F6F6;
text-align:center;
padding:1em .5em;
 }
.close_table td.sun {
color:#FF0000;
}
.close_table td.sat {
color:#0000FF;
}

/* rebervation
========================================================================== */

.reserve-h2 {
font-size:26px;
margin-bottom:1em;
text-align:center !important;
}
.reserve-h2 i{
padding-right:.5em;
}

.reservation-sec p {
font-size:16px;
margin-bottom:3em;
text-align:center;
}

.reserve-pc-caution {
border:2px solid #fe8fa4;
color:#fe8fa4;
margin:1em 0;
}
.reserve-pc-caution .caution-ttl{
color:#fff;
}
.reserve-pc-caution p {
font-size:16px;
margin-bottom:1em;
font-weight:bold;
padding:1em 1.5em;
}
.caution-ttl {
background-color:#fe8fa4;
color:#fff;
text-align:center;
font-size:14px;
font-weight:bold;
padding:.5em 0 !important;
}
.caution-point {
font-size:16px;
text-decoration:underline;
text-align:center;
color:#fe8fa4;
}
.caution-point span{
font-size:24px;
}
.caution-text {
text-align:left;
padding:0 2em 1.3em;
}
.caution-text li {
font-size:16px;
margin-bottom:.6em;
font-weight:bold;
position: relative;
padding-left: 1em;
}
.caution-text li:before {
content: "※";
position: absolute;
left:0;
}

.login-sec {
 padding:2em 0;
 text-align:center;
}
.login-sec h3{
font-size:20px;
margin-bottom:1em;
text-align:center !important;
}


.login-bt-box {
width:80%;
margin:2em auto 0em;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.login-bt-box li{
width:48%;
padding:1em;
text-align:center;
position:relative;
border:2px solid #fe8fa4;
color:#fe8fa4;
font-size:18px;
font-weight:bold;
}
.login-bt-box li.pc:before{
position: absolute;
left:1em;
font-family: "Font Awesome 5 Free";
content: "\f109";
}
.login-bt-box li.sp:before{
position: absolute;
left:1em;
font-family: "Font Awesome 5 Free";
content: "\f3cd";
}
.login-bt-box li:hover{
background:rgba(145,141,130,0.2);
}
.login-bt-box li a{
color:#fe8fa4;
}

.login-caution-box {
color:#fe8fa4;
list-style:decimal;
text-align:left;
font-weight:bold;
width:80%;
margin:2em auto 3em;
}
.login-caution-box li{
margin-bottom:.6em;
}
.caution-text {
color:#fe8fa4;
font-weight:bold;
}

.reservation-tel-sec {
text-align:center;
}
.schedule-link-box {
margin-top:2em;
}
.schedule-link-box p{
margin-bottom:1em;
text-align:center;
}
.schedule-link-box a{
text-align:center;
font-size:16px;
font-weight:bold;
padding:1em;
border:2px solid #ccc;
color:333;
width:50%;
margin:0 auto;
display:block;
}
.schedule-link-box a:after{
margin-right: 10px;
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f073";
font-weight: 900;
float: right;
font-size: 18px;
}



/* trial
========================================================================== */

button, [type="button"], [type="reset"], [type="submit"] {
cursor: pointer;
}
button, input, optgroup, select, textarea {
font: inherit;
}
button, select, textarea {
color: inherit;
border-style: none;
background-color: transparent;
}
button, html [type="button"], [type="reset"], [type="submit"] {
border: none;
border-radius: 0;
-webkit-appearance: button; /* iOS */
}
button, select {
text-transform: none; /* Firefox 40+, IE 11- */
}
select::-ms-expand {
display: none; /* IE 11+ */
}
select::-ms-value {
color: currentColor; /* IE 11+ */
}
optgroup {
font-weight: bold;
}
button {
overflow: visible; /* IE 8/9/10/11 */
}
textarea {
overflow: auto; /* IE 11+ */
resize: vertical;
}


.form-lede {
margin-bottom: 2em;
}
.form-lede-desc{
margin-bottom: 2em;
text-align:center;
}
.form-lede-ttl {
font-size:24px;
font-weight:bold;
text-align:center;
margin-bottom:1em;
}
.form-caution {
color: #fe8fa4;
font-size:16px;
font-weight:bold;
}
.req {color: #fe8fa4;font-weight:bold;}
.studio-select {
position: relative;
}
.studio-select {
display: none;
}
.from-basic .change-lesson {
display: none;
}
.from-basic .studio-select {
display: block;
}
.form-table th.bring {
background-color: #f5f1ea;
}
.cfm-form-lede {
margin-bottom: 2rem;
}
.form-caution-ttl {
color: #fe8fa4;
font-size: 18px;
font-weight: bold;
margin-bottom: 2rem;
text-align: center;
margin-top:3em;
}
.comp-recept {
margin-bottom: 2rem;
}


.trial-link-branch {
background:rgba(0,0,0,0.2);
color:#fff;
position: relative;
padding:1em;
}
.link-branch-btn {
font-size: 16px;
font-weight: bold;
}
.link-branch-btn a {
display: block;
padding: 0;
color: #fff;
text-align:center;
}
.link-branch-btn a:after{
margin-right: 10px;
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f073";
font-weight: 900;
float: right;
font-size: 18px;
}
.expand-menu {
display: none;
background-color: #fff;
position: absolute;
width: 100%;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
z-index: 5;
left:0;
top:100%;
}
.expand-menu li {
border-bottom: 1px solid #aaa;
background:#fff;
font-size: 18px;
text-align:center;
}
.expand-menu li:first-child {
border-top: 1px solid #aaa;
}
.expand-menu li a:hover {
background: #eee;
}
.expand-menu li a {
display: block;
padding:1em .5em;
}
.expand-menu li a:after{
margin-right: 10px;
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
float: right;
color: #444;
font-size:14px;
}


.supple-btn {
display: inline-block;
padding:1em 2em 1em 1em;
color: #fff;
font-size: 18px;
font-weight: bold;
position:relative;
}
.supple-btn:after {
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
font-size: 18px;
position:absolute;
right:.5em;
}
.lesson-edit-btn {
background:rgba(180,176,163,0.8);
color:#fff;
}
.closing-btn {
background:#fe8fa4;
color:#fff;
}


.form-table {
width: 100%;
}
.form-table th,
.form-table td {
display: block;
}
.form-table th {
font-size: 18px;
font-weight: bold;
}
.form-supple p:not(:last-child) {
margin-bottom: 1rem;
}
.input-list li {
margin-top: .4em;
margin-right: 1em;
margin-bottom: .4em;
display: inline-block;
}
.input-list li label {
padding-left: .4em;
}
.input,
textarea {
width: 100%;
padding: 8px;
font-size: 18px;
border-radius: 0;
border: 1px solid #666;
}
.input.input-date {
width: 22%;
}
.d-unit {
margin: 0 .5em;
}
.select {
padding: 8px;
font-size: 18px;
border: 1px solid #666;
}
.input-head {
margin-bottom: 1rem;
}
.form-operate {
padding: 0 3%;
margin:0 auto;
display:block;
text-align: center;
}
.form-operate li {
text-align: center;
font-size: 1.6em;
}
.form-operate li input {
padding: .8em 6em;
color: #fff;
font-weight: bold;
}
.form-operate li input[disabled] {
cursor:not-allowed;
background-color: #ccc;
}
.form-operate li input.long-word {
padding: 0.8em 3em;
}
.couple-operate {
padding: 0 8%;
margin-bottom:4em;
}
.couple-operate li {
float: left;
width: 46%;
}
.couple-operate li:last-child {
float: right;
}
.couple-operate li input {
padding: 0.8em 0;
width: 100%;
}

.primary-btn {
background-color: #333;
}
.secondary-btn {
background-color: #fe8fa4;
}
.error-list {
padding: 1.4em 4%;
margin-bottom: 2rem;
}
.caution-ttl {
color: #fe8fa4;
font-size: 20px;
font-weight: bold;
margin-bottom: 2rem;
text-align: center;
}

.restriction {
margin-bottom: 3rem;
text-align: center;
font-size: 18px;
}
.stand-btn {
text-align: center;
font-size: 18px;
}

.stand-btn a{
text-align:center;
font-size:16px;
font-weight:bold;
padding:1em;
border:1px solid #ccc;
width:50%;
margin:0 auto;
display:block;
}
.stand-btn a:after{
margin-right: 10px;
vertical-align: text-top;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
float: right;
font-size: 18px;
color:#888;
}


/* instructor
========================================================================== */

.inst-main{
width:100%;
margin:0 auto;
font-size:1em;
line-height:1.6;
}
.inst-main2 {
width:100%;
margin:0 auto 4em;
font-size:1em;
line-height:1.6;
background:#f9f9f9;
}
.inst-main2 .inner{
padding:0 2%;
}
.inst-cover {
max-width: 400px;
margin:0 auto 2em;
}
.inst-cover img {
display:block;
margin:0 auto 0;
}
.inst-lede dl {
text-align:left;
font-size: 18px;
margin-bottom:2em;
}
.inst-lede dt {
font-size: 18px;
color:#b4aba3;
font-weight:bold;
}
.inst-lede .name dt {
margin-bottom:0;
}
.inst-lede .name dd {
font-size: 50px;
}
.inst-lede .name dd span{
font-size: 20px;
padding-left:1em;
}
.inst-lede .genre dt {
margin-bottom: .5em;
}
.inst-lede .genre dd span{
display:block;
}
.inst-lede .genre dd {
font-size: 25px;
letter-spacing:-1px;
}
.inst-lede .genre dd a {
float:left;
}
.inst-lede .genre dd a:hover {
color:#fe8fa4;
}
.genre dd span {
float:left;
padding:0 .4em;
}
.inst-sec-ttl {
font-size: 18px;
color:#b4aba3;
}
.inst-coat {
padding:1.5em;
background:#f6f6f6;
border-radius:4px;
}
.inst-coat iframe{
width:100%;
height:250px;
}
.inst-coat-ttl {
font-size: 14px;
margin-bottom:1em;
text-align:left;
color:#b4aba3;
font-weight:normal;
}
.inst-block{display: flex; flex-wrap: wrap;justify-content: space-between;}
.inst-col-a {
width: 45%;
}
.inst-col-b {
width: 45%;
}
.inst-col-c {
width: 45%;
}
.inst-col-d {
width: 45%;
}
.inst-sec {
margin-bottom: 0;
}
.inst-prof-info {
background:#fff;
border:4px solid #eee;
padding:1.5em;
font-size:18px;
margin-top:1em;
}
.inst-prof-info p {
font-size:18px;
}
.inst-lesson-box{
display: table;
width: 100%;
background:#fff;
border:4px solid #eee;
padding:1.5em;
font-size:18px;
margin-top:1em;
}
.inst-lesson-info {
font-size:18px;
display: table-cell;
width: 65%;
line-height:1.1;
vertical-align: middle;
}
.inst-lesson-info p {
line-height:1.7;
font-size:14px;
}
.inst-lesson-info p.time {
margin-left:-.6em;
}
.inst-lesson-btn {
padding:1em 1.5em 1em 1em;
background-color: #8dd4cc;
font-size:16px;
color:#fff;
font-weight:bold;
position:relative;
border-radius:4px;
}
.inst-lesson-btn:after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
position:absolute;
top: 50%;
right: .6em;
transform: translate(0, -50%);
font-size:.9em;
}
.inst-lesson-btn span {
display: block;
}

.inst-sec-ttl {;margin-bottom: 1em;font-size: 1.6rem;font-family:'Oswald', sans-serif;}
.inst-page .class-box{margin-bottom: 0em;box-shadow: 0 0 4px rgba(120,120,120,0);border: none;}
.inst-page .class-box .info{width: 100%;padding:.7em .8em;position:relative;}
.inst-page .class-box .info .lessontime{font-size: .7em;margin-bottom:.3em;font-weight:500;}
.inst-page .class-box .info .lessontime span{font-weight:normal;font-size:60%;}
.inst-page .class-box .info .genre,.inst-page  .class-box .info .level{font-size: .6em!important;font-weight:normal!important;}
.inst-page  .class-box .info .level span{margin-left: .5em;font-weight:normal;}
.inst-page .class-box .info .add{right: .75em;top: .75em;font-size: .7em;}
.inst-page .class-box .info button{padding: .5em 1.5em;right: .6em;bottom: .7em;font-size: .7em;}


.inst-page .accbox{margin-bottom: 1em;border: 4px solid #eee;font-size: 1.7rem;font-weight:500;}
.inst-page .accbox .lessontime{font-size: .8em;font-weight:bold;}
.inst-page .accbox .lessontime span{font-size:70%;}
.inst-page .accbox label {display: block;font-family:'Oswald', sans-serif;padding :.5em .8em;font-weight: 500;background :#fff;cursor :pointer;transition: all 0.5s;position:relative;}
/*.inst-page .accbox label:before {content: '\f107';font-family: 'FontAwesome';position:absolute;top: 50%; right: 5%; transform: translate(-0%,-50%);}:*/
.inst-page .accbox input {display: none;}
.inst-page .accbox .accshow {height: auto;padding: 0;overflow: hidden;opacity: 1;transition: 0.8s;background:#fff;}
.inst-page .accshow form{border-top:1px dotted #ccc;}
/*.inst-page .cssacc:checked + label + .accshow {height: auto;opacity: 1;padding:1px 0 0;}
.inst-page .cssacc:checked + label:before {content: '\f106';}*/
.inst-page .cssacc:checked + label + .accshow form{border-top:1px dotted #ccc;}
.inst-page .nolesson label:before{content: none;}
.inst-page .nolesson .cssacc:checked + label:before{content: none;}



/* genre
========================================================================== */
.genre-wrap:nth-of-type(2n+1) {
background-color: #f6f6f6;
}
.genre-h1{
background-color: rgba(0, 0, 0, 0.05);
padding:2.5em 0 2.5em;
}
.ttl-genre {
background-image: url(../images/img_mv_genre.jpg);
background-size:100% auto;
background-position:0  90%;
padding:0em 0;
color: #fff;
font-size: 2em;
letter-spacing:4px;
font-weight: 300;
font-family: 'Questrial', sans-serif;
}
.ttl-genre .ja {
display: block;
padding-top:.5em;
font-size: 16px;
letter-spacing:1px;
font-weight:normal;
}
.genre-up-sec {
}
.genre-up-sec h2{
font-family: 'Noto Serif Japanese';
font-size:1.8em;
font-weight:500;
margin-bottom:1.5em;
text-align:center;
}
.genre-up-sec2 .inner{
position:relative;
padding:0;
}
.genre-up-sec2 h2{
font-family: 'Noto Serif Japanese';
font-size:1.8em;
margin-bottom:0;
font-weight:500;
text-align:center;
}
.yoga-genre-link a{
position:absolute;
top: -1em;
right: 0;
color:#b4b0a3;
border:1px solid #b4b0a3;
padding:1em;
font-size:14px;
font-weight:bold;
text-align:center;
border-radius:2px;
}
.yoga-genre-link a:hover{
background:rgba(145,141,130,0.8);
color:#fff;
}

.sub_categories {
margin:0 auto 1.5em;
text-align:cener !important;
line-height:2.2;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sub_categories li{
display: inline-block !important;
font-size:1em;
padding:0;
font-family: 'Noto Serif Japanese';
}
.sub_categories li a{
padding:0 1em 0 0;
margin:0 1em 0 0;
border-right:1px dashed #999;
color: #80d7cc;
}
.sub_categories li a:hover{
opacity: .7; filter: alpha(opacity=70);
}
.sub_categories li:last-child a{
padding:0 1em 0 0;
margin:0 1em 0 0;
border-right:0px dashed #999;
}
.yoga-genre-desc {
font-size: 16px;
padding-bottom:2em !important;
}

.blog-bt {
width:100%;
display:block;
position:relative;
}
.blog-bt a{
position:absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
background:rgba(180,176,163,0.8);
color:#fff;
padding:1em 1.5em;
font-size:14px;
font-weight:bold;
text-align:center;
border-radius:2px;
}
.blog-bt a:hover{
background:rgba(145,141,130,0.8);
}

.genre-inst-box {
float: left;
width: 22%;
margin-right: 1.5%;
margin-left: 1.5%;
font-size: .8rem;
margin-bottom: 3.5em;
position: relative;
box-shadow: 0 0 10px rgba(120,120,120,0.1);
background-color:#fff;
}
.genre-sub-sec {
padding-top: 1.5em
}
.genre-inst-ttl{
text-align: center;
color: #999;
font-size: 18px;
margin-bottom:2em;
font-weight:bold;
font-family: 'Questrial', sans-serif;
letter-spacing:2px;
position:relative;
}
.genre-inst-ttl span{
color: #999;
padding:0 .7em;
font-size:.9em;
}
.genre-sec {
}
.genre-inst-list {
 padding: 1em 0;
}
.genre-inst-list2 {
 padding: 0 0;
}

.genre-inst-box::after {
content: "";
font-weight:bold;
position:absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-bottom: 15px solid #fe8fa4;
}
.genre-inst-textbox {
padding:1.5em 1.5em 2em;
height:200px;
overflow:hidden;
}
.genre-inst-textbox2 {
padding:1.5em 1.5em 2em;
}
.genre-inst-textbox .name,.genre-inst-textbox2 .name {
font-size: 18px;
margin-bottom: .7em;
}
.genre-inst-textbox .class,.genre-inst-textbox2 .class {
font-size: 14px;
letter-spacing: 0px;
line-height:1.5;
}

.genre-inst-detail {
display: none;
}
.genre-sub-sec {
padding-top: 4em;
}
.genre-inst-list {
padding: 3em 0;
}
.genre-inst-detail {
background-color: rgba(200, 220, 104, 0.6);
display: table;
font-size: 1.2em;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
opacity: 0;
-webkit-transition: all .3s;
 -moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
letter-spacing:0px;
}

.genre-inst-detail span {
color: #fff;
position: absolute;
text-align:center;
top: 40%;
left: 50%;
width:100%;
font-weight:bold;
transform: translate(-50%, -40%);
font-size:1.2em;
}
.genre-inst-box a:hover .genre-inst-detail {
opacity: 1;
}

/* topics
========================================================================== */

.topics-box {
width:80%;
margin:0 auto;
}
.topics-box li{
padding:2em 0;
border-bottom:1px dotted #ccc;
}
.topics-date {
color:#fe8fa4;
font-size:14px;
margin-bottom:.3em;
}

div.newspostslider{margin: 0 0; width: 100%; position: relative;}
div.newspostslider ul{display: block; width: 100%; text-align: center; position: relative; padding: 0;}
div.newspostslider ul li{display: inline-block; margin: 0 10px; vertical-align: top; padding: 0;}
div.newspostslider ul li img{height: 500px; width: auto;object-fit: cover;}
div.newspostslider ul li:not(.slick-current){cursor: pointer;}
div.newspostslider div.slick-list{padding: 0!important;}
div.newspostslider ul.slick-dots{clear: both; padding: 15px 0 0;}
div.newspostslider ul.slick-dots li{float: none; width: 20px; height: 2px; margin: 0 4px; background: #DDD; color:#DDD!important;display: inline-block; text-indent: -999px; overflow: hidden; cursor: pointer;}
div.newspostslider ul.slick-dots li.slick-active{background: #333;}
div.newspostslider ul.slick-dots li button{ width: 20px; height: 2px;}
div.newspostslider ul.slick-dots li button:before{ width: 20px; height: 2px;border-radius:0;}
div.newspostslider .slick-dotted.slick-slider{margin-bottom:3em!important;}
.onephoto-news{padding-top:3em;}

.exp-btn2{width:50%;display:block;padding:.7em 1em;color:#000;border:1px solid;text-align:center;font-size:14px;margin-top:2em;display:block;margin:2em auto 0;}

.topics-title {
font-size:18px;
}
.topics-post-wrap{
max-width:1100px;margin:0 auto;
}
.topics-post-wrap h1{
font-size:16px;
line-height:1.7;
margin-bottom:2em;
text-align:center;
}

.topics-post-wrap h2{
font-size:16px;
line-height:1.7;
text-align:center;
margin-bottom:2.5em;
}
.topics-post-txt {
font-size:16px;
line-height:1.7;
}
.topics-post-txt img{
margin:2em auto;
display:block;
height:auto;
}
.topics-post-wrap2 {
background:#fff !important;
}
.topics-post-wrap2 img{
width:70%;
margin:0 auto 1em;
display:block;
}
.topics-post-wrap2 .news_link{
border:1px solid #ccc;
}
.campaign-glay {
background:#f6f6f6;
}
.campaign-box p{
padding: 1em 2em;
text-align:center;
font-size:18px;
line-height:1.7;
}
.campaign-box p span{
font-weight:bold;
color:#fe8fa4;
display:block;
font-size:20px;
padding-top:1em;
}

/* pager
========================================================================== */
.pager{
  text-align:center;
  padding:2em 0;
}
.pager a{
  color:#AAAAAA;
}
.pager .num{
  display:inline-block;
  padding:.4em .8em;
  font-size:1em !important;
  margin-bottom:1em;
}
.pager .num a{
  color:#ccc;
  display:inline-block;
  border:1px solid #ccc;
  padding:.4em .8em;
  margin-bottom:1em;
}
.pager .num a:hover{
  background-color:#ccc;
  border:1px solid #ccc;
  color:#FFFFFF;
  padding:.4em .8em;
  text-decoration:none;
  margin-bottom:1em;
}
.pager .num .current_page{
  display:inline-block;
  border:1px solid #80d7cc;
  background-color:#80d7cc;
  color:#ffffff;
  padding:.4em .8em;
  margin-bottom:1em;
}
.pager span{
  display:inline-block;
}
.center-block {
  display:block;
  margin:2em auto 0;
}
.center-block2 {
  display:block;
  margin:2em auto;
}

/* pose
========================================================================== */
.siv_bass_glay {
background-color:#f6f6f6;
}
.siv_bass h2 {
font-size:20px;
margin-bottom:1em;
text-align:center;
}
.siv_bass p {
font-size:16px;
}
.siv_bass ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.siv_bass li{
width:23%;
padding:2%;
text-align:left;
}
.siv_bass li img{
margin-bottom:1em;
}
.siv_bass li .title {
font-size:16px;
font-weight:bold;
margin-bottom:.4em;
}
.siv_bass li .title span{
font-size:20px;
font-weight:bold;
color:#fe8fa4;
margin-bottom:.5em;
display:block;
}
.siv_bass li .name {
font-size:14px;
line-height:1.6;
margin-bottom:.4em;
}
.siv_bass li .name span{
font-size:18px;
font-weight:bold;
color: #80d7cc;
margin-bottom:.5em;
display:block;
}
.pose-effect-box {
width:88%;
margin:2em auto 0;
border:1px solid #80d7cc;
padding:1.5em;
font-size:14px;
text-align:left;
}
.pose-effect-box h3{
font-size:18px;
color: #80d7cc;
margin-bottom:.5em;
text-align:center;
}

.pose-detail-wrap {
width:900px;
margin:0 auto;
padding:2.5em;
background:#fff;
}
.pose-detail-box {
border-bottom:1px dotted #aaa;
padding-bottom:2.5em;
}
.pose-leftpost {
float:left;
width:300px;
}
.pose-rightpost {
float:right;
width:450px;
}
.pose-detail-ttl {
font-size:30px;
color:#ccc;
font-family: 'Noto Serif Japanese';
margin-bottom:1em;
font-weight:500;
}
.pose-detail-koumoku {
font-size:13px;
margin-bottom:.5em;
color:#999;
}
.pose-rightpost h2 {
font-size:22px;
font-weight:bold;
margin-bottom:1.5em;
}
.pose-detail-name {
font-size:18px;
font-weight:bold;
}

.pose-post-text {
padding-top:2.5em;
font-size:16px;
line-height:1.7;
text-align:left;
}

.pose-post-text span {
color: #80d7cc !important;
font-weight:bold;
}


/* lesson note
------------------------------------------- */
.bloglist {
  width:70%;
  float:right;
}
.bloglist li{
  width:100%;
  padding:2em 2.5em;
  margin-bottom:1em;
  border:4px solid #eee;
  list-style:none;
}
.bloglist li:first-child{
  padding:2em 2.5em;
}
.bloglist-box li a{
  color:#000000;
}
.blog-date {
  font-size:30px;
  font-weight:400;
  color:#333;
  padding-bottom:.4em;
  margin-bottom:.6em;
  border-bottom:1px dashed #ccc;
  font-family: 'Questrial', sans-serif;
}
.blog-date-small {
  padding-left:.5em;
  font-size:20px;
  font-weight:200;
}
.blog-ttl {
  font-size:28px;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:1em;
}
.blog-ttl a:hover{
  color:#F64C6C;
}
.blog-text {
  font-size:15px;
  line-height:1.6;
  margin-bottom:2em;
  -webkit-text-size-adjust: 100%;
}
.blog-text a{
color: #80d7cc;
}
.blog-detail-bt a{
color: #80d7cc;
  display:block;
  margin:1em 0;
}
.blog-detail-bt a:hover {
color: #ffaa40;
}
.blog-detail-bt i {
  padding-left:.5em;
}



/* lesson note post
------------------------------------------- */
.blogpost-box {
  margin-bottom:3em;
  width:70%;
  float:right;
  border:4px solid #eee;
  padding:2em 2.5em;
  font-size:16px;
}
.blogpost-date {
  font-size:30px;
  font-weight:400;
  color:#333;
  padding-bottom:.4em;
  margin-bottom:.6em;
  border-bottom:1px dashed #ccc;
  font-family: 'Questrial', sans-serif;
}
.blog-date-small {
  padding-left:.5em;
  font-size:20px;
  font-weight:200;
}
.blogpost-ttl {
  font-size:28px;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:3em;
}
.blogpost-text {
  font-size:15px;
  line-height:1.6;
  margin-bottom:2em;
  -webkit-text-size-adjust: 100%;
}
.blogpost-text img{
  margin:2em auto !important;
}

.blog-back-bt{
  margin-top:2em;
  padding-top:2em;
  border-top:1px dashed #ccc;
}
.blog-back-bt a{
  padding:1em;
  border:2px solid #aaa;
  color:#999;
  display:block;
  margin:0 auto 1em;
  width:50%;
  text-align:center;
}
.blog-back-bt i {
  padding-right:.5em;
}
.blog-back-bt  a:hover{
  color:#80d7cc;
  border:2px solid #80d7cc;
}

.category-school-box {
  width:25%;
  float:left;
  padding:2em 0 0;
}
.blog-category-ttl {
  font-size:24px;
  font-weight:200;
  color:#333;
  margin-bottom:.3em;
  text-align:left;
font-family: 'Questrial', sans-serif;
}
.blog-category-text {
  font-size:16px;
  margin-bottom:2em;
   text-align:left;
}

.blog-category-list, .blogpost-school-link{
  margin-bottom:3em;
}
.blog-category-list li, .blogpost-school-link li{
  display:block;
  position:relative;
  margin-bottom:.8em;
  padding:.8em 2em .8em 0;
  border-bottom:1px dashed #ccc;
  line-height:1.4;
  font-size:16px;
}
.blog-category-list li a, .blogpost-school-link li a{
  padding-bottom:.2em;
  font-weight:bold;
}
.blog-category-list li a:hover, .blogpost-school-link li a:hover{
  text-decoration:underline;
  color:#fe8fa4;
}
.blog-category-list li i, .blogpost-school-link li i{
  position:absolute;
  right:0;
  top:30%;
}



/* lesson Report
------------------------------------------- */

.report-top-desc {
  margin-bottom:3em;
}
.report-ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin:0 0 1em;
  line-height:1.6;
  color: #80d7cc;
}
.report-ttl2 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin:0em 0 .4em;
  line-height:1.6;
  color: #80d7cc;
}
.report-lead-desc p {
  font-size: 16px;
  line-height:1.6;
  margin-bottom:0em;
  float:left;
  text-align:left;
  width:80%;
}
.report-lead-desc img {
  width:15%;
  display:block;
  float:right;

}
.report-list-box {
  margin-bottom:.6em;
}
.report-list-sec h2 {
  margin-top:2em;
}
.report-list-sec li {
  float:left;
  width:15%;
  margin-right:2%;
  padding:.5em;
}
.report-list-sec li:nth-child(6n), .report-list-sec li:nth-child(12n),.report-list-sec li:nth-child(18n){
  margin-right:0%;
}
.report-list-sec li img{
  width:100%;
  margin-bottom:1em;
  border-radius: 4px;
}

.report-list-ttl {
  margin-bottom:.3em;
}
.report-list-ttl {
  font-weight:bold;
  font-size:14px;
  text-align:left;
  line-height:1.4;
}
.report-name {
  font-size:12px;
  margin-bottom:.5em;
  text-align:left;
}
.b-report-detail {
  font-size:13px;
  border:1px solid #CFB680;
  color:#BF953B;
  padding:.4em;
  text-align:center;
  border-radius: 2px;
}
.b-report-detail i {
  padding-left:.5em;
}

/* lesson Report Post
------------------------------------------- */
.reportpost-box {
  width:80%;
  margin:0 auto 3em;
  border:1px solid #ddd;
  padding:2.5em;
}
.reportpost-koumoku {
  font-size:20px;
  color:#bbb;
  font-weight:bold;
  padding-bottom:1.5em;
  margin-bottom:1.5em;
  border-bottom:1px dashed #ccc;
  text-align:center;
}
.reportpost-ttl {
  font-size:20px;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:.8em;
  color: #80d7cc;
  text-align:center;
}
.reportpost-ttl2 {
  font-size:20px;
  font-weight: bold;
  margin:0em 0 .4em;
  line-height:1.6;
  color: #80d7cc;
  text-align:center;
}
.reportpost-name {
  font-size:14px;
  padding-bottom:1.5em;
  margin-bottom:3em;
  border-bottom:1px dashed #ccc;
    text-align:center;
}
.reportpost-ttl a:hover{
  color:#F64C6C;
}
.reportpost-text {
  font-size:18px;;
  line-height:1.3;
  -webkit-text-size-adjust: 100%;
  padding-bottom:2em;
    text-align:center;
}
.reportpost-text span{
color:#80d7cc !important;
font-weight:bold;
}
.reportpost-text img{
  max-width:100%;
  display:block;
  margin:2.5em auto 2.5em !important;
  text-align: center;
  height:auto;
  float:none !important;
  display:block !important;
}
.reportpost-text a{
  color:#EF27AC;
}
.reportpost-detail-bt a{
  color:#F64C6C;
  display:block;
  margin:1em 0;
}
.reportpost-detail-bt a:hover {
  color:#333;
}
.reportpost-detail-bt i {
  padding-left:.5em;
}

.latestpost-text {
  font-size:13px;
  margin-bottom:1em;
  text-align:center;
}
.report-latestpost-sec li {
  float:left;
  width:15%;
  margin-right:2%;
}
.report-latestpost-sec li img{
  width:100%;
  margin-bottom:1em;
  border-radius: 4px;
}
.report-latestpost-sec li:last-child {
  margin-right:0%;
}
.report-latestpost-ttl {
  margin-bottom:.3em;
}
.report-latestpost-ttl {
  font-weight:normal;
  font-size:14px;
  line-height:1.4;
}

.report-back-bt {
  margin-top:2em;
}

.report-back-bt a{
  padding:1em;
  border:1px solid #aaa;
  color:#999;
  display:block;
  margin:0 auto 1em;
  width:100%;
  text-align:center;
}
.report-back-bt i {
  padding-right:.5em;
}
.report-back-bt  a:hover{
  color:#F64C6C;
  border:2px solid #EF27AC;
}


/* about yoga
========================================================================== */

.section_yoga_ttl {
padding: 4em 0 6em;
text-align: center;
}
.section_effect_ttl {
padding: 0;
text-align: center;
}
.section_yoga_ttl h2,.section_effect_ttl h2 {
font-size: 2.4em;
margin-bottom: 1em;
font-weight: 500;
display: inline-block;
padding-bottom: 20px;
font-family: 'Noto Serif Japanese';
text-align: center;
}
.section_yoga_ttl h2 span,.section_effect_ttl h2 span {
color: #ffc078;
font-size: 1.4em;
vertical-align: bottom;
margin: 0 15px;
}
.section_yoga_ttl p,.section_effect_ttl p {
text-align: center;
font-size: 18px;
margin-bottom: 3em;
}
.about_00_cnt {
}
.about_00_cnt ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
padding:0 5em;
margin-bottom: 2em;
}
.about_00_cnt ul li {
width: 100%;
max-width: 320px;
text-align: center;
}
.about_00_cnt ul li a {
text-decoration:none;
font-size: 14px;
}
.about_00_cnt ul li figure {
margin:0 auto 2em;
width:200px;
}
.about_00_cnt ul li figure img{
border-radius:50%;
}
.about_00_cnt ul li .detail {
}
.about_00_cnt ul li .detail h3 {
display: inline-block;
font-size: 24px;
color: #80d7cc;
margin-bottom: .7em;
font-weight: 500;
font-family: 'Noto Serif Japanese';
}
.about_00_cnt ul li .detail p {
font-size: 16px;
text-align: left;
margin-bottom: 1em;
}
.about_00_cnt ul li .detail > span {
font-size: 14px;
color: #95907C;
border: solid 1px #777777;
display: inline-block;
padding: 3px 10px;
margin-top: 10px;
}
.about_00_cnt > p {
background: #f6f6f6;
padding: 2em;
text-align: left;
margin-bottom: 0;
font-size: 16px;
}
#about_01 {
padding: 6em 0 6em;
background:#f6f6f6;
}
.about_ttl {
text-align: center;
}
.about_ttl h2 {
font-size: 2.4em;
margin-bottom: 1em;
font-weight: 500;
display: inline-block;
padding-bottom: 20px;
font-family: 'Noto Serif Japanese';
}
.about_ttl p {
text-align: center;
font-size: 18px;
margin-bottom: 3em;
}
.about_01_cnt ol {
padding:0 8em;
}
.about_01_cnt ol li {
background: #ffffff;
border-radius: 10px;
padding:1.5em 1.5em;
position:relative;
}

.about_01_cnt ol li + li {
margin-top: 4em;
}
.about_01_cnt ol li:last-child {
margin-bottom: 6em;
}
.about_01_cnt ol li:last-child:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
position:absolute;
bottom: -1.5em;
left: 50%;
transform: translate(-50%, 0);
color:#95907C;
font-size:2.5em;
}

.about_effect ol li:last-child {
margin-bottom: 0em;
}
.about_effect ol li:last-child:after {
display:none;
}

.about_history ol li:last-child {
margin-bottom: 0em;
}
.about_history ol li:last-child:after {
display:none;
}



.about_01_cnt ol li h3 {
padding-bottom: 2px;
margin: .5em 0 1em;
font-size: 1.4em;
font-weight: normal;
line-height: 1;
color: #80d7cc;
text-align:center;
}
.about_01_cnt ol li h3 span {
color: #FFC078;
font-size: 1.4em;
font-weight: normal;
vertical-align: text-bottom;
line-height: 1;
margin-right: 10px;
}
.about_01_cnt ol li .detail {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.about_01_cnt ol li .detail p {
width: calc(100% - 280px);
box-sizing: border-box;
text-align: left;
}
.about_01_cnt ol li .detail figure {

}
.about_01_cnt ol li .detail figure img {
width:250px;
}
.about_01_cnt ol + p {
text-align: center;
font-size:16px;
}
.about_history ol li .detail p {
width: 100%;
text-align: left;
}

#about_02 {
padding: 6em 0 4em;
}
.about_02_cnt {
text-align: center;
}
.about_02_cnt img {
margin-top: 2em;
margin-bottom: 4em;
width:400px!important;
}
.about_02_cnt p {
background: #f6f6f6;
padding: 2em;
text-align: left;
margin-bottom: 0;
}

.yoganayami-wrap {
padding:3em 0;
}
.aboutnayami-desc {
margin-bottom:2.5em;
}
.aboutnayami-desc2 {
margin-bottom:2.5em;
font-weight:bold;
text-align:center;
}
.yoganayami-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.yoganayami-box li{
width: 14%;
padding:0 1.5em;
margin-bottom:2em;
}
.yoganayami-box li img{
margin-bottom:.8em;
}
.yoganayami-box li h3{
text-align: center;
font-size: 14px;
line-height:1.4;
font-weight: bold;
color: #80d7cc;
}

.nayami-wrap{
padding-bottom:5em;
}
.nayami-wrap img{
margin:0 auto 2em;
display:block;
}

.nayami-wrap h1 {
font-size: 1.8em;
line-height:1.7;
margin-bottom: 0em;
font-weight: 500;
font-family: 'Noto Serif Japanese';
position:relative;
text-align:center !important;
}

.nayami-wrap h1 span{
font-size: .6em;
padding-left:1em;
}
.nayami-wrap h1:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
position:absolute;
bottom: -1.75em;
left: 50%;
transform: translate(-50%, 0);
color:#95907C;
font-size:1.5em;
}

.osusume-yoga {
padding: 4em 0 4em;
background:#f6f6f6;
}
.osusume-yoga ol {
padding:0 8em;
}
.osusume-yoga ol li {
background: #ffffff;
border-radius: 10px;
padding:1.5em 1.5em 1em;
position:relative;
}
.osusume-yoga ol li + li {
margin-top: 4em;
}
.osusume-yoga ol li h2 {
padding-bottom: 2px;
margin: .5em 0 1em;
font-size: 1.8em;
line-height: 1;
color: #80d7cc;
font-weight: 500;
text-align:center !important;
font-family: 'Noto Serif Japanese';
}
.osusume-yoga ol li .osusume-level {
margin-bottom:1em;
color:#fe8fa4;
font-weight: bold;
font-size: 1.2em;
text-align:center !important;
}
.osusume-yoga ol li .detail {
padding:0 0;
}
.osusume-yoga ol li .detail p {
text-align: left;
padding:0 .5em;
margin-bottom:2em;
}
.osusume-yoga-bt {
width:100%;
display:block;
position:relative;
}
.osusume-yoga-bt a{
background:rgba(180,176,163,0.8);
color:#fff;
padding:1em 1.5em;
font-size:14px;
font-weight:bold;
text-align:center;
border-radius:2px;
display:block;
width:60%;
margin:0 auto;
}
.osusume-yoga a:hover{
background:rgba(145,141,130,0.8);
}
.osusume-caution {
margin-top:2em;
text-align: center;
font-size:14px;
color:#fe8fa4;
}

/* webentry
------------------------------------------- */
.sec-ttl {
	margin-bottom: 2rem;
	text-align: center;
}
.plain-sec-ttl{margin-bottom:2em;}
.webentry-lede{text-align:center;padding:1em 0 2em;}
.m-step {padding:2.5em 2em 2em;background-color: #efefef;margin-bottom:2em;}
.m-step-list {margin-bottom: 2rem;}
.m-step-list ol{display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-step-list li {width: 22%;margin-bottom: 0;text-align:center;position:relative;}
.m-step-list li:not(:last-child):after {position:absolute;font-family: "Font Awesome 5 Free"; content: "\f054";font-weight: 900;top: 50%; right: -1.75em; transform: translate(3%,-50%);}
.m-step-list li .inside {display: block;padding: 2em 0;width: 100%;background-color: #fff;}
.m-step-head{display: block;width: 100%;vertical-align: middle;font-weight:bold;margin-bottom:1.5em;color:#fe8fa4;}
.m-step-head .num {background-color:#fe8fa4;;border-radius: 30px;height: 30px;width: 30px;color: #fff;display: inline-block;font-weight: 700;font-size: 1.3rem;margin-left: 0.5em;padding-top:.1em;}
.m-step-ico {display: block;width: 100%;vertical-align: middle;margin-bottom:1em;}
.m-step-ico img {max-width: 70px;}
.m-step-txt {display:block;width: 100%;vertical-align: middle;font-weight:bold;}
.m-step-atc{text-align:center;}
.caution-txt{color:#fe8fa4;text-align:center;}
.consent{margin-bottom:3em;}
.consent-ttl {margin-bottom: .8em;font-size: 1.6rem;font-weight: bold;text-align: center;}
.consent-frame {margin-bottom: 1em;overflow-y: scroll;-webkit-overflow-scrolling: touch;height: 300px;font-size: .9rem;border: 1px solid #aaa;
}
.consent-frame .inner {
  padding: 1.2em 4%;
}
.consent-box p,.consent-box ul {margin-bottom: 1rem;}
.consent-box .ttl {font-weight: bold;}
.consent-btn {text-align: center;}
.print-btn {display: inline-block;padding: .5em 2.5em .5em 1em;background:#333;color: #fff;font-size: .9rem;font-weight: bold;position:relative;}
.print-btn:after {position:absolute;font-family: "Font Awesome 5 Free"; content: "\f1c1";font-weight: 900;top: 50%; right: .7em; transform: translate(0em,-50%);}

.sub-sec-ttl {text-align: center;margin-bottom: 1.6rem;font-size: 1.5rem;font-weight: bold;}
.pulling-box {display: none;font-size: 1.1rem;}
.pulling-box:not(:last-child) {margin-bottom: 1.6rem;}
.pulling-block.first .pulling-box:first-child,.pulling-block.last .pulling-box:last-child {display: block;}
.pulling-box .fwb {font-weight: bold;}
.pulling-box .em {color: #ee0000;}

.radio-list li:not(:last-child) {margin-bottom: .4rem;}

.agreement {padding: 1em;margin-bottom: 2rem;border: 1px solid #1a1311;text-align: center;}
.agree-btn {margin-top: 1.6rem;}
.agree-desc a {color: #f00;text-decoration: underline;}
.agree-btn {text-align: center;}
.agree-btn label {margin-left: .5em;}
.agree-file {margin-bottom: 3rem;text-align: center;}
.agree-file li {margin-bottom: 1.6rem;}

.entry-b a::after{color:#fff;}
.entry-btn,.secondary-btn {color: #fff;background: #fe8fa4;margin-bottom:1em;font-weight: bold;}
.webentry-sec .primary-btn {color: #fff;display: block;background: #000000;font-size:1.6rem;margin-bottom:2em;font-weight: bold;}

.form-operate{padding:0 3%;text-align:center;}
.form-operate li input{margin:0 auto;}

.send-desc {text-align: center;}
.send-desc p {margin-bottom: 1.6rem;}
.send-desc-txt {font-size: 1.6rem;font-weight: bold;}
.form-msg-sec p,.form-msg-sec ul {margin-bottom: 1.6rem;text-align:center;}
.form-msg-sec .ttl {margin-bottom: 1.6rem;font-size: 1.8rem;font-weight: bold;text-align: center;}
.form-msg-sec .sub-ttl {margin-bottom: 1.6rem;font-size: 1.6rem;font-weight: bold;text-align: center;}
.bring-h {padding-bottom: .2em;color: #fe8fa4;font-size: 1.4rem;font-weight: bold;}
.bring-list {font-size: 1.1rem;margin-bottom:1em;}
.bring-list li:last-child{margin-top:2em;}
.bring-list a{color: #fe8fa4;}
.comp-clip {text-align: center;}
.comp-clip img {max-width: 60px;}

.close-insta-box{display: flex; flex-wrap: wrap;align-items: center; justify-content:space-between;width:100%;padding:0 0}
.close-insta-box li {width:19%;text-align:center;margin-bottom:1.5em;}
.close-insta-box li a{border:1px solid #444;padding:1em;text-align:center;display:block;width:100%;border-radius:4px;}

/* 20200713 ms add strat */
/*画面ローディング*/
.u-loading-area {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100001;
}

.u-spinner {
	margin: 0 auto;
	width: 150px;
	height: 100px;
	text-align: center;
	font-size: 25px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 50%;
}

.u-spinner > div {
	background-color: #949393;
	height: 100%;
	width: 10px;
	display: inline-block;

	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}
/*ポイント:以下のディレイの指定*/
.u-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.u-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.u-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.u-spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% { transform: scaleY(0.4) }
	20% { transform: scaleY(1.0) }
}
/* 20200713 ms add end */

/* 20200812 ms add strat */
/*//// modal window ////*/
.modal{display: none;height: 100vh;position: fixed;top: 0;left:0;width: 100%;z-index:100000;overflow:hidden;}
.modal.modal-confirm{display: block;}
.modal-bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal-content{background: #fff;padding:2em 1.25em 3em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height:80vh;overflow-y:scroll;-webkit-overflow-scrolling: auto;overflow-scrolling: auto;}
.modal-ttl{text-align: center; margin-bottom: 1em;font-family: "Roboto", sans-serif!important; font-weight: 900;font-size: 2.4rem;line-height:1.7;}
.modal-ttl span{display: block;font-size: .9rem;}
.modal-close{position: absolute; top: 1em; right: 1em; width:30px;height:30px;cursor: pointer;display:block;}
.modal-close span {display: block; width: 100%; height: 1px; background: #000;}
.modal-close span {background: #000; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;position: absolute;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}
.modal-ac-ttl{font-size:1.3rem;font-family:'Oswald', sans-serif;font-weight:300;margin-bottom:1.25em;}
.modal-content .kousya{font-size:1.5rem;font-weight:bold;margin-bottom:.6em;}
.modal-content .tel{font-family:'Roboto', sans-serif;font-size:2rem;margin-bottom:.5em;color:#34ceca;}
.modal-content .tel i{padding-right:.5em;color:#34ceca;}
.modal-content .add{font-size:1.3rem;margin-bottom:1.5em;}
.modal-content iframe{width:100%;height:30vh;}

.qa-box .modal-content{width:90%;}
.modal-content .cfm-form-lede{padding-top:2em;padding-bottom: 2em;border-bottom: 1px dotted #ccc;}
.modal-content .couple-operate li{float:none;width:100%;margin-bottom:2em;}
.modal-content .couple-operate li:last-child{margin-bottom:0;background:none;border:1px solid #000;color:#000;}
.modal-content .form-operate li:last-child input{color:#000;font-weight:normal;}
.modal-content .primary-btn{background-color:transparent;}

@media screen and (min-width: 769px) {
	.modal-content{padding:3.5em 2.5em 4em;width: 60%;}
	_:-ms-fullscreen, :root .modal-content{padding:3em 2.5em 3em;width: 50%;}
	.modal-ttl{margin-bottom: 1em;font-size: 2.4rem;line-height:1.7;}
	.modal-ttl span{font-size: .9rem;}
	.modal-close{top: 1em; right: 1em; width:30px;height:30px;}
	.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
	.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}

	.qa-box .modal-content{padding:3.5em 2.5em 4em;width:70%;}
	@-moz-document url-prefix() {.modal-content .couple-operate ul{margin-bottom:5em;}}
	.modal-content .couple-operate li{width:80%;margin:0 auto 2.5em;display:block;}
	.modal-content .couple-operate li:last-child{width:80%;float:none;}
}

@media screen and (min-width: 1280px) {
	.modal-content{padding:4.5em 3.5em 5em;width: 50%;}
	.modal-ttl{font-size: 2.4em;}
	.modal-ttl span{font-size: 40%;}

	.qa-box .modal-content{padding:4.5em 3.5em 5em;width: 60%;}
}
/* 20200812 ms add end */

/* 20200817 ms add */
.time_list {
	cursor : pointer;
}

.time_list.today {
	cursor : auto;
}
/* 20200817 ms add end */

/*============================================
2023/04/24 ORIZON 追加
============================================*/

.b_point_box{
	position: absolute;
	left: 4px;
	bottom: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	text-align: center;
	width: 37px;
	height: 37px;
	line-height: 1.5;
	background-image: url(https://www.noaboxing.com/assets_online/img/mypage/bpt_back.png);
	background-position: center;
	background-size: 100%;
	z-index: 1;
}
.b_point_label{
	color: #fff;
	line-height: .95;
	font-weight: 300;
	transform: scale(.8);
}
.b_point{
	display: block;
	font-size: 1.4em;
	font-weight: 400;
}