@charset "utf-8";
/* レイアウトサイズ

    　　　1100px
	
┏━━━━━━━━━━━━━━━━━━━━━┓
┃                　　　┃
┃                　　　┃
┃                　　　┃
┃                　　　┃



*/

/*
肌色 #fdbbb8
肌色ハイライト #fad7d6
on肌色テキスト #cf736f
基本テキスト #321817
*/


/* web fonts
======================================================= */


/*===================================================== */
/* html tags
======================================================= */
html{
	height: 100%;
	margin-bottom: 1px;
}
body {
	position: relative;
	text-align:left;
	padding:0;
	margin:0px auto;
	line-height:1.5;
	background:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: 'Noto Serif Japanese',serif;
	font-size: 18px;
	overflow-x:hidden;
}
body a{
	text-decoration:none;
	color:#2e0303;
}
body a:hover{
	color:#520707;
	text-decoration:underline;
}
h1,h2,h3{
	margin:0;
	padding:0;
}
h2{
	margin:0 auto 30px;
	padding:0;
	text-align:center;
}
h3{}
p,ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
img{
	border:0;
}
th,td{
	font-size:14px;
}

/*ユーティリティ*/

/*【clearfix決定版】*/
#overframe:after,#container:after,.section:after,.inner:after,#navi:after,#footer .footMenu:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
.clearfix:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
/*【clearfix for IE7 over】*/
.clearfix_for_ie7{zoom: 1;}

.sunday{
	color: #DF0F13;
}
.saturday{
	color:#0744E9;
}
.theday{
	color:#DD5900;
}


.section{width:auto;}    /*囲み*/
/*.box{float:left;}　     /*float用小枠*/
.left{float:left;}　　 /*左寄せ*/
.right{float:right;}　/*右寄せ*/
.clear{clear:both;}　/*解除*/

.circle{     /*角丸*/
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
}

/* ご利用20分前に要電話 */
.calling{
	margin: 0 0 18px;
	padding:20px 14px;
	background: #3a0606;
	border:4px solid #931010;
	color: #f0f0f0;
	font-size: 20px;
	text-align: center;
}

/*NEWアイコン*/
.img .new{
	position: absolute;
	top:0;
	right:0;
	z-index:90;
	width:52px;
}
.img .new img{
	width:100%;
}
/* 横浜店呼び出し可 */
.img .otherArea{
	position: absolute;
	bottom:58px;
	left:0px;
	z-index:90;
}
.img .otherArea img{
}
/*カテゴリアイコン*/
.img .icon_cate{
	position: absolute;
	bottom:0;
	right:0;
	z-index:90;
	width:60px;
}
.img .icon_cate img{
	width:100%;
}
/*タイプアイコン*/
.img .attribute{
	position: absolute;
	bottom:0;
	left:-5px;
	z-index:90;
	width:90px;
}
.img .attribute img{
	width:100%;
}

/* 待機店舗アイコン */
.img .taiki{
	position: absolute;
	bottom:20%;
	left:5%;
	width:90%;
	z-index:91;
	text-align: center;
}
.img .taiki img{
	max-width:100%;
	border-radius:3px;
}


/*===================================================== */
/* BOX 
======================================================= */
.box{
	display: inline-block;
	width:210px;
	margin: 0 20px 25px;
	text-align: center;
}

.box .img{
	position: relative;
　width: 210px; /*ボックスの幅*/
　height: 280px; /*ボックスの高さ*/
	margin: 0 0 5px;
    overflow: hidden;
}


