@charset "UTF-8";

/* Reset */
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a {color:#af976e;}
a:hover {color:#cfbb99;}
img {vertical-align:middle;}
a:hover img.over {opacity: 0.80;	filter: alpha(opacity=80);}
p {margin-top:0;}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin:0;
}

address,caption,em,th {
	font-style:normal;
	font-weight:normal;
}

/* リストノーマル */
ul.normal {list-style:disc;}
.normal li {margin-left:2em;}

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

/* --------------------------------------------------
	ベース
-------------------------------------------------- */
/* HTML */
html {background:#fffdf6 url(http://soy-kufu.com/images/bg.png); color:#3a3a3a; font-size:12px; font-family:"ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* 基本レイアウト */
body {line-height:1.5;}
#contents {margin-top:82px;}

/* Fluid-img */
img { max-width:100%; width:auto; height:auto;}

/* --------------------------------------------------
	テーブル
-------------------------------------------------- */
table {
	width:100%;
	font-size:14px;
	border-top: 1px solid #ddcdb3;
}
table th,
table td {
	padding:10px 10px;
	border-bottom: 1px solid #ddcdb3;
}
table th {
	width:20%;
	min-width:6em;
	color: #af976e;
	text-align:left;
}
table td {
}

/* --------------------------------------------------
	共通
-------------------------------------------------- */
.bg_brown {
	background-color: #c2af8c;
	line-height:2.0;
	border-top: 1px solid #927647;
	border-bottom: 1px solid #927647;
}
ul.navi {
	background-color: #c2af8c;
}
ul.navi li {
	width:33%;
	padding:5px 5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
ul.navi li a {
	position: relative;
	display: block;
	box-sizing:border-box;
	padding: 10px 10px;
	color: #f8f399;
	font-size: 0.75em;
	font-weight:bold;
	text-decoration: none;
	border: 1px solid #927647;
}
ul.navi li:first-child a {
	border-left: 1px solid #927647;
}
ul.navi li a:hover {
	background-color: #B49C72;
}

ul.list {
	margin:0 0 2rem;
}
ul.list li {
	margin:0 0 1rem;
	font-size:10px;
	text-align:left;
}
ul.list li img {
	max-width:100%;
	width:auto;
	height:auto;
	margin-bottom:5px;
}
.box_brown {
	background-color: #e0d8c0;
}

.link_list {
	padding: 10px 0;
	border-top: 1px solid #927647;
}
.link_list a {
	font-weight:bold;
	text-decoration: none;
}


/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header { height:88px; margin-top:-88px; z-index:99999; position:relative;}
#header .head {position:fixed; top:0; background:url(http://soy-kufu.com/images/head_bg.png);  width:100%; padding-bottom:5px; overflow:hidden;}
#header h1 {background-color:#413734; color:#fff; font-size:9px; text-align:center; line-height:2.2; margin-bottom:5px; font-family:"ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#header .logo {max-width:266px; width:186px; float:left; margin-left:10px;}

/* メニュートグル */
#header .menu {width:30px; float:right; margin-right:10px; text-align:center;}
#header .menu p {color:#916c22; font-size:11px; font-family:marcellus, serif; margin-bottom:0;}
#header .toggle {
	width:30px; height:30px;
	color:#fff; font-size:20px;
	background: #cfaf55 url(http://soy-kufu.com/images/toggle_open.png) no-repeat; /* Old browsers */
 background: -moz-linear-gradient(top,  #cfaf55 0%, #916c22 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfaf55), color-stop(100%,#916c22)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #cfaf55 0%,#916c22 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #cfaf55 0%,#916c22 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #cfaf55 0%,#916c22 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #cfaf55 0%,#916c22 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfaf55', endColorstr='#916c22',GradientType=0 ); /* IE6-9 */
}

/* タブレット・PC用予約ボタン消去 */
#header .contact {display:none;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi ul {display:none; padding-top:82px;}
#g_navi ul li {line-height:1; text-align:center;}
#g_navi ul li a {display:block; background-color:#af976e; border-top:1px solid #c2af8c; border-bottom:1px solid #927647; color:#f8f399; font-size:0.75em; padding:7px; text-decoration:none;}
#g_navi ul li a:hover {background-color:#c2af8c; color:#fff;}
#g_navi ul li a em {display:block; font-family:marcellus, serif; color:#fffbef; font-size:1.5em; margin-bottom:5px;}
#g_navi ul li.page_top a {background-color:#c2af8c; border-top:1px solid #d0c0a1; border-bottom:none; font-size:34px; color:#fffbef; padding:0;}
#g_navi ul li.page_top a em {width:20px; height:2px; background-color:#fffbef; margin:7px auto -8px;}
#g_navi ul li.page_top a:hover {background-color:#d0c0a1;}

/* --------------------------------------------------
	予約ボタン
-------------------------------------------------- */
#reserve_btn {position:fixed; bottom:0; width:100%;background-color: rgba(65,55,52,0.9); z-index:1000;}
#reserve_btn ul { display:table; table-layout:fixed; width:100%;}
#reserve_btn li.fb {display:none;}
#reserve_btn li {display:table-cell; vertical-align:middle; text-align:center; padding:15px;}
#reserve_btn li:last-child {padding-left:0;}
#reserve_btn li a {display:block;padding:3px; color:#fff;text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #e1ce97;
background: #9e782d; /* Old browsers */
background: -moz-linear-gradient(top,  #cdad53 0%, #b2902f 50%, #a17b2f 50%, #916c22 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdad53), color-stop(50%,#b2902f), color-stop(50%,#a17b2f), color-stop(100%,#916c22)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdad53', endColorstr='#916c22',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 0 0 2px #795c28;
box-shadow: 0 0 5px 1px #342c2a;
}
#reserve_btn li a:hover {background:#cdad53;}
#reserve_btn li dl {display:table; height:2.66em; margin:0 auto;}
#reserve_btn li dt,#reserve_btn li dd {display:table-cell; margin:0; vertical-align:middle; text-align:center; line-height:1; text-shadow: 1px 1px 1px #666;}
#reserve_btn li dt {padding-right:7px;}
#reserve_btn li dd {font-size:1.33em; font-weight:bold;}
#reserve_btn li.web dt {font-size:2.66em;} 
#reserve_btn li.phone dt {font-size:2em;}

#reserve_btn p {display:none;}

/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer {background-color:#f5ecd8; padding-bottom:90px; text-align:center;}
#footer small {font-size:1em;}

/* --------------------------------------------------
	フッターナビ
-------------------------------------------------- */
#footer_navi ul {margin-bottom:2em;}
#footer_navi ul li {line-height:1; text-align:center;}
#footer_navi ul li a {display:block; background-color:#af976e; border-top:1px solid #c2af8c; border-bottom:1px solid #927647; color:#f8f399; font-size:0.75em; padding:7px; text-decoration:none;}
#footer_navi ul li a:hover {background-color:#c2af8c; color:#fff;}
#footer_navi ul li a em {display:block; font-family:marcellus, serif; color:#fffbef; font-size:1.5em; margin-bottom:5px;}
#footer_navi ul li.page_top a {background-color:#c2af8c; border-top:1px solid #d0c0a1; font-size:34px; color:#fffbef; padding:0;}
#footer_navi ul li.page_top a em {width:20px; height:2px; background-color:#fffbef; margin:7px auto -8px;}
#footer_navi ul li.page_top a:hover {background-color:#d0c0a1;}


/* --------------------------------------------------
	リンクボタン
-------------------------------------------------- */
.link_btn a  {display:block; width:18em; margin:0 auto; padding:0.6em 0; color:#fff; text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #e1ce97;
background: #9e782d; /* Old browsers */
background: -moz-linear-gradient(top,  #cdad53 0%, #b2902f 50%, #a17b2f 50%, #916c22 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdad53), color-stop(50%,#b2902f), color-stop(50%,#a17b2f), color-stop(100%,#916c22)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdad53', endColorstr='#916c22',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 3px 1px #8e897d;
box-shadow: 1px 1px 3px 1px #8e897d;
}
.link_btn a:hover {background:#cdad53;}
.link_btn dl {display:table; margin:0 auto;}
.link_btn dt,.link_btn dd {display:table-cell; margin:0; vertical-align:middle; line-height:1; text-shadow: 1px 1px 1px #666;}
.link_btn dt {font-size:1.7em; padding-right:0.3em;}
.link_btn dt i {margin-bottom:2px;}
.link_btn dd {font-size:1.16em; font-weight:bold;}


/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* メインイメージ */
#main_image {position:relative; width:100%; margin-bottom:1em;}
#main_image h1 {position:absolute; top:1em; left:1em; z-index:10; color:#935910; font-size:1em; font-weight:bolder; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-shadow:0 0 1px #935910,0 0 1px #fff,1px 1px 2px #fff,1px 1px 3px #fff,1px 1px 4px #fff,1px 1px 5px #fff,0 0 5px #fff; line-height:1.8; text-align:left;}

/* コピー */
#top_copy {width:90%; margin:0 auto 1em; line-height:1;}

/* セクション共通 */
#top_news,#top_bespoke,#salon_info,#voices,#top_style {/*padding:1.5em 5% 2em;*/
background: #eae2cc; /* Old browsers */
background: -moz-linear-gradient(left,  #eae2cc 0%, #f9f6ef 50%, #eae2cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eae2cc), color-stop(50%,#f9f6ef), color-stop(100%,#eae2cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* IE10+ */
background: linear-gradient(to right,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae2cc', endColorstr='#eae2cc',GradientType=1 ); /* IE6-9 */
}

/* セクション内H1共通 */
h1 {color:#af976e; font-size:3em; font-family:marcellus, serif; text-align:center;}

/* NEWS */
#top_news {padding:1.5em 0 2em;}
.news dl,.news dt,.news dd {margin:0;}/* Reset */
.news dl {overflow:hidden; color:#af976e; margin-bottom:2em;}
.news dt {clear:both; float:left; font-family:Arial, Helvetica, sans-serif;}
.news dd {padding-left:6em; border-bottom:1px solid #eadfc6; padding-bottom:0.5em; margin-bottom:0.5em; margin-left:0;}

/* STYLE */
#top_style {padding:1.5em 0 2em;}
#top_style ul {width:95%; margin:0 auto 2em; overflow:hidden;}
#top_style li {width:33.3%; float:left;}
#top_style li:last-child {display:none;}
#top_style li a {display:block; padding:10px;}
#top_style li img {border:1px solid #ccc;
-webkit-box-shadow: 1px 1px 5px 1px #ccc;
box-shadow: 1px 1px 5px 1px #ccc;
}

/* Bespoke */

#top_bespoke {padding:1.5em 0 2em;}
#top_bespoke h2 {font-size:1.0em; font-weight:bold; padding:0 5% 2em;}
/*#top_bespoke h4 {display:table; margin:2em 0 1em;}
#top_bespoke h4 em {display:table-cell; width:60px; height:60px; color:#fff; font-size:30px;  font-family:marcellus, serif; text-align:center; vertical-align:middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #b59332;
}
#top_bespoke h4 span {display:table-cell; color:#af976e; font-size:1.167em; font-weight:bold; padding-left:10px; vertical-align:middle;}*/
#top_bespoke .inner {
	padding:0 5% 1.5em;
}

#top_bespoke .sub_ttl {
	font-size: 1.33em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.5em;
}
#top_bespoke .about_bespoke {}
#top_bespoke .about_bespoke h4 {display:table; margin:0 0 1em;}
#top_bespoke .about_bespoke h4 em {display:table-cell; width:60px; height:60px; color:#fff; font-size:30px;  font-family:marcellus, serif; text-align:center; vertical-align:middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #b59332;
}
#top_bespoke .about_bespoke h4 span {display:table-cell; color:#af976e; font-size:1.167em; font-weight:bold; padding-left:10px; vertical-align:middle;}

#top_bespoke .point {
	line-height:2.0;
}
#top_bespoke .point .img_L {
	width:50%;
	margin:0 20px 0 0;
	text-align:right;
	float:left;
}
#top_bespoke .point .img_R {
	width:50%;
	margin:0 0 0 20px;
	text-align:left;
	float:right;
}

/* 店内写真 */
#top_photo {background-color:#e0d8c0; padding:2em 0;/* margin-bottom:2em;*/}
#top_photo ul {width:90%; margin:0 auto; overflow:hidden;}
#top_photo li {width:48%; float:left; margin-right:4%;}
#top_photo li:last-child {margin-right:0;}

/* Voices */
#voices {padding:1.5em 5% 2em;}

#voices .voices_title {position:relative;}
#voices .voices_title .photo {max-width:257px; width:45%; margin-left:50%;}
#voices .voices_title .photo img {margin-left:-98%;}
#voices .voices_title h1 {position:absolute; top:0; left:42%;}
#voices .voices_title h2 {position:absolute; top:3.5em; left:42%; font-size:1.5em; font-weight:bold;}
#voices .voices_title h2 span {display:block;}

#voices .voice dl {/*width:90%;*/ margin:0 auto 2em;}
#voices .voice dt {font-size:1.33em; font-weight:bold; text-align:center; margin:0 0 0.5em;}
#voices .voice dd {margin:0;}
#voices .voice dd p {margin-bottom:0.5em;}
#voices .voice dd p.name {text-align:right;}

/* Staff */
#top_staff {padding:1.5em 5% 2em;}
#top_staff .staff dl {margin:0 0 2em; overflow:hidden;}
#top_staff .staff dt {width:45%; float:left; margin:0; text-align:right;}
#top_staff .staff dd {width:50%; float:right; margin:0;}
#top_staff .staff h2 {color:#af976e; font-size:1.33em; font-weight:bold; margin-bottom:0.5em;}
#top_staff .staff h2 em {display:block; font-size:0.9em; font-family:marcellus, serif;}

/* Menu */
#top_menu {padding:1.5em 5% 2em;}
#top_menu dl.menu {/*width:75%; */margin:0 auto 1em; overflow:hidden;}
#top_menu .menu dt {clear:both; float:left; margin:0; padding-left:1em;}
#top_menu .menu dd {text-align:right; border-bottom:1px solid #eaeaea; margin:0 0 0.5em; padding:0 2em 0.5em 0;}
#top_menu .menu dd.more {padding-right:1em;}

/* Coupon */
#top_coupon {padding:1.5em 5% 2em;}
#top_coupon img {margin-bottom:1em;}
#top_coupon .s_txt { font-size:10px; margin-bottom:1em;}

/*Thank You */
#top_thanks {width:90%; padding:1.5em 5% 2em;}
#top_thanks dl.prize {background:url(../images/crown.png) no-repeat; background-size:50px auto; margin:0 auto 2em; padding-left:60px;}
#top_thanks .prize dt {font-weight:bold; margin:0;}
#top_thanks .prize dd {margin:0;}

/*Salon_info */
#salon_info {padding:1.5em 5% 2em; text-align:center;}
#salon_info .map {margin-bottom:2em;}
#salon_info .photo {display:none;} 
#google_map {width:100%; height:300px; border:1px solid #ccc;}

/* --------------------------------------------------
	下層ページ
-------------------------------------------------- */
/* パンクズリストを消す */
#topic_path {display:none;}

.second .inner {
	padding:20px 20px;
}
.second .title {
	position:relative;
	background: #eae2cc; /* Old browsers */
	background: -moz-linear-gradient(left,  #eae2cc 0%, #f9f6ef 50%, #eae2cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eae2cc), color-stop(50%,#f9f6ef), color-stop(100%,#eae2cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* IE10+ */
	background: linear-gradient(to right,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae2cc', endColorstr='#eae2cc',GradientType=1 ); /* IE6-9 */
}
.second .title .photo {max-width:257px; width:45%; margin-left:50%;}
.second .title .photo img {margin-left:-98%;}
.second .title h1 {margin:0;}
.second .title h2 {font-size:1.0em; font-weight:bold;}
.second .title h2 span {display:block;}

/* Voices */
#voices.second .voices_title {padding-top:10px; margin-bottom:1em;
background: #eae2cc; /* Old browsers */
background: -moz-linear-gradient(left,  #eae2cc 0%, #f9f6ef 50%, #eae2cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eae2cc), color-stop(50%,#f9f6ef), color-stop(100%,#eae2cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* IE10+ */
background: linear-gradient(to right,  #eae2cc 0%,#f9f6ef 50%,#eae2cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae2cc', endColorstr='#eae2cc',GradientType=1 ); /* IE6-9 */
}
#voices.second  .voices_title h1 {position:absolute; top:10px; left:42%;}
#voices.second  .voices_title h2 {position:absolute; top:4em; left:42%; font-size:1.5em; font-weight:bold;}

#voices.second .voice dt {background-color:#ede1c8; font-size:1.16em; text-align:left; padding:2px 5px 2px 2.2em ; margin-bottom:1em;}
#voices.second .voice dt i {color:#fff; font-size:1.5em; margin-left:-1.2em; margin-right:0.2em; text-shadow: 1px 1px 1px #999;}

/*Thank You */
#thanks {width:100%; background-color:#fff; border-top:1px solid #ddcdb3; border-bottom:1px solid #ddcdb3; padding:1em 0; margin:0;}
#thanks dl { width:90%; margin:0 auto 1em; overflow:hidden;}
#thanks dt {width:50px; float:left; margin:0;}
#thanks dd {padding-left:60px; margin:0;}
#thanks dd p {margin-bottom:0;}


/* Menu */

#menu ul.navi li {
	width:20%;
}

#menu .sub_ttl {
	font-size: 1.33em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.5em;
}

#menu h3 {
	margin-bottom: 0.5em;
	color: #af976e;
	font-family:marcellus, serif;
	font-size: 2em;
	font-weight: bold;
	text-align:center;
}

#menu dl.menu {width:75%; margin:0 auto 1em; overflow:hidden;}
#menu .menu dt {clear:both; float:left; margin:0; padding-left:1em;}
#menu .menu dd {text-align:right; border-bottom:1px solid #eaeaea; margin:0 0 0.5em; padding:0 2em 0.5em 0;}
#menu .menu dd.more {padding-right:1em;}


/* Staff */
#staff {margin-bottom:2em;}
#staff .staff dl {margin:0 0 20px; overflow:hidden;}
#staff .staff dt {width:45%; float:left; margin:0; text-align:right;}
#staff .staff dd {width:50%; float:right; margin:0;}
#staff .staff h2 {color:#af976e; font-size:1.33em; font-weight:bold; margin-bottom:0.5em;}
#staff .staff h2 em {display:block; font-size:0.9em; font-family:marcellus, serif;}

/* Recruit */

#recruit ul.navi li {
	width:50%;
}
.num {
	margin:0 0 0.2em;
	color: #af976e;
	font-family:serif;
	font-size: 3em;
	font-weight: bold;
	letter-spacing:3px;
	text-align:center;
}
.num span {
	border-bottom:2px solid #af976e;
}

#recruit h3 {
	font-size: 2.0em;
	font-family:serif;
	font-weight: bold;
	letter-spacing:3px;
	text-align: center;
	margin: 0 0 0.5em;
}

ul.recruit_list li {
	margin-left:2em;
	margin-bottom:0.5em;
	list-style:disc outside;
}

ul.recruit_list02 {
}
ul.recruit_list02 li {
	margin-left:2em;
	margin-bottom:0.5em;
	list-style:disc outside;
}

#recruit_05 dl.nakama {margin:0 0 2em; overflow:hidden;}
#recruit_05 dl.nakama dt {width:50%; float:left; margin:0; text-align:right;}
#recruit_05 dl.nakama dd {width:45%; float:right; margin:0; padding:20px 0 0 0;}
#recruit_05 dl.nakama h2 {color:#af976e; font-size:1.33em; font-weight:bold; margin-bottom:0.5em;}
#recruit_05 dl.nakama h2 em {display:block; font-size:0.9em; font-family:marcellus, serif;}


ul.recruit_list03 {
	border-top: 1px solid #ddcdb3;
}
ul.recruit_list03 li {
	padding:20px;
	border-bottom: 1px solid #ddcdb3;
}

table.recruit_terms {
	font-size:12px;
}

#recruit .sub_ttl {
	font-size: 1.33em;
	font-weight: bold;
	margin: 0 0 0.5em;
}

ul.recruit_list04 {
	margin-bottom:2em;
}
ul.recruit_list04 li {
	margin-left:2em;
	margin-bottom:0.5em;
	list-style:disc outside;
}


/* Bespoke */

#bespoke .sub_ttl {
	font-size: 1.33em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.5em;
}

