@charset "utf-8";

/*-------------------
base.css
-------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0;}
img { margin: 0; padding: 0; border: 0; line-height:0; font-size:0; vertical-align:top;}
html { width:100%; height: 100%; overflow-x:hidden;}
ul, li { list-style: none;}
p, th, td, dd { font-style:normal; font-weight:0; word-break: break-all;}
dd { word-break: break-all;}
a { margin: 0; padding: 0; border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
 
/*layout style*/
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#fff;}
.pc{ display: block !important; }
.sp{ display: none !important; }

/*-------------------
HEADER
-------------------*/
.fitness_header {
	border-bottom:1px solid #dadada;
}

.fitness_header_logo{
	border: 1px solid #fff;
}

/*-------------------
共通
-------------------*/

h4{
	background-color: #87d0cd;
}

h4 img{
	width: 1000px;
	margin: 0 auto;
}

/*-------------------
CONTENTS
-------------------*/

#wrap { width:100%; text-align:center; overflow:hidden; padding-top:100px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

h2{
	margin: 0 auto;
}

.ttl{	
	margin: 0 auto;
	padding: 80px 0 60px;
}

.main {
	width:100%;
	height: 720px;
	position:relative;
    overflow:hidden;
	margin-top: -10px;
}

.main img{ 
	width: 2000px;
	margin: 0 auto;
	position:absolute;
    left:50%;
	margin-left:-1000px;
}
.fitness_header_nav-info_item{
	width: 80%;
	height: auto;
}
.fitness_header{
	background-color: #FFF;
	position: fixed;
}
.mt80{
	padding-top: 80px;
}
.mb60{
	padding-bottom: 60px;
}
#wrap ::selection {
	background: #ffe11b; /* Safari */
}
#wrap ::-moz-selection {
	background:#ffe11b; /* Firefox */
}
#wrap .text{
	width: 1000px;
	margin: 0 auto;
	font-size: 18px;
	letter-spacing: 0.6px;
	line-height: 2.0;
	text-align: left;
	font-weight: normal;
	transform: rotate(0.001deg);
	color: #464235;
}	
#wrap .about{
	max-width: 2000px;
	height: 1022px;
	margin: 0 auto;
	background: url(../img/about_bg.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
}
#wrap .about .aboutInr{
	width: 1000px;
	margin: 0 auto;
}
#wrap .about .aboutInr img{

	margin: 0 auto;
}
#wrap .about .aboutText{
	margin: 20px 0 0px;
}
#wrap .about .aboutBg{
	height: 140px;
	background: url(../img/about_photo_bg.png) no-repeat;
	background-position: bottom;
}
	
#wrap .inr{
	padding-bottom: 50px;
}
#wrap .inr img{
	display: block;
	padding-bottom: 25px;
	margin: 0 auto;
}
#wrap .inr .left{
	float: left;
	margin-right: 10px;
}
#wrap .pop{
	max-width: 2000px;
	height: 3103px;
	margin: 0 auto;
	background: url(../img/pop_bg.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;	
}
	
#wrap .pop .popInr{
	width: 1000px;
	margin: 0 auto;
}

#wrap .pop .pop05{
	padding-bottom: 10px !important;	
}	
#wrap .pop .pop06{
	float: left;
	margin-top: 70px;
}	
#wrap .pop .pop07{
	margin-right: 0px;
}
#wrap .pop .ml{
	width: 560px;
	float: right;
	position: relative;
}	
#wrap .yoga{
	max-width: 2000px;
	height: 2605px;
	margin: 0 auto;
	background: url(../img/yoga_bg.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;	
}
	
#wrap .yoga .yogaInr{
	width: 1000px;
	margin: 0 auto;
}	
#wrap .yoga .yoga03{
	float: left;
	margin-top: 100px;
	padding-bottom: 10px !important;
}	
#wrap .yoga .yoga04{
	margin-right: 0px;
	padding-bottom: 10px !important;
}	

#wrap .present{
	max-width: 2000px;
	/*height: 2173px;*/
	height: 2873px;
	margin: 0 auto;
	background: url(../img/present_bg.jpg) center top no-repeat;
	background-size: cover;
	background-size: cover;
	text-align: center;	
	padding-bottom: 70px;
}	
#wrap .present .presentInr{
	width: 1000px;
	margin: 0 auto;

}	

