@charset "utf-8";
/* =================================================
CSS information

 file name  :common.css
 author     :AZLinks
 style info :基本・共通設定　ハックは最下部に記述
====================================================*/


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #210303;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Droid Sans", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
	background: #fff;
	max-width:1200px;
	margin:0 auto;
	background-size:cover;
}

/*タップ時のカラー指定*/
a {-webkit-tap-highlight-color: rgba(200,200,555,.6);}  

/* 画像圧縮・拡大 */
img {
	max-width: 100%;
	height: auto;
}

p, dl, ol, ul, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

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

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

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 auto;
	max-width: 640px;
	min-width: 320px;
	overflow: hidden;
}

/*----------------------------------------------------
	#header 	ヘッダー
----------------------------------------------------*/

header {
	width: 96%;
	overflow: hidden;
	margin: 0 auto;
	max-width:900px;
}


header h1 {
	width: 40%;
	float: left;
	padding: 0;	
}

header .con_hmenu {
	float: right;
	width: 40%;
}

header .con_hmenu ul {
	overflow: hidden;
}

header .con_hmenu ul li {
	float: right;
	width: 45%;
	padding: 0 2%;
	text-align:center;
}

header .con_hmenu ul li a {
	text-decoration: none;
	display: block;
	height:  50px;
}

header .con_hmenu ul li:last-child {
	border-right: none;
	padding-right: 0;
}

header .con_hmenu ul li a i {
	color: #036eb8;
	display:block;
	font-size: large;
}

header .con_hmenu ul li a span {
	color: #036eb8;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}


/*----------------------------------------------------
	#header 	ヘッダートップページ 背景
----------------------------------------------------*/

.toppage{
	height: 0;
	background-repeat: no-repeat;
	background-size: contain;
}


/*----------------------------------------------------
	パンくずリスト
----------------------------------------------------*/
#bred-list{
	width:96%;
	max-width: 900px;
	margin: 0 auto;
	font-size: 0.8em;
}


/*----------------------------------------------------
	#con_menu
----------------------------------------------------*/
header #con_menu {
	width: 100%;
	position: absolute;
	margin:0 auto;
	z-index: 1000;
	display: none;
	padding: 0px 0 10px;
    top: 0;
	left: 0;
}

header #con_menu #btn_close_menu {
	width: 100%;
	color: #FFF;
	position: absolute;
	background: #036eb8;
	padding: 10px 0;
}

header #con_menu #btn_close_menu p.x{
	float: right;
	font: 110%;
	font-weight: bold;
	margin-right: 5%;
}
	

header #con_menu .box_menu {
	position: absolute;
	width: 100%;
	top: 40px;
	background: #fff;
	padding-bottom: 1%;
}

header #con_menu .box_menu .title {
	width: 100%;
	text-align: center;
	padding: 10px 0 10px;
	font-size: 140%;
	margin-bottom:0;
}

header #con_menu .box_menu ul {
	overflow: hidden;
    padding: 0 10px 10px;
	text-align:center;
}

header #con_menu .box_menu ul li {
	padding: 10px 0;
	overflow: hidden;
	width: 100%;
	border-bottom: dotted 1px #411400;
	margin: 0 auto;
}

header #con_menu .box_menu a{
	text-decoration: none;
	display: block;
	color:#411400;
}

/*header #con_menu .box_menu ul li:before {
	content: ">";
	margin-right: 10px;
}
*/

header #con_menu .box_menu ul li.last {
	border-bottom: 0;
}

header #con_menu .box_menu .st_lang{
	color: #993333;
	font-size: 130%;
	padding-left: 10px;
	padding-top: 10px;
	text-align:center;	
	margin-bottom:0;
}

header #con_menu .box_menu ul.sel_lang {
	list-style: none;
	overflow: hidden;
	background: none;
}

header #con_menu .box_menu ul.sel_lang li{
	float: left;
	margin-right: 1%;
	width: 24%;
	border-bottom: none;
}

header #con_menu .box_menu ul.sel_lang li:before {
	content: none;
	margin-right: 0;
}

header #con_menu .box_menu ul.sel_lang li img{
	width: 100%;
}

/*----------------------------------------------------
	#con_search
----------------------------------------------------*/
header #con_search {
	width: 100%;
	position: absolute;
	z-index: 1000;
	display: none;
	padding: 0px 0 10px;
    top: 0;
	left: 0;
}

header #con_search #btn_close_search {
	width: 100%;
	color: #FFF;
	position: absolute;
	background: #036eb8;
	padding: 10px 0;
}

header #con_search #btn_close_search p.x {
	float: right;
	font: 110%;
	font-weight: bold;
	margin-right: 5%;
}

header #con_search .box_search {
	position: absolute;
	width: 100%;
	top: 40px;
	background: #fff;
}

header #con_search .box_search .title {
	width: 100%;
	text-align: center;
	padding: 10px 0 10px;
	font-size: 140%;
	background: url(../../../images/home/bg_top.gif) bottom left repeat-x;
}

header #con_search .box_search .box_form {
	font-size: 120%;
	padding: 10px 10px 0;
}

header #con_search .box_search .box_form .st {
	border-left: #693B27 solid 3px;
	padding: 0 5px;
	font-weight: bold;
	margin: 10px 0px 5px;
}

