@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 1200px) {}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
body{
	text-align:left;
	font: 86%/1.231 arial,helvetica,clean,sans-serif;
	line-height:1.6;
	letter-spacing:0.01em;
	color:#000000;
/*
	font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*
	font-style: normal;
	font-variant: normal;
*/
	padding-bottom:0px;
	-webkit-text-size-adjust: 100%;
	font-size:14px;
	
	}
@media screen and (min-width: 768px), print { body{ min-width:1184px;}}
#wrap{ background:#FFF; /*overflow-y:hidden;*/}
#home #wrap{}
.inner{ margin:0 auto;}
.inner:before,.container:after{content:" ";display:table;}
.inner:after{ clear:both;}
/*スマホ*/
@media screen and (max-width: 767px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		background-size:50% auto;
	}
	#wrap{ /*width:100%; overflow:hidden;*/}
	.inner{ padding:0 20px;}
	.inner_sp{ padding:0 20px;}
}
@media screen and (min-width: 1200px) {
	.inner{ width:1184px; margin:0 auto;}
}
@media screen and (min-width: 768px), print {
	.inner{ width:1184px; margin:0 auto; position:relative;}
	.inner_pc{ width:1184px; margin:0 auto; position:relative;}
}

/*-----------------------------------------------------
header
-----------------------------------------------------*/
#header_frame{ background:#000; overflow:hidden; *zoom:1;}
#header_frame ul li{ float:left;}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	#header_frame{ padding:10px 0;}
	#header_frame .style_h1{ text-align:center; margin-bottom:10px;}
	#header_frame .style_h1 img{ width:auto;}
	#header_frame ul{ float:left; position:relative; left:50%;}
	#header_frame ul li{ float:left; position:relative; left:-50%; width:auto; height:auto; margin:0 10px;}
}
@media screen and (min-width: 768px), print{
	#header_frame{ padding:6px 0;}
	#header_frame .style_h1{ float:left; margin-left:10px;}
	#header_frame ul{ float:right; margin-right:10px;}
	#header_frame ul li{ margin-left:6px;}
		
}


/*------------------------------------
main
------------------------------------*/
/* ■■■ 共通使用 ■■■ */

