@charset "UTF-8";
/* CSS Document */

/* refine */
body.refine {
	color:#6d6c6c;}
.refine header h2 em {
	color:#8ebf00;
	border: none;
	position:absolute;
	bottom:20px;
	left:.5em;
	padding:0em 0em;
	line-height:1.2;
	font-size: 175%;
	font-weight:bold;}
	
.refine footer em {color:#77b608;}
.refine header .shop_info h3 {
	border-left:1em #fa7e95 solid;}
.refine header .shop_info h4 {
	background-color:#fff;
	color:#fa7e95;
	border:1px #fa7e95 solid;}
.refine header .shop_info span strong {
	color:#fa7e95;}
.refine header .shop_info span strong a:link,
.refine header .shop_info span strong a:visited {
	color:#fa7e95;
	text-decoration:none;}
.refine header .shop_info span strong a:hover,
.refine header .shop_info span strong a:active {
	color:#ff6884;
	text-decoration: none;}



.refine footer {background-color:#91c437;}
.refine footer .inner {
	background-image: url(../img/footer/bg_refine.png);}

.refine #main {
	background-image:none;
	z-index:100;}

.refine #shopinfo .content {
	padding-top:40px;
	width:1118px;
	padding:40px 0 0px;}
.refine .colbox {    padding:10px;}
.refine .colbox .inner{    padding:80px 50px 30px 50px;}

.refine #shopinfo {
	margin-top:-60px;
	background-image: url(../img/shopinfo/bg_refine.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#bfdb8a;}

.refine #shopinfo h2 {
	border-left:10px #8ebf00 solid;
	color:#0f781d;
	text-shadow:2px 2px 3px #aaa;}
.refine #shopinfo h3 {
	background-image:url(../img/ic_h2_refine.png) , url(../img/line_h2_refine.gif);
	line-height: 2.5em;}

.refine #shopinfo .infomation {
	width:95%; 
	border:3px dotted #ff77ad; 
	margin:20px 0px; 
	padding:10px 20px;
	}

.refine #shopinfo .infomation .ttl {
	margin:15px 0px 20px; 
	color:#FF0066; 
	font-weight:bold;
	}

.refine p.lead {
	color:#8ebf00;}

.refine .colbox {
	background-color:#f6e9c8;
	}
.refine .colbox .inner {
	background-image:url(../img/shopinfo/refine_box_top.png), url(../img/shopinfo/refine_box_und.png);
	background-position:center top, center bottom;
	background-repeat:no-repeat, no-repeat;
	background-color:#fffdf9;
	border-radius:16px;
	box-shadow:0 0 12px 0 #999;}

/* 2019.07.23 クーポン追加 */
.refine .couponbox {
	border:1px #dac67b solid;
	background-image:url(../img/shopinfo/coupon_box_top.jpg), url(../img/shopinfo/coupon_box_btm.jpg);
	background-position:center top, center bottom;
	background-repeat:no-repeat, no-repeat;
	margin:20px 0;
	padding:40px 20px 20px;
	text-align:center;}
	
.refine .couponbox img {
	margin-top:20px;}

/* 2019.07.23 クーポン追加 */


.refine .shop_open_wrp {
	border:1px #fc93a5 solid;
	padding:3px;
	margin:20px 0;}
.refine .shop_open {
	background-color: #ffeeec;
	border-radius: 0;
	margin:0;}
.refine #shopmenu .inner {
	width:1000px;}
.refine #shopinfo h4 {
	background-color: transparent;
    color: #fc93a5;
    text-align: left;
    margin-bottom: .5em;
    line-height: 2em;}
.refine .shop_open p {
	color:#6d6c6c;}

.refine #shopmenu ul.menuList li h3 {
	color:#7db506;
	background-image: none;
	border-bottom:1px #9ec640 solid;}
.refine .price {
	color:#ff7f79;}
	
.refine .red {
	color:#ff0000;}
	
.refine #shopmenu h4.sttl {
	background-image: url(../img/line_orange.png);}
.refine #shopmenu ul.menuList li h3 em {
	color:#58ba7e;}

.refine #message {
	    background-image: url(../img/message/bg_orange.jpg);}

.refine .shop_detail dt {
	background-color:#ffa4a9;
	border-radius:18px;
	width:7em;
	text-align:center;
	color:#fff;
	font-size:88%;
	margin-bottom:1em;}
.refine .shop_detail dd {
	margin-bottom:1em;
	width: 75%;
	text-indent:0;}

.refine #telbox {
	background-color: transparent;}
	
.refine #telbox h2.tel {
		color:#fa7e95;}
.refine #telbox h2.tel span {
	color:#fa7e95;
	border: 1px #fa7e95 solid;}
.refine #telbox h2.tel a,
.refine #telbox h2.tel a:visited{
	color:#fa7e95;
	text-decoration:none;}
.refine #telbox h2.tel a:hover,
.refine #telbox h2.tel a:active {
	color:#fa7e95;
	text-decoration:underline;}