#bespoke .about_bespoke h4 {display:table; margin:2em 0 1em;}
#bespoke .about_bespoke h4 em {display:table-cell; width:60px; height:60px; color:#fff; font-size:30px;  font-family:marcellus, serif; text-align:center; vertical-align:middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #b59332;
}
#bespoke .about_bespoke h4 span {display:table-cell; color:#af976e; font-size:1.167em; font-weight:bold; padding-left:10px; vertical-align:middle;}

#bespoke_01 .point {
	line-height:2.0;
}
#bespoke_01 .point .img_L {
	width:50%;
	margin:0 20px 0 0;
	text-align:right;
	float:left;
}
#bespoke_01 .point .img_R {
	width:50%;
	margin:0 0 0 20px;
	text-align:left;
	float:right;
}

/* News_detail */

#news_detail .news_ttl {
	margin-bottom:0.5em;
	font-size: 1.33em;
	font-weight: bold;
}
#news_detail .news_content {
	margin-bottom:0.5em;
}
#news_detail .date {
	color:#af976e;
	font-size:12px;
	text-align:right;
}
#news_detail .back_next {
	padding:0 0 10px;
	font-weight: bold;
	text-align:center;
}
#news_detail .back_next a {
	text-decoration:none;
}

/* Salon */
#google_map2 {width:100%; height:300px; border:1px solid #ccc;}


