@charset "UTF-8";

/* ++++++++++++++　　　ボーソレイユのトレーニング training.css　　++++++++++++++++++*/


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */



/*******************************************************　　　　　　　　
　　　　　　　メインコンテンツ部分　　
*******************************************************/

/*大見出し*/

div.mainTitle h1{
	width:219px;
	height:55px;
	background: url(../images2/b002_01title_s.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



div#lead{
	max-width:637px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:5px;
	position:relative;
	width:95%;
	height:auto;
	background:url(../images2/b002_01lead.png) no-repeat;
	background-size:contain;	
}

/* before指定 */
/* 横：高さの比率を paddingで指定*/
div#lead:before{
	content:"";
	display:block;
	padding-top:27.6295%;
}



/*パーソナルトレーニング*/

#personal{
	margin:20px 0 40px 0;
}


div.sub-title01{/*共通小見出し　下線指定*/
	width:100%;
	padding:0 0 0 10px;
	border-bottom:solid 1px #998c74;
	margin-bottom:10px;
}


#personal div.sub-title01 h2{
	width:277px;
	height:33px;
	background: url(../images2/b002_020st.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


h3.sub2-title{
	font-size:20px;font-size:2.0rem;
	line-height:26px;line-height:2.6rem;
	margin:10px 0 8px 10px;
	
}



img#tr-photo1{
	float:right;
	width:170px;
	height:154px;
	margin:0 0 5px 5px;
}


#personal dl{
	margin:14px 0 10px 15px;
}

#personal dt{
	font-size:16px;font-size:1.6rem;
	line-height:20px;line-height:2.0rem;
	font-weight:bold;
	color:#f29600;

}

#personal dd{
	font-size:16px;font-size:1.6rem;
	padding-left:20px;
	text-indent:-16px;
	margin:5px 8px 0 0;
}




/*　　加圧　　*/
#kaatsu{
	clear:both;
	margin:0 0 15px 0;
}


#kaatsu div.sub-title01 h2{
	width:47px;
	height:33px;
	background: url(../images2/b002_0212st.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



img#tr-photo2{
	float:right;
	width:170px;
	height:223px;
	margin:0 0 5px 5px;
}


/*筋力トレーニング・加圧*/
#muscle{
	clear:both;
	margin:0 0 30px 0;
}

#muscle div.sub-title01 h2{
	width:233px;
	height:33px;
	background: url(../images2/b002_026st.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

img#tr-photo5{
	float:right;
	width:242px;
	margin:0 0 5px 5px;
}





dl.rcmd{
	margin:14px 0 0 15px;
}

dl.rcmd dt{
	font-size:18px;font-size:1.8rem;
	line-height:20px;line-height:2.0rem;
	font-weight:bold;
	color:#f29600;

}

dl.rcmd dd{
	font-size:16px;font-size:1.6rem;
	padding-left:20px;
	text-indent:-16px;
	margin:5px 8px 0 0;
}





/*　　ピラティス　　*/
#pilates{
	clear:both;
	margin:0 0 15px 0;
}


#pilates div.sub-title01 h2{
	width:106px;
	height:33px;
	background: url(../images2/b002_022st.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


span.pira-name{
	font-weight:normal;
	font-size:14px;
}


img#tr-photo3{
	float:right;
	width:170px;
	height:163px;
	margin:0 0 5px 5px;
}





/*　　　ピラティス×加圧　　　*/
#pila-kaatsu{
	clear:both;
	margin:0 0 15px 0;
}


#pila-kaatsu div.sub-title01 h2{
	width:182px;
	height:33px;
	background: url(../images2/b002_024st.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}



img#tr-photo4{
	float:right;
	width:170px;
	height:342px;
	margin:0 0 5px 5px;
}


















/*******************************************************　　　　　　　　
　　　　　　　右部分　　
*******************************************************/





/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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



/*大見出し*/
div.mainTitle h1{
	width:433px;
	height:32px;
	background: url(../images2/b002_01title.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}





/*パーソナルトレーニング*/


img#tr-photo1{
	float:right;
	width:242px;
	height:218px;
	margin:0 0 5px 10px;
}



/*　　加圧　　*/
img#tr-photo2{
	float:right;
	width:242px;
	height:318px;
	margin:0 0 5px 10px;
}


/*　　ピラティス　　*/
img#tr-photo3{
	float:right;
	width:242px;
	height:223px;
	margin:0 0 5px 10px;
}



/*　　　ピラティス×加圧　　　*/
img#tr-photo4{
	float:right;
	width:242px;
	height:489px;
	margin:0 0 5px 10px;
}










}




/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 768px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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

div.sub-title01{/*共通小見出し　下線指定*/
	width:98%;
	padding:0 0 0 0px;
	border-bottom:solid 1px #998c74;
	margin-bottom:10px;
}









}





/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 960px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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










}