/* ============================ */
/* 電話番号注釈追加（ザバスエステ高槻店用） 2020.07.06 */

.refine #telbox .este {
	text-align:center;
	color:#ffffff;
	margin-top;5px;}

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

/* ============================ */
/* キャンセルポリシー追加 2019.10.20 */

.refine #telbox .cancelpolicyBox {
	margin:0 auto; 
	padding:40px 100px; 
	border: solid 1px #CCC; 
	border-radius: 12px; 
	background-color:	#fff; margin:50px;}

.refine #telbox .cancelpolicy_ttl {
	text-align:center;}

.refine #telbox .cancelpolicyBox p {
	margin-top:20px;}

.refine #telbox .cancelpolicyBox span {
	color:#fa7e95; 
	font-weight:bold;}

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




.refine #message {
	    background-image: url(../img/message/bg_refine_left.jpg), url(../img/message/bg_refine_right.jpg);
		background-position:top left, top right;
		background-repeat:no-repeat, no-repeat;}

.refine #message h3 {
	text-align:center;}
	
.refine #message h3.lead {
	display:block;
	width:100%;
	margin-bottom:.8em;
	font-size:32px;
	color:#ff7f79;
	font-weight:bold;
	line-height:1.7em;
	padding-bottom:.8em;
	background-attachment:scroll;
	background-image:url(../img/message/h3_lead_bg.png);
	background-position:left bottom;
	background-repeat: repeat-x;}

.refine #shopmenu h4 {
	font-size: 113%;
	color:#7db506;
	padding-left:.5em;
	border-left:1em #7db506 solid;
	line-height:1;
	margin:.6em 0;
	font-weight:bold;
	letter-spacing:.2em;}


/*　リファイン　スマホ調整　*/
@media screen and (max-width: 1000px) {

.refine header h1 {
	width:40%;}
	
.refine header h2 {
	width:100%;
	text-align:right;}
.refine header h2 em {
	position: absolute;
	right:0;
	bottom:15px;
	}

.refine #shopinfo .content,
.refine #shopmenu .inner {
	width:100%;}

.refine .colbox .inner {
	padding:5% 3%;
	background-size: 95%;}
.refine #shopinfo h3 {
	line-height:1.6em;}

.refine #shopinfo .infomation {
	width:90%;}

.refine .couponbox {
	padding:5% 3%;
	background-size: 100%;}

.refine .couponbox img {
	width:70%;}

.refine .shop_open {
	    padding: 10px 4%;}

.refine #shopmenu ul.menuList.ph li {
	width:75%;
	padding-right:0;}
.refine #shopmenu ul.menuList.ph li img.ph {
	position:relative;
	left:0;
	top:10px;
	display:block;
	width:100%;}
.refine .shop_detail dt{
		width:20%}
.refine .shop_detail dd{
		width:70%}
	
table.price_list {
	width:94%;
	margin:0 auto;}
.price_list th{
	width:40%;
	padding:2%;}
.price_list td{
	padding:2%;}

.refine #telbox .cancelpolicyBox {
	padding:20px 3%;
	margin:20px;}

.refine #message {
	background-size: 45%;}
.refine #message h3.lead {
	width:100%;
	font-size: 144%;}
	}