/* Blog */
.blog dl,.blog dt,.blog dd {margin:0;}/* Reset */
.blog dl {overflow:hidden; color:#af976e; margin-bottom:2em;}
.blog dt {clear:both; float:left; font-family:Arial, Helvetica, sans-serif;}
.blog dd {padding-left:6em; border-bottom:1px solid #eadfc6; padding-bottom:0.5em; margin-bottom:0.5em; margin-left:0;}

/* Gallery */

#gallery_detail .thumbnail {
	display:none;
}

.gallery_list_area a {
	display:block;
}
.gallery_list_area dl {
	width:24%;
	margin:0 0 20px 1%;
	float:left;
}
.gallery_list_area dl dt {
	margin-bottom:5px;
}
.gallery_list_area dl dd {
	margin:0;
	list-style:1.2;
}


/*---------------------------------------------------
	 320px  
----------------------------------------------------*/
@media screen and (max-width : 320px) {
#voices .voices_title{padding-bottom:120px;}


}


/* --------------------------------------------------
	 480px〜　big smart phone
-------------------------------------------------- */

@media screen and (min-width : 480px) {
	
/* --------------------------------------------------
	ベース
-------------------------------------------------- */
html {font-size:14px;}
#contents {/*margin-top:101px;*/}

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header .head {padding-bottom:7px;}
#header h1 {font-size:12px;margin-bottom:7px;}
#header .logo {width:220px;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi ul {padding-top:101px;}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* メインイメージ */
#main_image h1 {font-size:1.2em;}

}

/* --------------------------------------------------
	 768px〜　tablet
-------------------------------------------------- */

@media screen and (min-width : 768px) {
	
/* --------------------------------------------------
	ベース
-------------------------------------------------- */
#contents {margin-top:186px;}

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {position:fixed; top:0; background:url(http://soy-kufu.com/images/head_bg.png); width:100%; height:176px; /*z-index:1000;*/ margin-top:0;}

#header .head {position:static; top:auto; background-image:none; padding-bottom:10px; /*z-index:auto;*/}
#header h1 {font-size:12px; line-height:2.5; margin-bottom:10px;}
#header .logo {width:266px;}

/* メニュートグル */
#header .menu {display:none;}
#header .contact {display:block; float:right; margin-right:10px; text-align:right;}
#header .contact p {font-size:12px; color:#797979; line-height:1; margin-bottom:7px;}
#header .contact span {font-family:marcellus, serif; font-size:18px; color:#3a3a3a; margin-left:5px;}
#header .contact span strong {font-size:22px; font-weight:normal;}

/* 予約ボタン */
#header .contact  ul {display:table; float:right;}
#header .contact  li {display:table-cell; width:160px; vertical-align:middle; text-align:center; padding-right:15px;}
#header .contact  li:last-child {padding-right:0;}
#header .contact  li a {display:block;color:#fff;text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #e1ce97;
background: #9e782d; /* Old browsers */
background: -moz-linear-gradient(top,  #cdad53 0%, #b2902f 50%, #a17b2f 50%, #916c22 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdad53), color-stop(50%,#b2902f), color-stop(50%,#a17b2f), color-stop(100%,#916c22)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cdad53 0%,#b2902f 50%,#a17b2f 50%,#916c22 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdad53', endColorstr='#916c22',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 3px 1px #8e897d;
box-shadow: 1px 1px 3px 1px #8e897d;
}
#header .contact  li a:hover {background:#cdad53;}
#header .contact  li dl {display:table; margin:0 auto; height:42px;}
#header .contact  li dt,#header .contact li dd {display:table-cell; margin:0; vertical-align:middle; text-align:center; line-height:1; text-shadow: 1px 1px 1px #666;}
#header .contact  li dt {padding-right:5px; text-align:right;}
#header .contact  li.web dt {font-size:34px;;} 
#header .contact  li.fb dt {font-size:18px;} 
#header .contact  li.web dd {font-size:14px; font-weight:bold;}
#header .contact  li.fb dd {font-size:13px; font-weight:bold;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi {background-color:#c2af8c; border-top:1px solid #927647; border-bottom:1px solid #927647; padding:1px 0;}
#g_navi .inner {background-color:#af976e; overflow:hidden;}
#g_navi ul {position:relative; float:left; left:50%; display:block; padding-top:0;}
#g_navi ul li {position:relative; float:left; left:-50%;}
#g_navi ul li a {background-color:transparent; border:none; font-size:9px; padding:8px 10px;}
#g_navi ul li a:hover {background-color:#c2af8c; color:#fff;}
#g_navi ul li a em {font-size:14px;}
#g_navi ul li.page_top {display:none;}


/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* メインイメージ */
#main_image h1 {font-size:24px;}

/* 予約ボタン */
#reserve_btn {position:inherit; bottom:15px; width:inherit; background-color:transparent; z-index:inherit; overflow:hidden;}
#reserve_btn ul {position:relative; float:left; left:50%; table-layout:auto; width:inherit;}
#reserve_btn li.phone {display:none;}
#reserve_btn li.fb {display:block;}
#reserve_btn li {position:relative; float:left; left:-50%; width:260px; padding-right:30px; padding-left:0;}
#reserve_btn li:last-child {padding-right:0;}
#reserve_btn li a {display:block;
-webkit-box-shadow: 1px 1px 3px 1px #8e897d;
box-shadow: 1px 1px 3px 1px #8e897d;
}
#reserve_btn li dl {height:60px;}
#reserve_btn li dt {padding-right:10px;}
#reserve_btn li dd {font-size:18px;}
#reserve_btn li.web dt {font-size:50px;} 
#reserve_btn li.fb dt {font-size:24px;}

#reserve_btn p {clear:both; display:block; color:#b97929; font-weight:bold; text-align:center; padding:15px 0;}

/* STYLE */
#top_style li {width:25%; float:left;}
#top_style li:last-child {display:block;}
#top_style li a {padding:10px 15px;}
#top_style li img {border:5px solid #fff;
-webkit-box-shadow: 1px 1px 5px 3px #ccc;
box-shadow: 1px 1px 5px 3px #ccc;
}

/* Bespoke */
#top_bespoke {text-align:center;}
#top_bespoke h2 {}
/*#top_bespoke .point {margin-bottom:2em; overflow:hidden;}
#top_bespoke .point1,#top_bespoke .point2 {width:44%; float:left; margin:0 3%;}
#top_bespoke .point p,#top_bespoke .point li {text-align:left;}
#top_bespoke h4 {display:block;}
#top_bespoke h4 em {display:block; margin:0 auto 15px; font-size:36px; line-height:60px;}
#top_bespoke h4 span {display:block; font-size:1.14em; padding-left:0;}*/
#top_bespoke .bespoke .box_brown {
	line-height:2.0;
}

#top_bespoke .about_bespoke h4 {display:block; text-align:center;}
#top_bespoke .about_bespoke h4 em {display:block; margin:0 auto 15px; font-size:36px; line-height:60px;}
#top_bespoke .about_bespoke h4 span {display:block; font-size:1.14em; padding-left:0;}

/* Voices */
#voices .voices_title .photo {margin-left:15%;}
#voices .voices_title .photo img {margin-left:0}
#voices .voices_title h1 {top:20px; left:42%;}
#voices .voices_title h2 {top:100px; left:42%;}
#voices .voices_title h2 span {display:inline;}
#voices .voice {width:90%; margin:0 auto 2em; overflow:hidden;}
#voices .voice dl {width:31%; float:left; margin:0 3.5% 0 0;}
#voices .voice dl:nth-of-type(3n+0) {margin-right:0;}
#voices .voice dl:nth-of-type(3n+1) {clear:both;}
#voices .voice dl:nth-of-type(n+4) {padding-top:2em;}
#voices .voice dt {font-size:16px;}

/* Staff */
#top_staff .staff {margin-bottom:2em; overflow:hidden;}
#top_staff .staff dl {width:48%; float:left; margin:0 4% 0 0; overflow:hidden;}
#top_staff .staff dl:last-child {margin-right:0;}
#top_staff .staff dt {padding:8px; text-align:left;}
#top_staff .staff dt img {max-width:174px; width:90%; border:5px solid #fff;
-webkit-box-shadow: 1px 1px 5px 3px #ccc;
box-shadow: 1px 1px 5px 3px #ccc;}
#top_staff .staff dd {width:50%; float:right; margin:0;}
#top_staff .staff h2 {color:#af976e; font-size:1.33em; font-weight:bold;}
#top_staff .staff h2 em {display:block; font-size:0.9em; font-family:marcellus, serif;}

/* MenuからThank Youまでを２カラムで */
#top_menu_thanks {margin-bottom:2em; overflow:hidden;}

/* Menu */
#top_menu {/*width:50%; float:left; */margin-bottom:0;}
#top_menu .menu dd {margin-bottom:1em; padding-bottom:1em;}

/* Coupon */
#top_coupon {width:50%; float:left; padding-left:0; padding-right:0; margin-bottom:3em; background:none; text-align:center;}
#top_coupon img {width:300px; margin-bottom:1em;}

/*Thank You */
#top_thanks {width:50%; float:right; margin:0; padding-left:0; padding-right:0; text-align:center;}
#top_thanks dl.prize {background:url(../images/crown.png) no-repeat 50% 0; background-size:50px auto; margin:0 auto 2em; padding:50px 0 0;}

/*Salon_info */
#salon_info p {width:50%; float:left;}
#salon_info .map,#salon_info .photo {display:block; width:50%; float:left; margin-bottom:3em;}
#salon_info .map img,#salon_info .photo img {max-width:340px; width:80%; margin:0 auto;}
#google_map {max-width:780px; width:90%; height:400px; margin:0 auto;}

/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer {background-color:#af976e; color:#fffbef; padding-bottom:30px;}
#footer small {font-size:0.85em;}

/* --------------------------------------------------
	フッターナビ
-------------------------------------------------- */

#footer_navi ul li {display:inline; line-height:2; margin-right:0.5em;}
#footer_navi ul li a {display:inline; background-color:transparent; border:none; padding:0; color:#fffbef; font-size:0.85em; white-space:nowrap;}
#footer_navi ul li a:hover {background-color:transparent; color:#ff9;}
#footer_navi ul li a em {display:none;}
#footer_navi ul li.page_top {display:block; margin-right:0; margin-bottom:2em; border-bottom:1px solid #c2af8c; line-height:1;}
#footer_navi ul li.page_top a {display:block; background-color:#c2af8c; border-top:1px solid #faf8f1; border-bottom:1px solid #927647; font-size:34px; color:#fffbef; text-decoration:none; padding:15px 0;}
#footer_navi ul li.page_top a em {display:block;}

/* --------------------------------------------------
	下層ページ
-------------------------------------------------- */

.second .title .inner {width:90%; margin:0 auto; text-align:center;}
.second .inner {width:90%; margin:0 auto;}
ul.navi {width:90%; margin:0 auto;}
ul.navi li a::after{
	content:"";
	display: block;
	width:6px;
	height:6px;
	border-top:1px solid #fffbef;
	border-right:1px solid #fffbef;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:40%;
	right:20px;
}
ul.list {
	margin:0 0 2rem;
	text-align:center;
}
ul.list li {
	display: inline-block;
	width:30%;
	padding:0 10px;
	box-sizing:border-box;
	float:none;
}

/* 予約ボタンを消す */
#reserve_btn.second { display:none;}

/* パンクズリスト */
#topic_path {display:block; width:95%; margin:1em auto; font-size:0.85em; line-height:1;}
#topic_path ul {overflow:hidden;}
#topic_path li {float:left; margin-right:0.5em;}
#topic_path li i {color:#af976e;}
#topic_path li a {text-decoration:none;}
#topic_path li a:hover {text-decoration:underline;}

/* Voices */
#voices.second .voices_title h1 {top:30px;}
#voices.second .voices_title h2 {top:110px;}

/*Thank You */
#thanks {padding:30px 0 40px;}
#thanks .inner {width:620px; margin:0 auto; overflow:hidden;}
#thanks dl {width:260px; float:left; margin:0 100px 0 0; overflow:inherit;}
#thanks dl:nth-child(2) {margin-right:0;}
#thanks dt {width:auto; float:none; margin-bottom:10px; text-align:center;}
#thanks dt img {width:50px;}
#thanks dd {padding-left:0; text-align:center;}

/* Menu */


/* Staff */
#staff .staff {margin-bottom:2em; overflow:hidden;}
#staff .staff .inner { margin: 20px 10px;}
#staff .staff dl {width:48%; float:left; margin:0 4% 0 0; overflow:hidden;}
#staff .staff dl:last-child {margin-right:0;}
#staff .staff dt {padding:8px; text-align:left;}
#staff .staff dt img {max-width:174px; width:90%; border:5px solid #fff;
-webkit-box-shadow: 1px 1px 5px 3px #ccc;
box-shadow: 1px 1px 5px 3px #ccc;}
#staff .staff dd {width:50%; float:right; margin:0;}
#staff .staff h2 {color:#af976e; font-size:1.33em; font-weight:bold;}
#staff .staff h2 em {display:block; font-size:0.9em; font-family:marcellus, serif;}
#staff .staff .staff_area {
	margin-bottom:20px;
}

/* Recruit */

#recruit ul.navi li {
	width:33%;
}
ul.recruit_list {
	width:50%;
	float:left;
}
#recruit_05 .nakama dl {width:48%; float:left; margin:0 4% 0 0; overflow:hidden;}
#recruit_05 .nakama dl:last-child {margin-right:0;}
#recruit_05 .nakama dt {padding:8px; text-align:left;}
#recruit_05 .nakama dt img {max-width:174px; width:90%; border:5px solid #fff;
-webkit-box-shadow: 1px 1px 5px 3px #ccc;
box-shadow: 1px 1px 5px 3px #ccc;}
#recruit_05 .nakama dd {width:50%; float:right; margin:0; padding:20px 0 0 0;}
#recruit_05 .nakama h2 {color:#af976e; font-size:1.33em; font-weight:bold;}
#recruit_05 .nakama h2 em {display:block; font-size:0.9em; font-family:marcellus, serif;}

