@charset "UTF-8";

body {
	font-size: 14px;
	min-width: 100%;
}
img { 
	border: 0px;
	max-width:100%;
} 

/* index */

.inner {
	width:90%;
	margin:0px auto;
	overflow:hidden;
}
#wrapper {width:100%;}

#content {width:95%;}

#slider {width:100%;}

#main-menu {box-shadow:0px 2px 3px #E0E0E0;}
#main-menu .inner {width:100%;}
#main-menu .inner h1 {padding:0.5% 1%;float:none;text-align:center;}
#main-menu .pc_navi {display:none;}


/* Fixed reset */
#global-nav {
	display:block;
	position: absolute;z-index:3;
	/* 開いてないときは画面外に配置 */
	top: -740px;
	background: #fff;
	width: 96%;padding:0% 2% 4%;
	text-align: center;
	color:#fff;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-box-shadow: 0px 0px 3px 2px #ECECEC;
	-moz-box-shadow: 0px 0px 3px 2px #ECECEC;
	box-shadow: 0px 0px 3px 2px #ECECEC;
	/*PIE.htc の利用*/
	behavior: url(css/PIE.htc);
}
#main-menu.fixed #global-nav {
	display:none;
}
#global-nav ul {
	overflow:hidden;
	right: 0;bottom: 0;
	font-size: 15px;
}
#global-nav ul li {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	width:49%;
	float:left;
	position: static;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#global-nav ul li:nth-child(odd) {border-left:none;}
#global-nav ul li:nth-child(2) {font-size:12px;}
#global-nav ul li a {
	height:40px;line-height:40px;
	padding:3% 0;
	position: relative;display: block;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	text-shadow: 0px 0px 3px #888;
	/*PIE.htc の利用*/
	behavior: url(css/PIE.htc);
}
#global-nav ul li a:before{display: block;content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;right: 10px;
	width: 10px;height: 10px;
	margin-top: -5px;
	background: #c9c9c9;
}
#global-nav ul li a:after{
	display: block;content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;right: 15px;
	width: 10px;height: 10px;
	margin-top: -5px;
	background: #FFF;
}

#main-menu #global-nav ul li a,
#main-menu.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #111;
	text-decoration:none;
}
#main-menu #global-nav ul li a:link {color:#111;}

#nav-toggle {
	display: block;
	position: absolute;
	right: 12px;bottom:10px;
	width: 35px;
	height: 50px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;width: 100%;
	background: #222;left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span.menu {top: 0;}
#nav-toggle span.bd1 {top: 20px;}
#nav-toggle span.bd2 {top: 31px;}
#nav-toggle span.bd3 {top: 42px;}
.menu:before {content: "MENU";font-size:9px;letter-spacing:0.3em;}

/* #nav-toggle 切り替えアニメーション */
.open .menu:before {content: "CLOSE";text-align:center;}
.open #nav-toggle span.bd1 {
	top: 31px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span.bd2 {
	width: 0;
	left: 50%;
}
.open #nav-toggle span.bd3 {
	top: 31px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(800px);
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
}