header #con_search .box_search .box_form .selectbox {
	margin: 0 0 15px;
}

header #con_search .box_search .box_form .selectbox select {
	font-size: 120%;
}

header #con_search .box_search .box_form .btn_search a {
	display: block;
	background-color: #036eb8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF796031', endColorstr='#FF4F3715');
	text-align: center;
	font-size: 110%;
	width: 100%;
	padding: 10px;
	margin: 20px auto 5px;
	color:#FFF;
}

header #con_search .box_search .box_form .btn_info li{
	float: left;
	width: 48%;
	margin-left: 5px;
	font-size: 80%;
}


header #con_search .box_search .box_form .btn_info a {
	display: block;
	background-color: #156482;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF796031', endColorstr='#FF4F3715');
	text-align: center;
	font-size: 110%;
	width: 100%;
	padding: 10px;
	margin: 5px auto 20px;
	color: #FFF;
}

header #con_search a{
	text-decoration: none;
}

/*----------------------------------------------------
	#main 	メインコンテンツ
----------------------------------------------------*/
#content-menu-top{
	max-width: 1000px;
	margin: 0 auto;
}

#content-menu-top img{
	width: 50%;
}
	
@media (max-width:600px){
#content-menu-top img{
	width: 100%;
	margin-bottom: 5px;
}
}

@media (min-width:600px){
img.content-img{
	width: 50%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
}

/*	.con_reservation ご予約はこちら
----------------------------------------------------*/
#main .con_reservation{
	padding: 2px;
	text-align:center;
}

#main .con_reservation h3{
	width: 96%;
	margin: 0 auto;
}

#main .con_reservation div{
	margin: 0 auto;
}

#main .con_reservation ul{
	text-align:center;
	overflow:hidden;
	margin: 0 2%;
}

#main .con_reservation ul li{
	float:left;
	width: 33.3%;
	margin: 0 0 4%;
}

/*	.btn_ptop 	グローバルメニュー
----------------------------------------------------*/
#main .btn_ptop {
	padding-bottom: 13px;
	background: url(../../../images/bg_footer.gif) 0 bottom repeat-x;
	font-size: 12px;
	text-align: center;
}

#main .btn_ptop a {
	margin: 0 20px 0 auto;
	padding: 8px 5px;
	display: block;
	width: 30%;
	overflow: hidden;
	text-decoration: none;
	background: rgb(229,225,207); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTFjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YxZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(229,225,207,1) 0%, rgba(243,241,233,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,225,207,1)), color-stop(100%,rgba(243,241,233,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,225,207,1) 0%,rgba(243,241,233,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,225,207,1) 0%,rgba(243,241,233,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,225,207,1) 0%,rgba(243,241,233,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,225,207,1) 0%,rgba(243,241,233,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1cf', endColorstr='#f3f1e9',GradientType=0 ); /* IE6-8 */
}



/* 	グローバルメニュー 追加
----------------------------------------------------*/

/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
font-size: 100%;
background-color:#036eb8;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 80%; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 10px 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 16%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #ffffff solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
font-family:  -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
;
}
/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 60%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color:#A1D2FF; /* 英字の文字色 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #036eb8; /* ポイント時の背景 */
	color: #ffffff;
}
div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

div.head_phone{
		float: right;
	}




/* 	グローバルメニュー 追加 トップページ
----------------------------------------------------*/

/* --- ナビゲーションバー -トップページ-- */
div.nav-top {
width: 100%; /* ナビゲーションの幅 */
font-size: 100%;
}

/* --- メニューエリア トップページ--- */
div.nav-top ul.nl {
width: 80%; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 10px 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 トップページ--- */
div.nav-top ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク トップページ--- */
div.nav-top ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color:#151515; /* 文字色 */
line-height: 100%; /* 行の高さ */
font-family:  -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
;
}

div.nav-top ul.nl li.li-r-border a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-right: 1px #036eb8 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color:#151515; /* 文字色 */
line-height: 100%; /* 行の高さ */
font-family:  -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
;
}


/* 英字部分 トップページ*/
div.nav-top ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 60%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color:#8A4229; /* 英字の文字色 */
}
/* --- ポイント時の設定 トップページ--- */
div.nav-top ul.nl li a:hover {
background: #036eb8; /* ポイント時の背景 */
	color: #ffffff;
}
div.nav-top ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

/* --- clearfix トップページ--- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

div.head_phone{
		float: right;
	}




/*----------------------------------------------------
	#footer 	フッター
----------------------------------------------------*/
container {
	max-width: 960px;
	margin:0 auto;
}
footer {
	padding: 20px 0 0 0;
	text-align:center;
}

footer .logo img{
	width: 25%;
}
footer address {
	margin-bottom: 10px;
}

footer .btn_sns{
	margin: 5px 0;
}

footer .btn_sns img {
	width: 15%;
	margin-left:3px;
}

footer .copyright {
	padding: 5px 0;
	text-align: center;
	background:#036eb8;
	color:#FFF;
}

.footer-left{
	width: 40%;
	float: left;
}

.footer-right{
	width: 50%;
	float: right;
	margin-bottom:30px;
}

.row_centered{
	clear: both;
	text-align: center;
	margin-top:20px;
}