#wrap .present .inr .present02{
	float: left;
	margin-right: 3px;
}
#wrap .present .inr .presentItem{
	margin-bottom: 20px;
	display: inline-block;
}	
#wrap .present .inr .presentItem img{
	float: left;
	margin:  0 10px 40px 0;
}	
#wrap .present .inr .presentItem img:nth-child(3){
	margin-right: 0px;
} 
#wrap .present .inr h3{
	margin-top: 20px;
	background: url(../img/event_next_bg.png) center bottom no-repeat;	
}	


@media screen and (max-width : 768px){

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

/*-------------------
共通
-------------------*/
h4 img{
	width: 100%;
}
.ttl{
	width: 82%;
	padding: 10% 0 8% 0;
}
.fitness_header_nav-info_item.nav-info-3{
	width: 32vw;
	padding-right: 2vw;
}
/*-------------------
CONTENTS
-------------------*/

#wrap {padding-top:11%;}

#wrap .sp {
	width:100%;
}
#wrap img{
	width: 100%;
}
#wrap h2 {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
}
.main {
	width:100%;
	margin: 0 auto;
	left: 0;
	height: 0;
	padding-bottom: 128%;
}
.main img{
	width: 100%;
	margin: 0 auto;
	left: 0;
}
#wrap .text{
	width: 100%;
	font-size: 2.8vw;
	letter-spacing: 0.6px;
	line-height: 1.6;
	padding-bottom: 4%;
	font-weight: bold;
}	
#wrap .mt10{
		padding-top: 10%;
}
#wrap .mt4{
		padding-top: 4%;
	} 
#wrap .about{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: url(../img/about_bg_sp.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
	padding-bottom: 9%;
}
#wrap .about .aboutInr{
	width: 94%;
	margin: 0 3%;
}
#wrap .about .aboutText{
	margin-top: 5%;
	}
#wrap .about .aboutBg{
	background: url(../img/about_photo_bg.png) no-repeat;
	background-position: bottom;
	background-size: contain;
	height: 20vw;
}
	
#wrap .inr{
	padding-bottom: 3%;
}
#wrap .inr img{
	display: block;
	padding-bottom: 3%;
	margin: 0 auto;
}
#wrap .inr .left{
	float: left;
	margin-right: 10px;
}
#wrap .pop{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: url(../img/pop_bg_sp.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;	
	padding-bottom: 21%;
}
	
#wrap .pop .popInr{
	width: 94%;
	margin: 0 3%;
}

#wrap .pop .pop05{
	padding-bottom: 2.5% !important;	
}	
#wrap .pop .pop06{
	width: 54.8%;
	float: left;
	margin-top: 0;
}	
#wrap .pop .pop07{
	width: 43.2%;
	padding-left: 2%;
}
#wrap .pop .ml{
	width: 100%;
}
#wrap .yoga{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: url(../img/yoga_bg_sp.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
	padding-bottom: 6%;
}
	
#wrap .yoga .yogaInr{
	width: 94%;
	margin: 0 3%;
}	
#wrap .yoga .yoga03{
	width: 56.5%;
	margin-top: 0;
	padding-bottom: 2% !important;
	padding-right: 2%;
}	
#wrap .yoga .yoga04{
	width: 41.5%;
	margin-right: 0;
	padding-bottom: 2% !important;
}	
#wrap .yoga .half{
	width: 49%;
	margin-right: 0;
}

	
#wrap .present{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: url(../img/present_bg_sp.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;	
	padding-bottom: 6%;
}	
#wrap .present .presentInr{
	width: 94%;
	margin: 0 3%;

}	
#wrap .present .half{
	width: 49%;
	margin-right: 0;
}
#wrap .present .inr .present02{
	float: left;
	margin-right: 3px;
}
#wrap .present .inr .presentItem{
	margin-bottom: 0%;
}	
#wrap .present .inr .presentItem img{
	width: 32%;
	margin:  0 2% 4% 0;
}	
#wrap .present .inr .presentItem img:nth-child(3){
	margin-right: 0%;

} 
#wrap .present .inr h3{

	background: url(../img/event_next_bg.png) center bottom no-repeat;	
	background-size: 100%;
}	
#wrap .present .inr h3 img{
	width: 84%;
	margin-left: 8%;

}		
}