#global-subnavi {overflow:hidden;margin-top:2%;}
#global-subnavi a {color:#FFF;}
#global-subnavi .subnaviBox {
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #E2BE95;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2BE95), to(#B3805E));
	background: -webkit-linear-gradient(#E2BE95, #B3805E);
	background: -moz-linear-gradient(#E2BE95, #B3805E);
	background: -ms-linear-gradient(#E2BE95, #B3805E);
	background: -o-linear-gradient(#E2BE95, #B3805E);
	background: linear-gradient(#E2BE95, #B3805E);
	-pie-background: linear-gradient(#E2BE95, #B3805E);
	behavior: url(/css/PIE.htc);
	margin-bottom:2%;
	width:49%;line-height:150%;float:left;
}
#global-subnavi .subnaviBox:first-child {margin-right:2%;}
#global-subnavi .subnaviBox:last-child {margin-left:2%;}
#global-subnavi .subnaviBox a {padding:10% 3%;display:block;}


#home #content-wrapper {padding-top:50px;}
#content-wrapper {padding-top:65px;}
#home #topbn {width:100%;padding-right:0px;float:none;}
#topics {width:95%;height:180px;padding: 0% 0 0 2%;background:rgba(255,255,255,0.7);}

#main {width:100%;}
#main h2 {font-weight:bold;text-align:center;font-size:27px;line-height: 120%;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

#left-sidebar {display:none;}


/* facial */
#sub-menunavi {
	margin-top:10px;
	background:#D5AE86;
	position: relative;
	display: inline-block;
	padding: 3%;
	width: 94%;
}
#facial #sub-menunavi:after {left: 15%;}
#sub-menunavi:after {
	content: "";position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;width:0;height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #D5AE86 transparent;
}
#sub-menunavi p {width:49%;float:left;border-bottom:1px dotted #fff;text-align:left;}
#sub-menunavi p:nth-child(even) {border-left:1px dotted #fff;}
#sub-menunavi a {font-size:11px;padding:10px 0 5px 10px;;height:30px;display:block;}
#sub-menunavi a:link,#sub-menunavi a:visited {color:#fff;}

#facial #content-wrapper {background:none;}
table td {font-size:13px;}


.menu3 .time {width:25%;}

.optionTb th {font-size:17px;text-align:center;}

.bgYazi {background-position:top left -140px;}
.bgYazi tr td:first-child {padding:0;}

.sezyutsurei {line-height:130%;}
.sezyutsureiS {line-height:150%;}

.order_biyouTb td {text-align:left;display:inline-block;}
.order_biyouTb td {text-align:left;display:inline-block;}
.order_biyouTb td:nth-child(5) {display:none;}

.facial_biyoueki {padding:2%;width:43%;font-size:14px;margin-top:1%;}



/* ボディ */
#body #sub-menunavi:after {left: 50%;}

.tt_menu {font-size:25px;font-weight:bold;padding-top:70px;margin-top:-20px;letter-spacing:0.04em;}

.tarasoDiv {background:none;}

table.menu3 td {padding:2%;}
table.menu3 td:first-child {font-size: 13px;}
table{font-size:11px;}
.nedan {font-size:14px;}
.zei {display:block;font-size:11px;}
#cabifee {font-size:13.5px;}


/* option */
.plaOil {margin-top:50px;background:none;}

/* concept */
#main .tt_pink {text-shadow: 2px 2px 2px #fff;font-size:22px;letter-spacing:0.01em;line-height:150%;}


/* biten */
#teacher #main {width:100%;}


/* access */
#left-sidebar {display:none;}
.access_tel {font-size:26px;}
.access_tel a {color:#BE8D6A;}


/* information */
.popDiv p {height:auto;}


/* footer */
#footer-inner {width:90%;padding:40px 0;}
#footer ul {width:100%;padding:0;}
#footer ul li {width:48%;margin-bottom:2%;}
#footer ul li a {width:100%;padding:2%;}


/* reservation_button */
#reservation_button {
	box-shadow: 2px -3px 3px #a2716266;
}
#reservation_button a {
	letter-spacing:0.15em;
	padding:12px;
	font-size:16px;
}




/* 共通 */
#commonTB {width:100%;}
#map_canvas {width:96%;}
img.mw16 {max-width:16%;width:auto;}
img.mw25 {max-width:25%;width:auto;}
img.mw50 {max-width:50%;width:auto;}
img.mw60 {max-width:60%;width:auto;}

.pic2 {width:100%;overflow:hidden;}
.pic2 p {width:48%;padding:0;padding-right:2%;float:left;}
.pic2 p:last-child {padding-right:0%;}
.pic2 img {width:100%}

.pic3 {width:100%;overflow:hidden;}
.pic3 p {width:32%;padding:0;padding-right:2%;}
.pic3 p:last-child {padding-right:0%;}
.pic3 img {width:100%}

.pic4 {width:100%;overflow:hidden;}
.pic4 p {width:22%;padding:0;padding-right:2%;}
.pic4 p:last-child {padding-right:0%;}
.pic4 img {width:100%}

.box3img img {width:32%;float:left;padding-right:2%;}
.box3img img:last-child {padding-right:0;}

.box3imgLink img {width:32%;float:left;padding-right:2%;}
.box3imgLink a:last-child img {padding-right:0;}

.box2img img {width:32%;float:left;padding-right:2%;}
.box2img img:last-child {padding-right:0;}
.box2imgLink a img {width:48%;float:left;padding-right:4%;}
.box2imgLink a:last-child img {padding-right:0;}


.box3divs {width:32%;float:left;margin-right:2%;}
.box3divs img {width:100%;}
.box3divs:last-child {margin-right:0;}

.box2divs {width:48%;float:left;margin-right:4%;}
.box2divs img {width:100%;}
.box2divs:last-child {margin-right:0;}


.big {font-size:15px;}
.big2 {font-size:18px;}

.encent_mL {text-align:left;}
.enleft_mC {text-align:center;}



.pc_left {float:none;padding:0;}
.pc_right {float:none;padding:0;}
.pc_only {display:none;}
.mobile_only {display:block;}
.mobile_on {display:block;}

div#lightbox-container-image-box {
	width:100% !important;
	height:100% !important;
}
div#lightbox-container-image-data-box {
	width:100% !important;
	height:100% !important;
}

.wid10_m100 {width:100%;}
.wid15_m100 {width:100%;}
.wid20_m100 {width:100%;}
.wid25_m100 {width:100%;}
.wid30_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%;}