@charset "UTF-8";


body {
	font-size: 14px;
        background:#111;
}

img { 
	border: 0px;
	width:100%;
	max-width:100%;
}
.inner {width:92%;}


#wrapper {width:100%;overflow:hidden;}

#shopData {width:92%;display:block;margin:2px auto;border:1px solid #777;padding:5px;}



main {background:#fff;position:relative; /*padding-top: 5rem; */}

.fixedWebNyukaiBtn {
	position: fixed;
	z-index: 3;
	left: 0;
	bottom: 0px;
	width: 50%;
	height: 7rem;
	/* display: none; */
}
.fixedWebNyukaiBtn {
	top: auto;
}
.fixedWebNyukaiBtn:before {top:0.5rem;left:0;background: none;}


.fixedWebNyukaiBtn .txt {
	background: radial-gradient(#d80000, #bc0000);
	position:absolute;bottom:0;
	font-weight:bold;text-align: center;
	width:100%;
	height:7rem;
	padding:2rem;
	font-size:2rem;line-height:130%;
	box-sizing:border-box;
	transition:0.4s all ease-in-out;
}
.fixedWebNyukaiBtn .txt:hover {width:100%;}
.fixedWebNyukaiBtn a {
	color:#fff;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	display:block;
	text-decoration:none;
}
.fixedWebNyukaiBtn span {
	font-size:1.4rem;display:block;color:#ffea00;margin-top:1rem;
	line-height: 160%;
}
.fixedWebNyukaiBtn img {margin-right:0.3rem;width: 12px;}





.lineBtn {
	position: fixed;
	z-index: 3;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 7rem;
	/* display: none; */
}
.lineBtn {
	top: auto;
}
.lineBtn:before {top:0.5rem;left:0;background: none;}


.lineBtn .txt {
	background: radial-gradient(#43d700, #1a9500);
	position:absolute;bottom:0;
	font-weight:bold;text-align: center;
	width:100%;
	height:7rem;
	padding:2rem;
	font-size:2rem;line-height:130%;
	box-sizing:border-box;
	transition:0.4s all ease-in-out;
}
.lineBtn .txt:hover {width:100%;}
.lineBtn a {
	color:#fff;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	display:block;
	text-decoration:none;
}
.lineBtn span {
	font-size:1.4rem;display:block;color:#ffea00;margin-top:1rem;
	line-height: 160%;
}
.lineBtn img {margin-right:0.3rem;width: 12px;}








.tt_catch {line-height:170%;font-size:1.7rem;margin-top:1rem;}
.commonTt {font-size:3rem;line-height:120%;padding:2rem 2rem 3rem;margin:0;}
.commonTt img {max-width:100%;width:auto;}

#cpArea {background:#FFDB01;padding-bottom:2rem;font-size:1.4rem;}
#cpArea .tt {
	color:#fff;text-align:center;
	font-size:2rem;background:#ee0000;
	padding:2% 1%;
}
#cpArea .big {font-size:1.6rem;}
#cpArea .big2 {font-size:2rem;}
#cpArea .big3 {font-size:2.5rem;}

.kokuchi {
	background-image: url(../images/bg_img_top_m.jpg);
	color: #fff;
	padding: 150px 0 0;
	background-size: cover;padding:4rem 0 4rem;
}

.kokuchi .tt p {text-align:center;line-height:120%;font-weight:bold;}
.kokuchi .tt .date {font-size:10vw;margin:0;}
.kokuchi .tt .date .small {font-size:5vw;}
.kokuchi .tt .date .yotei {font-size:4vw;}
.kokuchi .tt .name {font-size:8.5vw;padding: 0 0 2.5rem;}
.kokuchi .tt .name .yomi {top:11vw;left:4vw;font-size:3vw;line-height:100%;}
.kokuchi .tt .open {font-size:17vw;margin-top:1.5rem;color: #cc9719;}
.kokuchi .txt {font-size:1.5rem;}
.kokuchi .big4 {
	font-size: 28px;
	line-height: 140%;
}

#viewing {margin-top:40px;padding:20px 0;}
#viewing .tt {line-height:160%;font-size:30px;}
#viewing .inner {font-size:4vw;line-height:170%;}



.senkou .commonTt {font-size:7.8vw;line-height:150%;margin-top:5rem;}



.uri {font-size:3rem;line-height:150%;}
.uri .point1 {color:#0055c3;}
.uri .point2 {font-size:8.5vw;line-height:140%;}
.uri .point2 .num {font-size:14vw;}
.uri .point2 .zu {font-size:15vw;line-height:120%;}
.uri .and {font-size:10vw;}





#top_appeal .inner {padding:2rem 0;}
#top_appeal ul {width:98%;padding:0;}
#top_appeal dl { width: 98%; margin: auto;}

#top_appeal li:first-child {font-size:2rem;}
#top_appeal li .big {font-size:2rem;}
#top_appeal li .sub {font-size:1.3rem;padding-left:0rem;}
#top_appeal li {margin-top:0.5rem;font-size:1.7rem;line-height:150%;padding-left:4.5rem;text-indent:-4.5rem;}
#top_appeal li img {max-width:4rem;}

#top_appeal dt {margin-top:0.8em;font-size:1.7rem;line-height:150%;padding-left:4.5rem;text-indent:-4.5rem;}
#top_appeal dt:first-child {font-size:2rem;}
#top_appeal dt .big {font-size:2rem;}
#top_appeal dt .sub {font-size:1.3rem;padding-left:0rem;}
#top_appeal dt img {max-width:4rem;}
#top_appeal dd {font-size:16px;padding-left:3rem;text-align: left;padding-top: 0.5em;}


.miryoku_inner {width: 92%;}
.Tt {
	font-size: 2em;
	color: #fff;
	padding: 0em 0 1.5em 0;
}
要素 {
	background-image: url("images/bg_top_appeal_m.jpg");
	background-position: center -149px;
	background-repeat: no-repeat;
	background-size: cover;
}

.miryoku_inner {z-index: 2;}
.appeal .overlay {z-index: 1;}
.appeal .bg_image {z-index: 0;}



#top_facility {background-attachment: scroll;background-size: cover;}
#top_facility .inner {padding:0rem 0 4rem;}
#top_facility .AreaBox {width:48%;margin:0;}
#top_facility .AreaBox:nth-child(even) {float:right;}
#top_facility .AreaBox:nth-child(3n+1) {clear:none;}
#top_facility .AreaBox:nth-child(2n+1) {clear:both;}
#top_facility .AreaBox .tt {margin-top:3rem;font-size:2.0rem;}

#topics {width:100%;}
#topics .inner {padding:2rem 0 3rem;width:90%;}
#topics ul li {font-size:1.3rem;padding-left:7rem;text-indent: -7rem;}
#topics ul li .date {width:7rem;}

#top_fee {background:#fff;}
#top_fee .inner {padding:0 0 3rem;}

.feetxt_old {font-size:2rem;margin-top:2rem;}
.feetxt_old .nedan {font-size:3.5rem;letter-spacing:0rem;line-height: 150%;}
.feetxt_old .en {font-size:1.8rem;}
.feetxt_sn {font-size:3.5rem;margin-top:0rem;}

.feetxt {line-height:150%;font-size:2rem;letter-spacing:-0.1rem;margin-top:1rem;}
.feetxt .nedan {font-size:7rem;letter-spacing:-0.05em;line-height:100%;}
.feetxt .en {font-size:1.8rem;font-weight:bold;}
.feetxt .small {display:block;}


#information {background-position:top center;margin:0;padding:0;border-top: 1px solid #3c3c3c;}
#information .txtArea {background:rgba(255,255,255,0.8);width:100%;padding:4rem 0;}

#shopTb {margin-left:auto;margin-right:auto;}
#shopTb th {padding:2rem 1rem;border-bottom:2px solid #111;}
#shopTb td {padding:2rem;border-bottom:1px solid #555;text-align:left;}
#shopTb .icons {padding:1rem;}
#shopTb .icons p:nth-child(5n) {clear:both;}
#shopTb .icons p:nth-child(6n) {float:left;clear: none;}

#access {margin-bottom:3rem;}

#kinrin {margin-top:5rem;}
#kinrin .flex-box {margin-top:2rem;}
#kinrin .flex-box .cb {
	width:calc(100% / 2);
	padding:4rem 1rem 1rem;
}
#kinrin .flex-box .cb:nth-child(3n) {border-right:1px solid #aaa;}
#kinrin .flex-box .cb:nth-child(2n) {border-right:none;}

#kinrin .ribbon {font-size: 1.2rem;}

#kinrin .cb .name {font-size:15px;}
#kinrin .cb .name .sb {font-size:11px;line-height:140%;}
#kinrin .cb .pic {margin-top:1rem;width:100%;height:auto;}
#kinrin .cb .stm {margin-top:1rem;font-size:1.1rem;line-height:140%;text-align:left;}




#other {position:static;background:url(../images/bg_other.jpg) no-repeat bottom center;height:50rem;background-size: 100% auto;}
#other:before {background:none;position:static;}
#other .inner {width:100%;}
#other .rightArea {padding :4rem 2% 2.5rem;float: none;width: 96%;background:#fff;}



#op_staff {margin-top:2em;padding-bottom:2rem;width: 98%;}
#op_staff .big4 {font-size:2rem;}
#op_staff .btn-staff {
	border-radius: 0.5rem;
	background: #ffb300;
	padding:2em 0;}
#op_staff a {color:#000;display: block;}





/* 共通 */
.bn_shousai {letter-spacing:0.01em;}
.bn_shousai.g1 {font-size:1.9rem;letter-spacing:0.01em;}
.commonTt2 {padding:3rem 0.7rem;}

/* appeal */
.appealDiv {padding:3rem 0;}
.appealDiv .num {float:none;text-align:center;}
.appealDiv .num img {width:auto;max-width:30%;}
.appealDiv .tt {margin-top:2rem;}
.appealDiv .txtArea {margin-top:1rem;}
.appealDiv .pic {float:none;padding: 1.5rem;width:70%;margin:auto;}
.appealDiv .pic img {border:0.5em solid #fff;}
.appealDiv .txt {margin-top:1rem;float:none;width:100%;text-align:left;font-size:1.4rem;}
.appealDiv .sbtt {font-size:2rem;}

.appealDiv:nth-child(even) {background:#E0E0E0;}
.appealDiv:nth-child(even) .pic {float:none;}
.appealDiv:nth-child(even) .txt {float:none;}

.movieDiv {width:100%;}
.movieDiv iframe,  
.movieDiv object,  
.movieDiv embed {width:100%;height:240px;}


/* staff */
#staff .youkou {margin-bottom: 80px;}
#staff .staff_intro {margin-bottom: 80px;}
.telBox .tel {
    font-size: 4rem;
    line-height: 170%;
}
.telBox .tel a {
    font-size: 3.5rem;
    line-height: 120%;
    font-weight: bold;
    color: #FFD800;
}
.staff_intro .big3 {
    font-size: 2rem;
    line-height: 140%;
}
#staff .td1 img {width:50%;}





/* admission */
#admission .pnArea {height:13rem;background-size:130%;background-position:top 6rem center;}
#appli .book .tt {font-size:2rem;}
#appli .book .tel {margin-top:1rem;font-size:1.4rem;}
#appli .book .tel a {font-size:3.4rem;}
.webBtn {margin-top:1rem;font-size:2.7rem;line-height:160%;text-align:center;}

.admission_feeTb {width:100%;margin-top:0.3rem;}
.admission_feeTb th,.admission_feeTb td {padding:1rem 2rem;font-size:1.7rem;}

#admission-necessary {padding-bottom:3rem;}
#admission-necessary ul {width:100%;}
#admission-necessary ul li:before {left:25%;}
#admission-necessary ul li {
	width:46%;padding:4% 1%;padding-top:4rem;margin-bottom: 3rem;margin-right:1%;
	box-shadow: 2px 2px 0 #e3e3e3;
}
#admission-necessary ul li:nth-child(even) {margin-right:0;float:right;}
#admission-necessary ul li .name {margin-top:0rem;font-size:1.7rem;}


/* visit */
#visit .pnArea {height: 13rem;background-size: 130%;background-position: top 5rem center;}
.flowDiv {width:100%;margin-top:2rem;font-size:1.4rem;}
.flowDiv .ttArea .num {width: 17%;}
.flowDiv .ttArea .tt {font-size:2rem;width:76%;padding:0;}
.flowDiv .pic {width:100%;float:none;}
.flowDiv .txt {width:100%;float:none;margin-top:1rem;}

#kengaku-form th {padding:1%;width:25%;}
#kengaku-form th img {width:auto;max-width:100%;}
#kengaku-form td {padding:2% 1%;}


/* fee */
#fee_main {padding-bottom:4rem;}
#fee .fee-machine {padding-bottom:4rem;}
#fee .fee-machine .catch {font-size:3rem;line-height:160%;letter-spacing:-0.4rem;}
#fee .fee-machine .catch .cr {font-size:5rem;width:6rem;height:6rem;border-radius:6rem;line-height:130%;}

.feetxt_eigyou {margin-top:2rem;font-size:2rem;}

#fee .feetxt {background-size:100%;background-position:bottom 2rem center;}
#fee .feetxt .nedan {font-size:8rem;line-height:100%;letter-spacing:-0.5rem;}
#fee .eigyou {font-size:2rem;}
#fee .eigyou .big {font-size:3rem;}
#fee #fee_option th {font-size:2rem;}
#fee #fee_option th img {max-width:12%;width:auto;}
#fee #fee_option th,#fee #fee_option td {display:block;width:95%;padding:2%;}



/* facility */
#facility .pnArea {height:13rem;background-size:130%;background-position:top 6rem center;}
#facilityTop .ct {font-size:3rem;}
.facilityArea {background-attachment:scroll;background-size:100%;background-position: top 26% center;}
.facilityArea .obi {text-align: center;padding:1rem 0;}
.facilityArea .obi .num {font-size:7rem;padding-right:0rem;}

.facilityArea .obi .tt {font-size:2rem;width:95%;margin:auto;display: block;text-align: center;}
.facilityArea .obi .tt span {font-size:3rem;display: block;}
.facilityArea .txtArea {width:94%;height:auto;padding:4rem 3%;background:#222;margin-top:20rem;}
.facilityArea .txtArea .tt {font-size:3rem;line-height:110%;font-weight:bold;}
.facilityArea .txtArea .tt .eng {line-height:100%;display:block;font-weight:normal;}
.facilityArea .txtArea .txt {font-size:1.3rem;margin-top:4rem;}
.facilityArea .txtArea .reccomend li {width:40%;line-height: 140%;padding-left: 2rem;text-indent: -2rem;}

#cardio {background-position:top 22% center;}
#cardio .txtArea {padding:4rem 3%;float:none;}
#freeweight .txtArea {padding:4rem 3%;width:94%;margin-top:19.5rem;}
#otherArea .obi .tt {text-align:center;}

.kenTd {width:100%;}
.kenTd th, .kenTd td {padding: 2%;}
.kenTd th {width:60%;}


/* Q A */
#qa {text-align:left;color:#fff;}
#qa main {background:#111;padding:0;}
#qa .tt {letter-spacing: 0.01rem;font-size:3.5rem;color:#fff;}
#qa .linkBox li {float:none;width:98%;}
#qa .linkBox li a {padding:2%;font-size:1.4rem;}
#qa .linkBox li a :first-letter {color:#fffd61;}

#qa h3 {font-size:2.4rem;}
#qa #other {background:none;height:auto;}
#qa #other:before {content:none;}


.qaBox {
	text-align:left;margin-top:3rem;
	padding: 2%;
}
.qaBox .q::before {
	font-size:2.8rem;
	margin-right:0.5rem;
}
.qaBox .q {font-size:1.8rem;line-height:160%;
	padding-left:3rem;text-indent:-3rem;
}
.qaBox .a::before {font-size:2.8rem;margin-right:0.5rem;}
.qaBox .a {padding-left:3rem;text-indent:-3rem;}


/* manners */
#manners .pnArea {height:13rem;background-size:130%;background-position:top 6rem center;}
#manners .commonTt2 {font-size:2rem;}
#manners .sbTt {padding: 2rem 0;font-size: 2rem;}

.mannersDiv {padding:2rem 0;font-size:1.4rem;}
.mannersDiv .tt {font-size:2rem;}



/* 店舗情報 */


/* SNS */
#fbArea {width:100%;float:none;}
#twtArea {float:none;}



/* footer */
#footer {width:100%;}
#ft_logo {float:none;text-align:center;}
#footer .name {font-size:1.8rem;line-height:150%;margin-top:2rem;}









/* 共通 */

div#lightbox-container-image-box {
	width: 100% !important;
	height: 100% !important;
}
#lightbox-container-image-data-box {
	width: 100% !important;
}
#lightbox-secNav-btnClose {
	width: 100px !important;
}
#jquery-lightbox a img {
	width: auto;
}