/* タイトル */
.box_title_01{ text-align:center;}
.box_title_02{ text-align:center; border-bottom:2px solid #000; position: relative;}
.box_title_02 .style_h1{ font-size:24px; line-height:1.3; margin-bottom:0.2em;}
.box_title_02 .style_h1 span{ font-size:18px;}
.box_title_02 p.title_area{ background:#000; color:#FFF; padding:0.3em 1em;}
.box_title_02 p.title_sub{ color:#b4ab98; font-size:12px;}

.box_title_02 p.text_pickup_01{ background:#b4ab98; color:#FFF; padding:0.3em 1em 0.2em; font-weight: bold; font-size: 1.1em; position: absolute; top: -34px; left: 0; right: 0;}
/* ul,li */

ul.list_mark_kome li{ padding-left:1em; text-indent:-1em; margin-bottom:0.8em;}
ul.list_mark_kome li:before{ content:"※";}

ul.list_mark_dot li{ padding-left:1em; text-indent:-1em; margin-bottom:0.8em;}
ul.list_mark_dot li:before{ content:"・";}

ul.list_yoyaku_01{ text-align:center;}
ul.list_yoyaku_01 li{ border:2px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
ul.list_yoyaku_01 li a{ display:block; background:#FFF;}
ul.list_yoyaku_01 li a:hover{ background:#ffff00; color:#000;}
ul.list_yoyaku_01 li dl dt{ font-weight:bold; padding-bottom:0.1em; margin-bottom:4px; border-bottom:2px solid; margin-bottom:4px;}
ul.list_yoyaku_01 li dl dd{ background:#ffff00; font-weight:bold; margin-bottom:0;}
ul.list_yoyaku_01 li dl dt.yoyaku_hair{ border-bottom-color:#e0eaa2;}
ul.list_yoyaku_01 li dl dt.yoyaku_nail{ border-bottom-color:#a2eae1;}
ul.list_yoyaku_01 li dl dt.yoyaku_eyelash{ border-bottom-color:#bbeaa2;}



/* span */
span.text_bg_01{ background:#e1d9ca; font-size:80%; padding:0 0.3em; margin-right:0.5em;}
span.text_bg_02{ background:#000; color:#FFF; font-size:80%; padding:0 0.3em; margin-right:0.5em;}


@media screen and (max-width: 767px) {
	/* タイトル */
	.box_title_01{ padding-top:40px; padding-bottom:40px;}
	.box_title_01 img{ width:60%;}
	.box_title_02{ margin-bottom:20px;}
	
	h2.title_01{ padding-top:60px; width:40%; margin:0 auto 20px;}
	
	/* ul,li */
	ul.list_yoyaku_01 li dl dt{ font-size:10px;}
	ul.list_yoyaku_01 li a{ padding:5px;}
}
@media screen and (min-width: 768px), print{		
	/* タイトル */
	.box_title_01{ padding-top:100px; padding-bottom:40px;}
	.box_title_02{ margin-bottom:30px;}
	h2.title_01{ margin-left:30px; margin-bottom:20px;}

	/* ul,li */
	ul.list_yoyaku_01 li{ width:120px;}
	ul.list_yoyaku_01 li dl dt{ font-size:12px;}
	ul.list_yoyaku_01 li a{ padding:6px 8px;}

}

/* ■■■ 中身 ■■■ */
.box_contents_frame_01{ background:url(../images/contents/bg_01.jpg) center top no-repeat #eeeff4; clear:both; overflow:hidden; *zoom:1;}
.box_contents_frame_01 ul li{ font-style:oblique;}
.box_contents_frame_01 ul li:before{ content:">"; margin-right:0.3em;}
.box_contents_frame_01 ul li a{ text-decoration:underline;}
.box_contents_frame_01 ul li a:hover{ text-decoration:none;}

.box_contents_frame_02{ background:url(../images/contents/bg_02.jpg) center top no-repeat #161414;}
.box_contents_frame_02 ul{ overflow:hidden; *zoom:1;}
.box_contents_frame_02 ul li{ float:left;}
.box_contents_frame_02 dl{ clear:both; color:#b2ab9f; text-align:center;}

.box_contents_frame_03{ background:#eeeeee; overflow:hidden; *zoom:1;}

.box_contents_frame_04{ overflow:hidden; *zoom:1;}


/* メニュー */
.box_menu_01 .style_h1{ margin-left:-1em; margin-bottom:1em;}
.box_menu_01 ul li{ margin-bottom:20px;}
.box_menu_01 ul li dl{ font-weight:bold; margin-bottom:0.3em;}
.box_menu_01 ul li dl dt{ float:left;}
.box_menu_01 ul li dl dd{ text-align:right;}
.box_menu_01 ul li p{ clear:both; font-size:12px; background:#cbc4b9;}

.box_menu_detail_01 .style_h2{ border-bottom:1px solid #000; font-weight:bold; font-size:18px; padding-bottom:0.2em; margin-bottom:0.8em;}
.box_menu_detail_01 p.text_menu_01{ color:#867e70;}

/* dl,dt,dd */
dl.list_shopinfo{ margin-bottom:20px;}
dl.list_shopinfo dt{ float:left; font-weight:bold; color:#635c4e; padding-bottom:0.5em;}
dl.list_shopinfo dd{ border-bottom:1px solid #c9bfac; padding-bottom:0.6em; margin-bottom:0.6em;}

/* table */

/* お問い合わせ */
p.btn_viewmore_01{ text-align:center; width:174px; margin:0 auto 40px;}
p.btn_viewmore_01 a{ display:block; padding:16px; border:1px solid #000; background:#e1d9ca;}

.box_contact_frame_01{ overflow:hidden; *zoom:1;}
.box_contact_01{ text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.box_contact_01 .style_h1{ text-align: center; font-weight:bold; overflow: hidden; *zoom:1;}
.box_contact_01 .style_h1 span.bg_line { position: relative; display: inline-block;}
.box_contact_01 .style_h1 span.bg_line::before , .box_contact_01  span.bg_line::after { position: absolute; top: 45%; content: ''; width: 400%; height: 1px; background-color: #1b2b43;}
.box_contact_01 .style_h1 span.bg_line::before { right: 100%;}
.box_contact_01 .style_h1 span.bg_line::after { left: 100%;}

.box_contact_tel{ background:#eeeeee; margin-bottom:10px;}
.box_contact_web{ border:2px solid #000;}

.box_contact_01 p{ margin-bottom:0.5em; clear:both;}
.box_contact_01 p.mark_tel{ font-size:30px; font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; margin-bottom:22px;}
.box_contact_01 p.mark_tel span{ background:url(../images/icon_tel_01.png) left center no-repeat; background-size:32px; padding-left:40px;}
.box_contact_01 p.text_tantou{ font-size:12px; margin-bottom:20px;}
.box_contact_01 ul.list_yoyaku_01{ float:left; position:relative; left:50%; margin-bottom:16px;}
.box_contact_01 ul.list_yoyaku_01 li{ float:left; position:relative; left:-50%; margin:0 4px;}

@media screen and (max-width: 767px) {
	.box_contents_frame_01{ padding-bottom:40px; background-size:250%; background-position:60% top;}
	.box_contents_frame_01 .style_h1{ padding-top:40px; margin-bottom:10px;}
	.box_contents_frame_01 .style_h1 img{ width:70%;}
	.box_contents_frame_01 p.text_sp{ width:66%;}
	.box_contents_frame_01 p.text_pc{ display:none;}
	.box_contents_frame_01 ul{ font-size:20px;}
	.box_contents_frame_01 ul li{ margin-right:1.3em;}

	.box_contents_frame_02{ padding-bottom:40px;}
	.box_contents_frame_02 .style_h1{ padding-top:80px; width:40%; margin:0 auto 20px;}
	.box_contents_frame_02 ul{ margin-bottom:40px;}
	.box_contents_frame_02 ul li{ width:50%;}
	.box_contents_frame_02 dl dt{ font-size:18px; letter-spacing:-0.03em; margin-bottom:16px;}
	.box_contents_frame_02 dl dd{ font-size:12px; letter-spacing:0.1em; line-height:1.8;}

	.box_contents_frame_03{ padding-bottom:40px;}

	.box_contents_frame_04{ padding-bottom:80px;}

	.box_view_frame_01_x1{ margin-bottom:70px;}

	/* メニュー */
	.box_menu_01{ margin-bottom:60px;}
	.box_menu_01 .style_h1{ width:40%; margin-bottom:10px;}
	.box_menu_01 ul li dl{ margin-bottom:0.5em;}
	.box_menu_01 ul li dl dt{ font-size:16px;}
	.box_menu_01 ul li p{ padding:1em;}

	/* dl,dt,dd */
	dl.list_menu_01 dd{ clear:both;}
	
	dl.list_shopinfo dd{ padding-left:6em;}

	/* お問い合わせ */
	.box_contact_01{ padding:20px 0; margin-bottom:20px;}
	.box_contact_01 .style_h1{ margin-bottom:20px; font-size:16px;}
	.box_contact_01 .style_h1 span.bg_line { margin: 0 0.5em; padding: 0 0.5em;}
	.box_contact_01 p{ padding:0 20px;}

	
}
@media screen and (min-width: 768px), print{
	.box_contents_frame_01{ height:867px; position:relative;}
	.box_contents_frame_01 .style_h1{ position:absolute; left:344px; top:260px;}
	.box_contents_frame_01 p.text_sp{ display:none;}
	.box_contents_frame_01 p.text_pc{ position:absolute; left:344px; top:560px;}
	.box_contents_frame_01 ul{ float:left; margin-left:120px; font-size:36px; padding-top:380px;}

	.box_contents_frame_02{ height:900px;}
	.box_contents_frame_02 .style_h1{ padding-top:60px; margin-left:58px; margin-bottom:72px;}
	.box_contents_frame_02 ul{ margin-left:58px; margin-bottom:60px;}
	.box_contents_frame_02 ul li{ margin-right:28px;}
	.box_contents_frame_02 dl dt{ margin-bottom:20px;}
	.box_contents_frame_02 dl dd{ font-size:16px; letter-spacing:0.1em; line-height:1.8;}

	.box_contents_frame_03{ padding-bottom:140px;}
	
	.box_contents_frame_04{ padding-bottom:140px;}
	
	/* 2分割 */
	.box_view_frame_01{ margin-left:60px;}
	.box_view_frame_01 .box_view_frame_01_x1{ float:left; width:502px; margin-right:60px;}
	/* 3分割 */
	.box_view_frame_02{  margin-left:60px;}
	.box_view_frame_02 .box_view_frame_01_x1{ float:left; width:334px; margin-right:31px;}
	
	/* メニュー */
	.box_menu_01{ margin-bottom:40px;}
	.box_menu_01 ul li dl dt{ font-size:18px;}
	.box_menu_01 ul li p{ padding:0.4em 1em;}

	.box_menu_detail_01{ margin-bottom:30px;}

	/* dl,dt,dd */
	dl.list_shopinfo dt{ padding-left:1em;}
	dl.list_shopinfo dd{ padding-left:8em;}

	
	/* お問い合わせ */
	p.btn_viewmore_01 a:hover{ background:#000; color:#FFF;}
	
	.box_contact_tel{ height: 282px;}

	.box_contact_01{ float:left; /*width:502px;*/width:334px; margin-right:20px; padding:30px;}
	.box_contact_01 .style_h1{ font-size:18px; margin-bottom:24px;}
	.box_contact_01 .style_h1 span.bg_line { margin: 0 2.5em; padding: 0 1em;}
	.box_contact_01 p.mark_tel a{ cursor: default;}

}



/*-----------------------------------------------------
footer
-----------------------------------------------------*/
#footer_frame{ clear:both; font-size:12px; background:#000; color:#b2ab9f;}

/*copyright*/
#copyright{ text-align:center;}

@media screen and (max-width: 767px){
	#footer_frame{ padding-bottom:80px;}
	
	.footer_info_frame{ text-align:center; padding-top:60px;}
	
	.footer_info_frame .footer_info_title{ margin-bottom:40px;}
	.footer_info_frame .footer_info_title .style_h1{ margin-bottom:40px;}
	.footer_info_frame .footer_info_title .style_h1 img{ width:auto;}
	
	.footer_info_frame .list_contents_sns{ margin-bottom:20px; width:100%; overflow:hidden;}
	.footer_info_frame .list_contents_sns ul{ float:left; position:relative; left:50%;}
	.footer_info_frame .list_contents_sns ul li{ float:left; position:relative; left:-50%; margin:0 8px;}
	.footer_info_frame .list_contents_sns ul li img{ width:auto;}
		
	.footer_info_frame .footer_info_text{ clear:both;}
	.footer_info_frame .footer_info_text dl dd{ display:none;}
	

	/*copyright*/
	#copyright{ font-size:10px; font-weight:bold; padding-top:16px;}
}
@media screen and (min-width: 768px){
	#footer_frame{ padding-bottom:120px;}
	
	.footer_info_frame{ padding-top:56px;}

	.footer_info_frame .footer_info_title{ float:left; width:207px;}
	.footer_info_frame .footer_info_title .style_h1{ margin-bottom:48px;}

	.footer_info_frame .list_contents_sns ul li{ float:left; margin-right:8px;}
	.footer_info_frame .list_contents_sns a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 50;}

	.footer_info_frame .footer_info_text{ padding-left:240px;}
	.footer_info_frame .footer_info_text dl dt{ font-weight:bold; margin-bottom:1em;}
	.footer_info_frame .footer_info_text dl dd{}
	
	/*copyright*/
	#copyright{ padding-top:32px;}

}





/* page-top */
#page-top {
	position: fixed;
	font-size: 77%;
	margin-bottom:0px;
	z-index:100;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	background:#867e70;
}
#page-top a img{}

#page-top a:hover {
	text-decoration: none;
	background: #a99e8b;
}

@media screen and (max-width: 767px){
#page-top {
	bottom: 5px;
	right: 5px;
}
#page-top a {
	width: 40px;
	padding: 10px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 50;
}
#page-top a img{
	width:60%;
}

}
@media screen and (min-width: 768px){
#page-top {
	bottom: 20px;
	right: 20px;
}
#page-top a {
	width: 50px;
	padding: 10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#page-top a img{
	width:60%;
}

}