/*	.footer_btn 	フッターメニュー スマホ表示
----------------------------------------------------*/
@media screen and (max-width: 600px) {
	
.footer-left{
	width: 100%;
	float: left;
	margin-bottom:30px;
}

.footer-right{
	width: 100%;
	float: left;
	margin-bottom:30px;
	border-top:#7F7D7D solid 1px;
	padding-top:10px;
}

.row_centered{
	clear: both;
	text-align: center;
	margin-top:20px;
	border-top:#9E9E9E solid 1px;
}
}

/*	.footer_btn 	フッターメニュー
----------------------------------------------------*/
footer .footer_btn{
	background:#036eb8;
	border-bottom:#FFF solid 1px;
	text-align:center;
	padding-top:10px;
	margin: 0 2% 30px;
}

footer .footer_btn a{
	display: block;
}

footer .footer_btn .plan i{
	color: #036eb8;
	font-size: large;
}

footer .footer_btn .link i{
	color: #FFF;
	display:block;
	font-size: xx-large;
}
footer .footer_btn .tel{
	border-bottom:#FFF solid 1px;
	text-align:center;
	
}

footer .footer_btn p i{
	color: #FFF;
	font-size: xx-large;
	float:left;
	padding-top: 6px;
}

footer .footer_btn .plan{
	width: 90%;
	background:#FFF;
	border-bottom:#FFF solid 1px;
	color:#036eb8;
	overflow:hidden;
	margin:0 auto;
	padding:1% 0;
}
footer .footer_btn .plan li{
	float:left;
	width:49.8%;
	padding:12px 0;
	border-right:#036eb8 solid 1px;
}
footer .footer_btn .plan li span{
	vertical-align:bottom;
}
footer .footer_btn .plan li img{
	width:15%;
	vertical-align: sub;
}

footer .footer_btn .tel{
	border-bottom:#FFF solid 1px;
	text-align:center;
}
footer .footer_btn .tel a img{
	width:78%;
}
footer .footer_btn .link{
	width: 99%;
	color:#FFF;
	overflow:hidden;
	margin:0 auto;
	padding:5px 0;
}
footer .footer_btn .link li{
	float:left;
	width:33%;
	font:#fff;
	border-right:#FFF solid 1px;
}
footer .footer_btn .link li span{
	color:#FFF;
}

footer .footer_btn ul .last{
	border-right:none;
}

/*----------------------------------------------------
	共通パーツ
----------------------------------------------------*/

/*========== テーブル ==========*/
table.tbl_basic {
	border-top:#c5c5c5 solid 1px;
	width:100%;
	margin: 0 auto 20px;
	font-size:small;
}

table.tbl_basic tr{
	border-bottom:#c5c5c5 solid 1px;
}

table.tbl_basic th{
	font-weight:normal;
	background-color: #d5e6ed;
	vertical-align:middle;
	padding:2%;
	width:30%;
	border-left:#c5c5c5 solid 1px;
	border-right:#c5c5c5 solid 1px;
}

table.tbl_basic td{
	vertical-align:middle;
	padding:2%;
	width:65%;
	border-right:#c5c5c5 solid 1px;
}

#cont-left{
	width:96%;
	max-width: 900px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:left;
}

#reserve{
	width:96%;
	max-width: 900px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}

img.reserve {
	width:33.33333%;
}


img.reserve-head {
	width:33.3333%;
}

img.reserve-ft {
	width:50%;
}

#menu-blk-top {
	width:45%;
	padding:2%;
	float:left;
	background: #036eb8;
	margin: 10px;
	color:#FFFFFF;
}


#menu-blk-top img{
	float: left;
	max-width: 300px;
	width: 50%;
	margin-right: 10px;
	
}
	
#menu-blk-top h3{
	font-size: 15px;
	color:#FFFFFF;
	margin: 0px !important;
	padding-bottom: 0px !important;
	clear: none;
}

#menu-blk-top p{
	margin-top: 0px;
	line-height:20px;
	font-size: 13px;
	text-align: left;
}


#menu-blk {
	width:47%;
	text-align:center;
	margin:10px;
	float:left;
	padding: 1%;
}

#menu-blk h4{
	font-size: 18px;
	text-align: left;
}

#menu-blk h5{
	font-size: 14px;
	text-align: center;
	background-color:#036eb8;
	padding: 5px;
	color:#ffffff;
}

#menu-blk p{
	line-height:20px;
	font-size: 14px;
	text-align: left;
}


/*商品一覧*/
#menu-blk-item {
	width:23%;
	text-align:center;
	margin:5px;
	float:left;
	padding: 1%;
	min-height:320px;
}

#menu-blk-item img{
	max-width:100%;
}

#menu-blk-item h4{
	font-size: 16px;
	text-align: left;
}

#menu-blk-item h5{
	font-size: 14px;
	text-align: center;
	background-color:#036eb8;
	padding: 5px;
	color:#ffffff;
}

#menu-blk-item p{
	line-height:20px;
	font-size: 14px;
	text-align: left;
}


#menu-blk-item ul li{
	list-style-type: square;
	line-height:20px;
	font-size: 14px;
	text-align: left;
}

#menu-blk-item ul{
	padding-left:18px;
}

