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

h1{
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index:100;
}

.clear{
	display:block;
	content:"";
	clear:both;
}

nav{
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	width:100%;
	position:absolute;
	top:0;
	z-index:101;
}

nav ul{
	width:400px;
	margin:0 auto;
	text-align:center;
}

nav ul li{
	list-style:none;
	float:left;
	padding:20px 10px;
	display:inline-block;
}

.SNS-ICON{
	position:absolute;
	top:0;
	right:10px;
	z-index:102;
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.1em;
}

.SNS-ICON ul li{
	list-style:none;
	float:left;
	padding:10px 7px;
	display:inline-block;
}

/*予約ボタン*/

.BOOK{
	width:80px;
	height:80px;
	position:fixed;
	left:10px;
	bottom:10px;
	z-index:300;
}

/*予約ボタンここまで*/

section{
	width:100%;
	text-align:center;
}

h2{
	color:#FF3366;
	font-family:Helvetica;
	font-size:36px;
	font-weight:bold;
	letter-spacing:0.1em;
}

h2 span{
	color:#232323;
	font-family:メイリオ;
	font-size:12px;
	font-weight:bold;
}

p.ABOUT-TEXT{
	width:800px;
	padding:25px 0;
	text-align:left;
	color:#232323;
	font-size:14px;
	font-family:メイリオ;
	margin:0 auto;
	line-height:1.5em;
}

.DOCTOR-INFO{
	width:1200px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}

.DOCTOR-IMG{
	float:left;
	width:600px;
}

.DOCTOR-DETAIL{
	float:left;
	padding:15px 30px;
	width:600px;
	height:450px;
	font-family:メイリオ;
	text-align:left;
	box-sizing: border-box;
}

.DOCTOR-DETAIL .NAME{
	padding-bottom:15px;
	font-size:26px;
	font-weight:bold;
}

.DOCTOR-DETAIL .NAME span{
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}

.DOCTOR-DETAIL .INFO{
	font-size:14px;
	line-height:1.5em;
}

.CUSTOMER-VOICE{
	border:solid 1px #121212;
	text-align:center;
	font-size:14px;
	padding:25px;
	width:800px;
	margin:30px auto;
	box-sizing: border-box;
}

.CUSTOMER-VOICE .VOICE-NAME{
	display:inline-block;
	padding-top:25px;
	color:#066;
	font-size:12px;
	font-weight:bold;
}

hr{
	border-bottom:3px solid #FF3366;
	border-top:3px solid #FF3366;
	width:100%;
	margin-bottom:25px;
}

.DOCTOR-INFO{
	width:1200px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}

.SHOP-IMG{
	float:left;
	width:600px;
	height:600px;
	padding:50px;
	box-sizing: border-box;
}

.SHOP-ADRESS{
	float:left;
	padding:50px;
	width:600px;
	height:600px;
	font-family:メイリオ;
	text-align:left;
	box-sizing: border-box;
}

.MAP-BTN{
	display:inline-block;
	text-align:center;
	padding:10px 30px;
	background-color:#FF3366;
	color:#FFF;
	border-radius:10px;
}

p.ACCESS{
	line-height:1.5em;
	padding:25px 0;
}

td.TIME{
	padding:25px 0;
	text-align:left;
}

td.ENTERPHONE{
	font-size:14px;
	padding:50px 10px;
}

.ATTENTION{
	padding:15px 0;
	text-align:center;
	font-size:14px;
}

.ATTENTION span{
	color:#FF3366;
	font-weight:bold;
}

.RESERVATION{
	background-image:url(../images/slider02.jpg);
	background-size:cover;
	background-repeat:  no-repeat;           
    background-position:center center;
	width:100%;
	padding:25px 0;
	margin-top:50px;
	border-bottom:3px solid #FF3366;
}

.RESERVATION p.TITLE{
	font-family:Helvetica;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding-bottom:25px;
}

.BOOK-BOX{
	width:1200px;
	padding:30px 0;
	margin:0 auto;
	border-radius:20px;
	background-color:#FFF;
	font-size:14px;
	text-align:center;
}

.BOOK-BOX p{
	color:#FF3366;
	font-size:14px;
	font-weight:bold;
	font-family:メイリオ;
	padding-bottom:30px;
}

.BOOK-BTN{
	display:inline-block;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	background-color:#FF3366;
	color:#FFF;
	border-radius:10px;
	width:200px;
}

.TEL-NUMBER{
	padding:30px 0;
	line-height:1.5em;
}