.box .img * {
        -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
 
.box .img img.scale-img {
    max-width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     transition: all .3s ease-out;
}
 
.box .img:hover img.scale-img,
.box .img.hover img.scale-img {
    opacity: 0.8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.box .cont{

}
.box .name a{
	font-size: 18px;
	color: #000;
}
.box .size{
	width:100%;
	margin: 0 0 3px;
	font-size: 15px;
	color:#91815a;
	text-align: center;
}
.box .size .height{
	display: inline-block;
	margin:0 5px;
}
.box .size .condition{
	display: inline-block;
}
.box .size .condition p{
	display: inline-block;
	margin:0 5px;
}
.box .catch{
	margin: 0 0 3px;
	font-size: 13px;
	color:#af8d3b;
}
.box .time{
	font-size: 14px;
	color:#ff4196;
}


/*===================================================== */
/* UTILITY
======================================================= */
.tableFrame{
	dipsplay:table;
	table-layout: auto;
	width:100%;
}
.tableCell{
	display:table-cell;
	vertical-align: top;
}


/*===================================================== */
/* BEHAVIOR
======================================================= */
.contents > h2 {
	-webkit-animation: 2.4s ease 0s 1 normal h2fadein;
	animation: 2.4s ease 0s 1 normal h2fadein;
}
@-webkit-keyframes h2fadein {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes h2fadein {0% {opacity: 0;}100% {opacity: 1;}}

#contentsContainer {
	-webkit-animation: 2.6s ease 0s 1 normal topfadein;
	animation: 2.6s ease 0s 1 normal topfadein;
}
@-webkit-keyframes topfadein {0% {opacity: 0;}28% {opacity: 0;}100% {opacity: 1;}}
@keyframes topfadein {0% {opacity: 0;}28% {opacity: 0;}100% {opacity: 1;}}


.scview {
	opacity: 0.0;
	transform: translate(0,120px);
	-ms-transform: translate(0,120px);
	-webkit-transform: translate(0,120px);
	-webkit-transition: 1.2s;
	 transition: 1.2s;
}
.scview.effect {
	opacity: 1.0;
	transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-webkit-transition: 1.2s;
	 transition: 1.2s;
}

/*===================================================== */
/* LAYOUT
======================================================= */

#wrapper{
	position:relative;
	width:100%;
	margin:auto;
	padding:0;
}
#outer{

}
#container{
	/*width:1100px;*/
	width:100%;
	position:relative;
	margin:0 auto 0px;
	padding-top:240px;
	background:url(../images/common/contents_bg.jpg) no-repeat top center fixed;
}
.contents{ 
	max-width:1350px;
	margin:0 auto 0;
	padding:0;
}
#contentsContainer{
	width:100%;
	margin:0 auto 60px;
}
#eyecatchArea{
	width:100%;
	margin:-100px auto 10px;
}
#eyecatchArea img{
	display: block;
	width:100%;
}
#pageNote{
	width:1000px;
	margin:0 auto 12px;
	padding:10px 160px;
	background:#fff;
	border: 1px solid #795602;
	box-sizing: border-box;
}

@media (max-width: 1020px) and (min-width: 768px) { /*タブレット*/

	
	#pageNote{
		margin:0 auto 12px;
		padding:10px 3%;
		background:#fff;
		border: 1px solid #795602;
		box-sizing: border-box;
	}

}


/*===================================================== */
/* DESIGN
======================================================= */


/* header
======================================================= */
h1.common{
	position:absolute;
	top:0px;
	right:30px;
	margin:auto;
	font-size: 11px;
	font-weight: 100;
	color: #bbb;
	z-index:100;
}

#header{
	position: fixed;
	top: 0px;
	left: 0px;
	clear:both;
	width:100%;
	height:190px;
	margin:0 auto 0px;
	padding:0 0;
	z-index:999;
	background:rgba(255,255,255,1);
}
#header .inner{
	position:relative;
	display: flex;
	width:90%;
	max-width:1100px;
	min-width:420px;
	margin:0 auto 6px;
	padding:0;
}
#header .left{
	width:30%;
	text-align:left;
	padding-top:10px;
}
#header .center{
	width:40%;
	text-align: center;
}
#header .right{
	width:30%;
	text-align:right;
}
#header #logo{
	padding:4px 0 0;
}
#header #logo img{
	display: block;
	width:255px;
	margin: auto;
}
#header .open{
	margin: 0 0 5px;
	padding-top:5px;
	font-size: 0.86rem;
}
#header .reserve{}
#header .reserve a{
	display: block;
	width:210px;
	padding:5px ;
	text-align: center;
	background:#4b3347;
	color:#fff;
	font-size: 13px;
	border-radius:5px;
}
#header .tel{
	line-height: 1;
}
#header .tel .main{
	margin: 0 0 10px;
	padding:0;
	font-size: 30px;
}
#header .tel .sub{
	
}