/*商品一覧ここまで*/



/*商品詳細ページ*/
#menu-blk-lrg {
	width:100%;
}

#menu-blk-lrg img{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#menu-blk-lrg h3{
	font-size: 16px;
	text-align: left;
	clear:none;
	padding:0;
	margin:10px 0 5px 0;
}


#menu-blk-lrg p{
	line-height:20px;
	font-size: 14px;
	text-align: left;
}

#menu-blk-lrg ul li{
	list-style-type: square;
	line-height:20px;
	font-size: 14px;
	text-align: left;
}

#menu-blk-lrg li{
	padding-left:10px;
}


/*商品詳細ここまで*/

@media screen and (max-width:600px){
	
#menu-blk-top {
	width:46%;
	padding:3%;
	float:left;
	background: #036eb8;
	margin: 5px;
	color:#FFFFFF;
}


#menu-blk-top img{
	max-width: 300px;
	width: 100%;
	margin-bottom: 10px;
	
}
	
#menu-blk-top h3{
	font-size: 13px;
	color:#FFFFFF;
	margin-top: 10px !important;
	padding-bottom: 0px !important;
	clear: none;
}

#menu-blk-top p{
	margin-top: 0px;
	line-height:15px;
	font-size: 8px;
}
	
	

#menu-blk {
	width:100%;
	padding:2%;
	text-align:center;
	float:left;
}

#menu-blk h4{
	font-size: 18px;
	text-align: left;
}

#menu-blk p{
	line-height:20px;
	font-size: 14px;
	text-align: left;
}

#menu-blk-cont {
	width:100%;
	padding:3%;
	float:left;
	margin: 5px;
}


#menu-blk-cont img{
	max-width: 350px;
	width: 100%;
	margin-bottom: 10px;
	
}
	
#menu-blk-cont h3{
	font-size: 13px;
	clear: both;
	margin-bottom:5px;
	padding-bottom:2px;
}

#menu-blk-cont p{
	line-height:20px;
	font-size: 14px;
	text-align: left;
}
	/*商品一覧*/
	#menu-blk-item {
	width:100%;
	text-align:center;
	margin:5px;
	float:left;
	padding: 1%;
	min-height:270px;
}
#menu-blk-item h4{
	font-size: 14px;
	text-align: left;
}
#menu-blk-item p{
	line-height:17px;
	font-size: 11px;
	text-align: left;
}
#menu-blk-item ul li{
	list-style-type: square;
	line-height:17px;
	font-size: 11px;
	text-align: left;
}

#menu-blk-item ul{
	padding-left:15px;
}
/*商品一覧*/

}

/*========== テーブル レスポンシブ ==========*/
table.facilities   {
  border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	margin: 0 auto;
}
table th.facilities ,
table td.facilities  {
  padding: 10px;
  border: 1px solid #999;
}
table th.facilities  {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

@media screen and (max-width: 400px) {
  table.facilities {
    border-top: 1px solid #999;
	  width: 95%;
	  margin: 0 auto;
  }
  table td.facilities {
    display: block;
    text-align: center;
  }
  table th.facilities {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
  

}

@media screen and (max-width: 600px) {
	
	
  #reserve{
	width:96%;
	max-width: 900px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:left;
}
	
	div.head_phone{
		display:none;
		float: right;
	}
		
	
	div.nav {
		display: none;
	}
	
	div.nav-top {
		display: none;
	}
	
}

@media screen and (min-width: 600px) {
	header .con_hmenu {
	float: right;
	width: 45%;
	display:none;
	}
}
/*======== テーブルレスポンシブ 価格 ==========*/
table.price {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width:  95%;
  margin:0 auto;
}
table th.price,
table td.price {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}
table th.price {
  background-color: #eee;
  text-align:  center;
}

img.price{
	max-width:250px;
}

@media screen and (max-width: 400px) {
  table.price {
    border: none;
	width: 95%;
	margin: 0 auto;
  }
  table thead.price {
    display: none;
  }
  table tr.price {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
  table td.price {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table td.price::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}


/*========== コンテンツ ==========*/
#content-kiku {
	padding:10px;
	width:100%;
	max-width:960px;
	margin:0 auto;
	clear: both;
}


#content-one {
	width:100%;
	margin:0 auto;
	max-width:960px;
	clear:both;
}

#content-one p{
	line-height:20px;
	margin-bottom:0;
}

#content-detail {
	width:100%;
	margin:0 auto;
	padding-top:10px;
	margin-top:5px;
}

#content-detail h2 {
	font-size:20px;
	margin:5px 0; 
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	
}

#content-detail h3 {
	font-size:16px;
	margin:5px 0; 
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	
}

#content-detail h4 {
	font-size:14px;
	margin:5px 0; 
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	
}



table.brwsr2 {
	clear:both;
    margin: 0 auto;
	width:96%;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
	margin-top:30px;
	margin-bottom:30px;
}
 
table.brwsr2 th {
    vertical-align: middle;
    height: 2em;
	width:30%;
    max-width: 124px;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}
 
table.brwsr2 td.data {
    padding: 0;
    margin: 0;
    height: 2em;
	width:70%;
    max-width: 100px;
    border: none;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
}

	
/* BUTTON CSS
------------------------------------------- */