.TEL-NUMBER span{
	font-size:30px;
	font-weight:bold;
}

.TEL-NUMBER b{
	font-size:14px;
	color:#121212;
}

footer{
	padding:15px 0;
	text-align:center;
	font-size:12px;
	color:#121212;
}

}

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

h1 img{
	width:50%;
	display:inline-block;
	position:absolute;
	left:50%;
	top:120px;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index:100;
}

nav{
	display:none;
}

.SNS-ICON{
	display:none;
}

.BOOK{
	display:none;
}

section{
	width:100%;
	text-align:center;
}

h2{
	color:#FF3366;
	font-family:Helvetica;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.1em;
}

h2 span{
	color:#232323;
	font-family:メイリオ;
	font-size:10px;
	font-weight:bold;
}

p.ABOUT-TEXT{
	width:90%;
	padding:25px 0;
	text-align:left;
	color:#232323;
	font-size:12px;
	font-family:メイリオ;
	margin:0 auto;
	line-height:1.5em;
}

.DOCTOR-INFO{
	width:100%;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}

.DOCTOR-IMG{
	float:left;
	width:100%;
}

.DOCTOR-IMG img{
	width:100%;
}

.DOCTOR-DETAIL{
	float:left;
	padding:15px;
	width:100%;
	font-family:メイリオ;
	text-align:left;
	box-sizing: border-box;
}

.DOCTOR-DETAIL .NAME{
	padding-bottom:15px;
	font-size:26px;
	font-weight:bold;
}

.DOCTOR-DETAIL .NAME span{
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}

.DOCTOR-DETAIL .INFO{
	font-size:14px;
	line-height:1.5em;
}

.CUSTOMER-VOICE{
	border:solid 1px #121212;
	text-align:center;
	font-size:14px;
	padding:25px;
	width:80%;
	margin:20px auto;
	box-sizing: border-box;
}

.CUSTOMER-VOICE .VOICE-NAME{
	display:inline-block;
	padding-top:15px;
	color:#066;
	font-size:12px;
	font-weight:bold;
}

hr{
	border-bottom:3px solid #FF3366;
	border-top:3px solid #FF3366;
	width:100%;
	margin-bottom:15px;
}

.DOCTOR-INFO{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
}

.SHOP-IMG{
	float:left;
	width:100%;
	box-sizing: border-box;
}

.SHOP-IMG img{
	width:100%;}

.SHOP-ADRESS{
	float:left;
	padding:15px;
	width:100%;
	font-size:12px;
	font-family:メイリオ;
	text-align:left;
	box-sizing: border-box;
}

.MAP-BTN{
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	background-color:#FF3366;
	color:#FFF;
	border-radius:10px;
}

p.ACCESS{
	line-height:1.5em;
	padding:15px 0;
}

td.TIME{
	padding:15px 0;
	text-align:left;
}

td.CALL-PHOTO{
	vertical-align:middle;
}

td.CALL-PHOTO img{
	width:100%;
}

td.ENTERPHONE{
	font-size:12px;
	padding:10px;
}

.ATTENTION{
	padding:15px 0;
	text-align:center;
	font-size:12px;
}

.ATTENTION span{
	color:#FF3366;
	font-weight:bold;
}

.RESERVATION{
	background-image:url(../images/slider02.jpg);
	background-size:cover;
	background-repeat:  no-repeat;           
    background-position:center center;
	width:100%;
	padding:15px 0;
	margin-top:30px;
	border-bottom:3px solid #FF3366;
}

.RESERVATION p.TITLE{
	font-family:Helvetica;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	padding-bottom:15px;
}

.BOOK-BOX{
	width:80%;
	padding:20px 0;
	margin:0 auto;
	border-radius:10px;
	background-color:#FFF;
	font-size:12px;
	text-align:center;
}

.BOOK-BOX p{
	color:#FF3366;
	font-size:12px;
	font-weight:bold;
	font-family:メイリオ;
	padding-bottom:30px;
}

.BOOK-BTN{
	display:inline-block;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	background-color:#FF3366;
	color:#FFF;
	border-radius:10px;
	width:200px;
}

.TEL-NUMBER{
	padding:15px 0;
	line-height:1.5em;
}

.TEL-NUMBER span{
	font-size:20px;
	font-weight:bold;
}

.TEL-NUMBER b{
	font-size:12px;
	color:#121212;
}

footer{
	padding:10px 0;
	text-align:center;
	font-size:10px;
	color:#121212;
}

}