/* navi
======================================================= */
#navi {
	display: block;
	width: 100%;
	min-width:420px;
	height: 60px;
	margin: 0 auto;
	padding: 0px 0 0;
	text-align: center;
	overflow: hidden;
	background: #fff;
	z-index: 84;
}
#navi::after {
	clear: both;
	content: '';
	position: absolute;
	bottom: 68px;
	left: 0px;
	display: block;
	width: 100%;
	height: 6px;
	background:-webkit-linear-gradient(90deg,#43381e,#987d3d,#e4ca8a,#987d3d,#43381e);
	background:linear-gradient(90deg,#43381e,#987d3d,#e4ca8a,#987d3d,#43381e);
}
#navi ul{
	display: table;
	width:90%;
	/*min-width:1090px;*/
	max-width:1300px;
	min-width:420px;
	/*height: 54px;*/
	margin:0 auto 0;
	padding:0;
}
#navi li{
	display:table-cell;
}

#navi li a {
	position: relative;
	display: block;
	width: 100%;
	height: 45px;
	margin: 0 auto;
	padding: 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0.06em;
	line-height: 1.0em;
	color: #111;
	-webkit-transition: 0.8s;
	 transition: 0.8s;
	 cursor: pointer;
}
#navi li a:after {
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 1px;
	height: 6px;
	background: #fff;
}
#navi li a:hover {
	cursor: pointer;
	-webkit-transition: 0.4s;
	 transition: 0.4s;
}
#navi li a:hover:after {
	width: 100%;
	left: 0;
	background: -webkit-linear-gradient(90deg, #d6c46e, #ffffe7, #d6c46e);
	background: linear-gradient(90deg, #d6c46e, #ffffe7, #d6c46e);
	z-index: 20;
}
#navi li a img{
	min-width:auto;
	max-width:100%;
}


/* group navi
======================================================= */
#navi_group{
	width:100%;
	margin:0 auto 0px;
	padding: 0;
}
#navi_group ul{
	display: table;
	max-width:1090px;
	min-width:420px;
	margin:0 auto 0;
	padding:0;
}
#navi_group li{
	display:table-cell;
	padding:0 5px;
}
#navi_group li img{
	max-width:100%;
}


/*===================================================== */
/* side icon
======================================================= */

#sideiconArea{
	position:fixed;
	top:40px;
	
}

/*===================================================== */
/* contact 
======================================================= */

.contents .contact{
	padding:25px 0;
	
}

/*===================================================== */
/* footer
======================================================= */

#footer{
	clear:both;
	width:100%;
	display:block;
	padding: 0 0 20px;
	background:#000;
	font-family: 'Noto Serif Japanese',serif;
}

#footer #footMenu{
	max-width:1300px;
	min-width:420px;
	margin:0px auto 20px;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

/* footerInfo */

/* footer navi */

#footer #footMenu #footer_naviArea{
	width:100%;
	margin:0px auto 40px ;
	padding-top:20px ;
}
#footer #footMenu ul.footer_navi{
	text-align:center;
	margin:0 0 10px;
	
}

#footer #footMenu ul.footer_navi li{
	display: inline-block;
	margin: 0 3px 4px;
	line-height:1;
	font-size:14px;
}
#footer #footMenu ul.footer_navi li a{
	display: inline-block;
	padding:4px 14px;
	color:#fffce8;
	line-height:1;
	border-left:1px solid #676767;
}
#footer #footMenu ul.footer_navi li:nth-child(1) a{
	border: none;
}
#footer #footMenu a:visited{
	text-decoration:none;
}
#footer #footMenu a:link{
	text-decoration:none;
}
#footer #footMenu a:hover{
	background:#af992b;
}


/* ###スペシャルリンク################################################# */
#footer #footInfo{
	margin: 0 0 18px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
#footer #footInfo #footLogo{
	width:240px;
	margin:0 auto 20px;
}
#footer #footInfo #footLogo img{
	width:100%;
}

/* ###コピーライト##################################################### */
#footer #copyright{
	text-align:center;
	font-size:13px;
	color:#F3E5E5
}