a.button{
  display:inline-block;
	
	font:normal normal 300 1.2em 'Open Sans';
	text-decoration:none;	
	
	color:#036eb8;
	brackground-color:transparent;
	border:1px solid #036eb8;
	border-radius:0px;
	
	padding: .3em 1.2em;
	margin:5px;
			
	background-size: 200% 100%;	
	background-image: linear-gradient(to right, transparent 50%, #92724B 50%);
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}

a.button:hover{
	color:#fff;
	background-color:#92724B;
	background-position: -100% 100%;
}

/*========== 写真 ====*/
/*---料理ページ---*/
img.cuisin{
	width:95%;
	max-width:800px;
}
	
/*========== トップへ戻るボタン ====*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #036eb8;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
	
	
img.img-products {
	width: 50%;
	min-width: 400px;
	float: left;
	margin:0 10px 10px 0;
	}
	
	
/*========== アニメーションメニューボタン ====*/
.buttonContainer{
	max-width: 960px;
	margin: 0 auto;
	padding-left: 5px;
}
	
	.buttonContainer-tel{
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
	
	.square_btn {
    display: inline-block;
	margin-top:10px;
    padding: 0.3em 1em;
    text-decoration: none;
    color:#036eb8;
    border: solid 2px #036eb8;
    border-radius: 3px;
    transition: .4s;
	font-size: 14px;
	text-align:left;
}

.square_btn:hover {
    background: #036eb8;
    color: white;
}
	
	.square_btn_top {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #ffffff;
    border: solid 2px #ffffff;
    border-radius: 3px;
    transition: .4s;
	font-size: 10px;
}
	
	.square_btn_top:hover {
    background: #67c5ff;
    color: white;
}

	.square_btn_top_blu {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #036eb8;
    border: solid 2px #036eb8;
    border-radius: 3px;
    transition: .4s;
	font-size: 10px;
}
	
	.square_btn_top_blu:hover {
    background: #67c5ff;
    color: white;
}

/* 事業内容リスト*/
.list-product {
	list-style:square;
	font-size:14px;	
}

li.list-product{
	list-style:square;
	padding-left:10px;
}


/*google マップ 埋め込み*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
clear:both;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*メニューページCSS */
/*追加CSS メニューページ*/


.last_b{ border-bottom:#000 1px solid !important;}
.red{ color:#F00;}
#article .txt1{
	text-align:right;}
#article .txt2{
	text-align:center;}
#article .txt4{
	text-align:right;
	}
#article .txt4{
	text-align:right;
}
#article #title_content01{
	margin-bottom:20px; 
	width:100%;"
}
#article .section .txt3{
	text-align:left !important;}


#article #title_content01 .title_content01_left{
	width:16%; 
	background-color:#EFB0BF; 
	float:left; 
	color:#FFF; 
	text-align:center; 
	padding:10px 0 10px 0; 
	margin:2px;
	font-size:16px; 
}

#article #title_content01 .title_content01_left a{
	color:#fff;
	text-decoration:underline;
}

#article #title_content01 .title_content01_right{
	width:23%; 
	float:right; 
	background-color:#eb6877; 
	color:#FFF; 
	text-align:center; 
	padding:10px 0 10px 0; 
	font-size:16px;
}

#article #title_content01 .title_content01_right a{
	color:#fff;
	text-decoration:underline;
}

#article #title_content03 .title_content03_left a{
	color:#fff;
	text-decoration:underline;
}

#article .content_c1{
	margin-bottom:30px;	
}

#article .content_c1_left{
	width:328px; 
	float:left; 
	padding:10px 20px 10px 20px; 
	font-size:12px; 
	border:1px #eee solid; 
	height:70px;
}

#article .content_c1_left p{
	padding-top:10px;
}
/*  darling蠎 莉･螟 */
#article .content_c1_left img{
	float:right; 
	width:auto;
}

#article .content_c1_right{
	border:#eee 1px solid; 
	text-align:center; 
	width:328px; 
	float:right; 
	padding:15px 20px 10px 20px; 
	height:65px;
}
#article .content_c1 .txt{
	text-align:right;
}
.section{
	margin-bottom:30px;
}
.section:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}
.menu_section3{
	margin-bottom:30px;
}

.menu_section3 .menuindex h3{
	border-bottom:#000 1px solid; 
	margin:0 10px 0 10px;
	float:left;
}
.menu_section3 .menu_index .index_value dt{
	display:none;	
}

/*縲€menu section 霑ｽ險
----------------------------------------------------------------------------*/
.menu_section{
	margin-bottom:10px;
}


#article .cutmenu{
	width:100%;
}
table.cutmenu th{
	background: none repeat scroll 0 0 #E4E4E4;
	padding:6px 0 6px 10px;
}
table.cutmenu td{
   border-bottom: 1px dotted #CCCCCC;
    font-weight: normal;
	padding: 6px 0 8px 10px;}

table.menu_header td{
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 0;
}
table.menu_pc {
	border-bottom:#000 1px solid;
	margin-bottom:20px;
}

table.menu_sp{
	border-bottom:#000 solid 2px;
	margin:0 10px 0 10px;
}
table.menu_sp th{
	background:#FFF;
	border-bottom:#000 1px solid;
}
table.menu_sp td{
	border:none;
}
table.menu_sp{
	display:none;
}


