@charset "UTF-8";

@font-face{
	font-family: "MyYuGothicM";
	font-weight: normal;
	src: local("YuGothic-Medium"),	/* Postscript name */
		 local("Yu Gothic Medium"),	/* for chrome */
		 local("YuGothic-Regular");	/* Mediumがない場合 */
}
@font-face{
	font-family: "MyYuGothicM";
	font-weight: bold;
	src: local("YuGothic-Bold"),	/* Postscript name */
		 local("Yu Gothic");		/* for chrome */
}

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
}
 
table { border-spacing:0; }
* html table { border-collapse:collapse; }
*:first-child+html table { border-collapse:collapse; }
caption,th { text-align:left; }
table,th,td,img { border:0; }
img,input { vertical-align:middle; }
q:before,q:after { content:''; }
ul { list-style: none; }

body {
	font-family: 
		/*-apple-system,				 iOS San Francisco */
		/*BlinkMacSystemFont,			 iOS Chrome San Francisco */
		"Hiragino Kaku Gothic ProN",	/* OS X, iOS ヒラギノ */
		MyYuGothicM,					/* Windows 遊ゴシック */
		YuGothic,						/* OC X 遊ゴシック */
		Meiryo,							/* Windows メイリオ */
		sans-serif;
	margin:0px;
	padding:0px;
	font-size:80%;
	line-height:1.5em;
	color: #333;
	position:relative;
}

.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

*, *:before, *:after {
	//IE8以上から対応
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ==============================================*/


@media all and (min-width: 768px) {
	body{
		background: url(../images2018/common/bg.jpg) ;
	}
	#Container{
		width: 600px;
		margin: 0px auto;
		background: #FFF;
	}
	
	.logo{ text-align: center;}
	
	.btn-reservation{
		width: 80%;
		margin: 0px auto;
		font-size: 110%;
	}
		.btn-reservation a{
			display: block;
			border: #000 1px solid;
			padding: 15px;
			text-align: center;
			color: #000;
			text-decoration: none;	
		}
		.btn-reservation a:hover{
			background: #000;	
			color: #FFF;
		}
		
	#SecEsthe{
		margin-bottom: 120px;
	}
		#SecEsthe .main{
			margin-bottom: 30px;	
		}
		#SecEsthe .lead{
			font-size: 110%;
			padding: 0px 12px;
			margin-bottom: 40px;
			line-height: 1.9;
		}
		#SecEsthe .img{
			padding: 0px 12px;
			margin-bottom: 50px;
		}
	
	#SecGym{
		margin-bottom: 90px;
	}
		#SecGym .main{
			margin-bottom: 30px;	
		}
		#SecGym .lead{
			font-size: 110%;
			padding: 0px 12px;
			margin-bottom: 40px;
			line-height: 1.8;
		}
		#SecGym .img{
			padding: 0px 12px;
			margin-bottom: 50px;
		}
	
	
	#ShopInfo{
		margin-bottom: 35px;
	}
		#ShopInfo dl{
			background: #f5f4f2;
			font-size: 90%;
			padding: 15px;
			margin-bottom: 15px;
		}
			#ShopInfo dl dt{
				float: left;
				width: 50px;
				clear: both;
				padding-bottom: 6px;
			}
			#ShopInfo dl dd{
				float: left;	
				padding-bottom: 6px;
			}
		#ShopInfo .caption{
			font-size: 10px;
			padding: 0px 15px 15px 15px;
			line-height: 1.5;
			color: #666;
		}
	
}





@media all and (max-width: 767px) {
	.logo{ text-align: center;}

	.btn-reservation{
		width: 80%;
		margin: 0px auto;
	}
		.btn-reservation a{
			display: block;
			border: #000 1px solid;
			padding: 10px;
			text-align: center;
			font-size: 90%;
			color: #000;
			text-decoration: none;	
		}
		
	#SecEsthe{
		margin-bottom: 90px;
	}
		#SecEsthe .main{
			margin-bottom: 20px;	
		}
		#SecEsthe .lead{
			padding: 0px 12px;
			margin-bottom: 25px;
			line-height: 1.8;
		}
		#SecEsthe .img{
			padding: 0px 12px;
			margin-bottom: 30px;
		}
	
	#SecGym{
		margin-bottom: 60px;
	}
		#SecGym .main{
			margin-bottom: 20px;	
		}
		#SecGym .lead{
			padding: 0px 12px;
			margin-bottom: 25px;
			line-height: 1.8;
		}
		#SecGym .img{
			padding: 0px 12px;
			margin-bottom: 25px;
		}
	
	
	#ShopInfo{
		margin-bottom: 35px;
	}
		#ShopInfo dl{
			background: #f5f4f2;
			font-size: 90%;
			padding: 15px;
			margin-bottom: 15px;
		}
			#ShopInfo dl dt{
				float: left;
				width: 50px;
				clear: both;
				padding-bottom: 6px;
			}
			#ShopInfo dl dd{
				float: left;	
				padding-bottom: 6px;
			}
		#ShopInfo .caption{
			font-size: 10px;
			padding: 0px 15px;
			line-height: 1.5;
			color: #666;
		}

}