/* Bespoke */

#bespoke .bespoke .box_brown {
	line-height:2.0;
}

#bespoke .about_bespoke h4 {display:block; text-align:center;}
#bespoke .about_bespoke h4 em {display:block; margin:0 auto 15px; font-size:36px; line-height:60px;}
#bespoke .about_bespoke h4 span {display:block; font-size:1.14em; padding-left:0;}

/* Salon */
#google_map2 {max-width:780px; width:90%; height:400px; margin:0 auto;}

}

/* --------------------------------------------------
	 980px〜　PC
-------------------------------------------------- */

@media screen and (min-width : 980px) {
	
/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {/*height:176px;*/}
#header .head .inner {width:960px; margin:0 auto;}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#g_navi ul li a {font-size:10px; padding:8px 15px;}
#g_navi ul li a em {font-size:16px;}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/* メインイメージ */
#main_image {width:960px; margin:1em auto 2em;}
#main_image h1 {font-size:24px;}

/* コピー */
#top_copy {width:600px; margin:0 auto 1em;}

/* 背景有りセクション共通 */
#top_news,#top_bespoke,#top_staff,#salon_info {padding:30px 0 40px;}
#top_coupon {padding:0 0 40px;}

/* NEWS */
#top_news {/*margin-bottom:30px;*/}
.news dl {width:780px; margin:0 auto 2em; color:#af976e;}

/* STYLE */
#top_style {margin-bottom:40px;}
#top_style ul {width:940px;}
#top_style li img {width:200px;}

/* Bespoke */
/*#top_bespoke .point {width:780px; margin:0 auto 2em;}
#top_bespoke .point1 {width:340px; float:left; margin:0;}
#top_bespoke .point2 {width:340px; float:right; margin:0;}*/
#top_bespoke .inner {width:780px; margin:0 auto; text-align:left;}

/* 店内写真 */
#top_photo {background-color:#e0d8c0; padding:50px 0; /*margin-bottom:30px;*/}
#top_photo ul {width:740px;}
#top_photo li {width:320px; margin-right:100px;}

/* Voices */
#voices {/*margin-bottom:40px;*/}
#voices .voices_title {width:980px; height:300px; margin:0 auto;}
#voices .voices_title .photo {position:absolute; top:15px; left:190px; margin-left:0;}
#voices .voices_title h1 {position:absolute; top:50px; left:440px;}
#voices .voices_title h2 {position:absolute; top:130px; left:400px; font-size:1.5em; font-weight:bold;}
#voices .voice {width:940px;}
#voices .voice dl {width:292px; margin-right:32px;}
#voices .voice dt {font-size:16px;}

/* Staff */
#top_staff {}
#top_staff .staff {width:980px; margin:0 auto 2em;}
#top_staff .staff dl {width:440px; margin-right:100px;}
#top_staff .staff dt {width:184px;}
#top_staff .staff dt img {width:174px;}
#top_staff .staff dd {width:220px;}
#top_staff .staff h2 {font-size:18px; margin-bottom:1em;}
#top_staff .staff h2 em {font-size:16px;}

/* MenuからThank Youまでを２カラムで */
#top_menu_thanks {width:780px; margin:0 auto 40px;}

/* Menu */
#top_menu {width:780px; margin:0 auto;}

/* Coupon */
#top_coupon {/*width:340px; */margin:0; padding:0;}

/*Thank You */
#top_thanks {/*width:340px; */ margin:0; padding:0;}

/*Salon_info */
#salon_info .inner {width:780px; margin:0 auto 65px; overflow:hidden;}
#salon_info p {width:340px; margin-right:100px;}
#salon_info p:nth-child(2) {margin-right:0;}
#salon_info .map,#salon_info .photo {display:block; width:340px; float:left; margin-bottom:0;}
#salon_info .map {margin-right:100px;}
#salon_info .map img,#salon_info .photo img {width:340px;}
#google_map {width:780px;}

/* --------------------------------------------------
	下層ページ
-------------------------------------------------- */
/* パンクズリスト */
#topic_path {width:940px;}

.second .title .inner {width:940px;}
.second .inner {width:940px;}

ul.navi {width:940px;}

/* Voices */
#voices.second .voices_title {width:100%; margin-bottom:20px;}
#voices.second .voices_title .inner {position:relative; width:980px; height:300px; margin:0 auto;}
#voices.second .voices_title h1 {top:30px; left:440px;}
#voices.second .voices_title h2 {top:110px; left:400px;}

/* Menu */

/* Staff */
#staff {margin-bottom:30px;}
#staff .staff {width:980px; margin:2em auto;}
#staff .staff .inner { margin:0;}
#staff .staff dl {}
#staff .staff dt {width:184px;}
#staff .staff dt img {width:174px;}
#staff .staff dd {width:220px;}
#staff .staff h2 {font-size:18px; margin-bottom:1em;}
#staff .staff h2 em {font-size:16px;}

/* Recruit */

#recruit .recruit .inner {width:740px;}
#recruit_05 .nakama dl {width:440px; margin-right:100px;}
#recruit_05 .nakama dt {width:184px;}
#recruit_05 .nakama dt img {width:174px;}
#recruit_05 .nakama dd {width:220px;}
#recruit_05 .nakama h2 {font-size:18px; margin-bottom:1em;}
#recruit_05 .nakama h2 em {font-size:16px;}

/* Salon */
#google_map2 {width:780px;}

/* Blog */
.blog dl {width:780px; margin:0 auto 2em; color:#af976e;}

/* gallery */
.gallery_list_area dl dt {
	margin-bottom:5px;
	height:300px;
	overflow:hidden;
}

}