#contents #contents .section{
	margin-bottom:30px;
}
#contents #title_content01:after,#contents #title_content02:after,#contents #section:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#contents #article .content_c1:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;	
}

#contents #article dl.acMenu dt{
	background-color:#E4E4E4; 
	width:100%; 
	line-height:1.8; 
    padding:7px 0 7px 15px;
	font-weight:bold;
	font-size:18px;
}
#contents #article dl.acMenu dd{
	font-size:13px;
	width:100%;
/*	padding:10px 0 10px 0;*/
}
#contents #article .menu_section2 dl.acMenu dd{
	width:100%;
}

#contents #article dl.acMenu dd.menu_index{
	width:100%;
	border-bottom:#000 1px solid;
}

#contents #article dl.acMenu dd  ul.menu_list{
	padding:6px 0 0 0;
}

#contents #article dl.acMenu dd li.left{
	float:left;
	padding:6px 	0 6px 18px;
	width:80%;
}
#contents #article dl.acMenu dd li.right{
	padding:6px 0 6px 640px;
	border-bottom:#ccc 1px dotted;
	width:20%;
}
#contents #article dl.acMenu dd li.last_b{
	border-bottom:#000 1px solid;
}

#contents #article dl.acMenu dd li.bottom{
	border-bottom:#CCC 1px dotted;
}

#contents #article dl.acMenu dd li.last{
	padding:6px 0 6px 640px;
	border-bottom:none;
}
#contents #article .menu_section2{
	margin-bottom:30px;
}

#contents #article .menu_section2 dl.acMenu dd li.right{
	border-bottom:none;
	margin-right:42px;
}

#contents #article .menu_section2 dl.acMenu dd li.bottom{
	border-bottom:#CCC 1px dotted;
	font-size:10px;
	padding-left:30px;
	padding-bottom:10px;
	padding-right:10px;
	width:700px;
}
#contents #article .menu_section2 dl.acMenu dd li.last{
	border-bottom:none;
}
#contents .section_bottom{
	padding-bottom:40px;
	margin-bottom:30px;
	border-bottom:#000 2px solid;	
}




/*  menu_section3
----------------------------------------------------------------------------*/
#contents #article dl.acMenu dt:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}
#contents #article dl.acMenu .menu_index:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#contents #article dl.acMenu dt.menu_title .left{
	float:left;
	width:40%;
	padding-right:0px;
	
}

#contents #article dl.acMenu dt.menu_title .right{
/*	float:right;*/
	font-size:12px;
/*	margin-right:16px;*/
	margin-top:7px;
	width:15%;
	padding-left:33px;
}
#contents #article dl.acMenu dt.menu_title .last{
	margin-right:0px;
}

#contents .menu_section3 dl.acMenu dd.menu_index dt{
	background:none !important; 
	border-bottom:1px #000 dotted; 
	padding:3px 0 3px 10px !important;
}
#contents .menu_section3 dl.acMenu h3{
	float:left;
	padding:10px 30px 10px 15px;
	width:35%;
}

#contents .menu_section3 dl.acMenu .index_value {
	height: 40px;
padding: 4px 0 0 2%;
border-bottom:#000 1px dotted;
}

#contents .menu_section3 dl.acMenu .right{
	float:left;
}
.menu_section3 .red{
	text-align:right;
}

.menu_section3{
	margin-bottom:30px;
}

.menu_section3 .menuindex h3{
	border-bottom:#000 1px solid; 
	margin:0 10px 0 10px;
	float:left;
}
.menu_section3 .menu_index .index_value dt{
	display:none;	
}

/*縲€menu section title
----------------------------------------------------------------------------*/

#article #title_content02{
	margin-bottom:15px;
	position:relative;
}

#article #title_content02 h2{
	font-size:20px; 
	float:left; 
	color:#000; 
	margin-right:20px;
	margin-left:15px;
	background:none;
}
#article #title_content02 p.txt1{
	position:absolute;
	top:0%;
	left:20%;
	text-align:left;
}
#article #title_content02 p.txt2{
	position:absolute;
	top:25%;
	left:20%;
}

/*縲€menu section
----------------------------------------------------------------------------*/

table.cutmenu th{
	background: none repeat scroll 0 0 #ccc;
	    padding: 6px 0 8px 15px;
}
table.cutmenu td{
   border-bottom: 1px dotted #CCCCCC;
    font-weight: normal;
	padding: 6px 0 8px 15px;}

.section{
	margin-bottom:30px;
}
#contents #title_content01:after,#contents #title_content02:after,#contents #section:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#contents #article .content_c1:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;	
}

#contents #article dl.acMenu dt{
	background-color:#E4E4E4; 
	width:100%; 
	line-height:1.8; 
    padding:6px 0 8px 15px;
	font-weight:bold;
	font-size:18px;
}
#contents #article dl.acMenu dd{
	font-size:18px;
/*	padding:10px 0 10px 0;*/
}


#contents #article dl.acMenu dd.menu_index{
	width:100%;
	border-bottom:#000 1px solid;
}

#contents #article dl.acMenu dd  ul.menu_list{
	padding:6px 0 0 0;
}