.pc_left {float:none;padding:0;}
.pc_right {float:none;padding:0;}
.pc_only {display:none;}
.mobile_only {display:block;}
.mobile_block {display:block;padding-top:1em;}

.encent_mL {text-align:left;}


.mb_flnon {float:none;width:100%;padding:0;margin:0 auto;}
.mb_flnon50 {float:none;width:50%;padding:0;margin:0 auto;}

.br {display:block;}

.mb_bn_ht {height:100px; }
.mb_bn_ht img {height:100%;}

.flex-box .cd3_m1 {width:100%;}


.wid10_m100 {width:100%;}
.wid15_m100 {width:100%;}
.wid20_m100 {width:100%;}
.wid25_m100 {width:100%;}
.wid30_m100 {width:100%;}
.wid32_m100 {width:100%;}
.wid33_m100 {width:100%;}
.wid35_m100 {width:100%;}
.wid40_m100 {width:100%;}
.wid45_m100 {width:100%;}
.wid48_m100 {width:100%;}
.wid50_m100 {width:100%;}
.wid55_m100 {width:100%;}
.wid58_m100 {width:100%;}
.wid60_m100 {width:100%;}
.wid65_m100 {width:100%;}
.wid70_m100 {width:100%;}
.wid75_m100 {width:100%;}
.wid80_m100 {width:100%;}
.wid85_m100 {width:100%;}
.wid90_m100 {width:100%;}
.wid95_m100 {width:100%;}



.mw100 {max-width:100%;width:auto;}
.mw75 {max-width:75%;width:auto;}
.mw50 {max-width:50%;width:auto;}
.mw32 {max-width:32%;width:auto;}
.mw30 {max-width:30%;width:auto;}
.mw25 {max-width:25%;width:auto;}
.mw20 {max-width:20%;width:auto;}
.mw10 {max-width:10%;width:auto;}
.mw8 {max-width:8%;width:auto;}
.mw5 {max-width:5%;width:auto;}