#contents #article dl.acMenu dd li.left{
	float:left;
	padding:6px 0 6px 18px;
	width:80%;
	list-style:none;
	line-height:2;
}
#contents #article dl.acMenu dd li.right{
	padding:6px 0 6px 70%;
	border-bottom:#ccc 1px dotted;
	width:100%;
	list-style:none;
	line-height:2;
}
#contents #article dl.acMenu dd li.last_b{
	border-bottom:#000 1px solid;
}

#contents #article dl.acMenu dd li.bottom{
	border-bottom:#CCC 1px dotted;
}

#contents #article dl.acMenu dd li.last{
	padding:6px 0 6px 640px;
	border-bottom:none;
}
#contents #article .menu_section2{
	margin-bottom:30px;
}

#contents #article .menu_section2 dl.acMenu dd li.right{
	border-bottom:none;
	margin-right:42px;
}

#contents #article .menu_section2 dl.acMenu dd li.bottom{
	border-bottom:#CCC 1px dotted;
	font-size:10px;
	padding-left:30px;
	padding-bottom:10px;
	padding-right:10px;
	width:700px;
}
#contents #article .menu_section2 dl.acMenu dd li.last{
	border-bottom:none;
}
#contents .section_bottom{
	padding-bottom:40px;
	margin-bottom:30px;
	border-bottom:#000 2px solid;	
}

/*縲€coupon
----------------------------------------------------------------------------*/
#contents .coupon_c:after,
#contents .coupon_c2:after,
#contents .coupon_c3:after,
#contents .coupon_c4:after{
		clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;	
}

#contents .coupon{
	border:#CCC 15px solid; 
	padding:20px;
	font-size:12px;
	line-height:18px;
	line-height:24px;
	margin-bottom:50px;
}
#contents .coupon_c{
	border-bottom:#000 1px solid; 
	padding-bottom:15px; 
	margin-bottom:15px;
}
#contents .coupon_c h3,
#contents .coupon_c2 h3,
#contents .coupon_c3 h3,
#contents .coupon_c4 h3{
	padding:5px 0 10px 30px; 
	background:url(/shop/harajuku/img/ico-shop_menu01.gif) no-repeat; 
	background-position:left 5px;
	font-size:14px;
}
#contents .coupon_c .red,
#contents .coupon_c2 .red,
#contents .coupon_c3 .red,
#contents .coupon_c4 .red,
#contents .content04 .red{
	font-size:24px;
	font-weight:bold;
}

#contents .coupon_c2{
	border-bottom:1px #000 solid;
	margin-bottom:15px;
}
#contents .coupon_c2_inner{
	float:left; 
	margin:0 20px 15px 0; 
	width:375px;
}

#contents .coupon_c2_inner p{
	padding: 0 0 15px 0;
	border-bottom: 1px #000 solid;
	margin-bottom: 15px;
}
#contents .coupon_c2 .last{
	border:none; 
	margin-bottom:0;
}
#contents .coupon_c2_right{
	width:271px; 
	padding:75px 0 0 0; 
	float:left;
}
#contents .coupon_c3 {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px #000 solid;
}

#contents .coupon_c4 {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px #000 solid;	
}
#contents .coupon_c4 img {
	float:left; 
	padding:0 10px 0 0;
}
#contents .coupon_c4_inner {
	width:500px; 
	float:left;
}
#contents .coupon_c4_inner .small{
	font-size:10px;
}

/*   #title_content03
----------------------------------------------------------------------------*/

#article .content03_c:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;	
}
#article .tokuten:after{
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;		
}

#article #title_content03:after,
#article #section:after {
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#content #article #section {
	clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#article #title_content03{
	margin-bottom:30px; 
	width:100%;"
}

#article #title_content03 .title_content03_left{
	width:370px; 
	background-color:#EFB0BF; 
	float:left; 
	color:#FFF; 
	text-align:center; 
	padding:3px 0 3px 0; 
	font-size:14px;
}

#article #title_content03 .title_content03_right{
	width:370px; 
	float:right; 
	background-color:#eb6877; 
	color:#FFF; 
	text-align:center; 
	padding:3px 0 3px 0; 
	font-size:14px;
}
#article .content03{
	float:left;
}

#article .content04{
}

#article .content03,
#article .content04{
	border:#000 solid 2px; 
	padding:20px 0 20px 0; 
	/*width:360px;*/
}

#article .content03 h2,
#article .content04 h2{
	padding:0 0 15px 0; 
	border-bottom:#000 1px dotted; 
	text-align:center; 
	font-size:16px;"
}

#article .content03_c,
#article .content04_c{
	padding:0 20px 0 20px;
}

#article .content03_c p.bold,
#article .content04_c p.bold{
	font-weight:bold; 
	font-size:14px; 
	text-align:center;
	padding-bottom:15px;
}

#article .content03_c img{
	padding:0 0 19px 30px;
}
#article .content04_c img{
	margin-top:10px;
	margin-bottom:10px;
	margin:0 auto;
}

#article .content04_c img{
	padding-bottom:0;
}

#article .content03_c h3,
#article .content04_c h3{
	font-size:12px; 
	padding:20px 0 15px 0;
}

#article .content03_c p,
#article .content04_c p{
	font-size: 15px;
	text-align: center;
}
#article .tokuten{
	border-bottom:#000 1px solid;
	padding-bottom:40px;
	margin-bottom:10px;
}
#article a {
	color: #0000ff;
	text-decoration: underline;
}

@media screen and (max-width: 600px) {
#article #title_content01 .title_content01_left{
	width:31%; 
	background-color:#EFB0BF; 
	float:left; 
	color:#FFF; 
	text-align:center; 
	padding:10px 0 10px 0; 
	margin:2px;
	font-size:16px; 
}
}

/*メニューここまで*/

/* 共通タイトル（コンテンツページ用）
=============================================== */

#cont_title {
	overflow: hidden;
	position: relative;
	text-align: center;
	padding: 30px 0px 25px;
}
#cont_title h2 {
	margin: 0;
	text-align: center;
	font: normal 38px/1 centurygothic;
	color:#FCB4B4;
	background:none;
	border:none;
}
#cont_title p {
	font-size: 12px;
	margin: 0;
}
h3.ttl {
	margin: 40px 0px 20px;
	clear: both;
}
h3.ttl:before {
	content: "━";
	display: block;
	float: left;
	margin-right:5px;
	width: 1em;
	text-align: center;
	color: #FCB4B4;
	transform: scale( 0.6 , 1 );
}


#outline{
	width:48%;
	float:left;
}

img.outline {
	max-width:48%;
}


@media screen and (max-width: 600px) {
	#outline{
	width:100%;
	}

img.outline {
	max-width:100%;
}
}


/*サロンコンセプトページ*/
#salon{
	max-width:1000px;
	margin:0 auto;
}

#salonconcept{
font-family: Times,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","Takao P明朝","TakaoPMincho",serif;
font-size: 17px;
line-height: 1.9;
text-align:center;
margin-bottom:1.5em;
}

#salon #saloninfo {
	text-align:center;
	margin-bottom:60px;
}

#salon #visual {
	margin-bottom:60px;
}

#salon #outline {
  width: 490px;
  float: left;
  font-size:14px;
  margin-bottom: 60px;
}

#salon #outline h2 {
	font-weight:normal;
	font-size:19px;
	padding:0;
}

#salon #outline p {
	line-height: 2;
}
#salon  #photogallery {
	width: 500px;
	float: right;
	overflow: hidden;
	height: 325px;
	margin-bottom: 60px;
}
#salon #photogallery ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 525px;
}
#salon #photogallery li {
	float: left;
	margin: 0 25px 25px 0;
}
#salon #photogallery li img {
	width: 150px;
	height: 150px;
}

#salon #detailsWrap {
	background: #f6f3ee;
	overflow: hidden;
/*	padding-left: 500%;
	padding-right: 500%;
	margin: 0 -500% 50px;*/
	clear: both;
}

#salon #details {
	width: 460px;
	float: left;
	clear: both;
	overflow: hidden;
	padding: 60px 0px;
}
#salon #details #btn {
	overflow: hidden;
	margin-bottom:30px;
}
#salon #details #btn li {
	display:inline;
}
#salon #details  h2 {
	font-size: 16px;
	margin: 0px 0px 20px;
}
#salon #details p {
	margin: 0px;
	font-size: 13px;
}
#salon #details figure {
	margin: 0px 0px 25px 20px;
}
#salon #details figure img{
	max-width:440px;
}
#salon #details dl {
	margin: 0px;
	font-size: 13px;
	padding-left: 20px;

}
#salon #details dt {
	margin: 0px;
	padding: 0px;

}
#salon #details dt:before {
	content: "―";
	display: block;
	float: left;
	margin-left: -2em;
	width: 2em;
	text-align: center;
	color:#FCB4B4;
}
#salon #details dd {
	margin: 0px 0px 20px;
	padding: 0px;

}
#salon #details nav {
	border-top: 1px solid #e0ddd9;
	font-size: 13px;
	padding-top: 20px;
	margin-top: 30px;
}
#salon #details nav li {
	display:inline;
	margin-right:20px;
}
#salon #accessMap {
	width: 500px;
	float: right;
}
#salon #accessMap .acf-map {
	width: 640px;
	height: 950px;
}

#salon h3.ttl {
	margin: 40px 0px 20px;
	clear: both;
	border:none;
}
#salon h3.ttl:before {
	content: "━";
	display: block;
	float: left;
	margin-right:5px;
	width: 1em;
	text-align: center;
	color:#FCB4B4;
	transform: scale( 0.6 , 1 );
}

#salon .photoList{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	clear: both;
}
#salon .photoList li{
	width: 220px;
	float: left;
	margin: 0px 40px 40px 0px;
}
#salon .photoList li:nth-child(4n+1){
	clear:both;
}
#salon .photoList figure {
	margin: 0px 0px 15px;
}
#salon .photoList figure img{
	width: 220px;
}
#salon .photoList h4{
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
}


#footer-lwr-wave{
	background-image:url(../img/img-footer.jpg);
}

/*Youtube レスポンシブル*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*注文フォーム 表示振り分け*/
@media (max-width:600px){
.shop-form-pc{
display: none;
}
}

@media (min-width:600px){
.shop-form-mb{
display: none;
}
}