/* --------------------------------------------------

ヤミツキ用賀めし「だいたや」 | layout.css
Modified 2018.07.16 MT

----------------------------------------------------- */

*{
margin:0;
padding:0;
line-height:1.6;
	
}


html{
overflow-x : hidden;
overflow-y : auto;
font-size: 62.5%;
}

body {
overflow-x : hidden;
overflow-y : auto;
color:#61584c;
font-size: 1.6rem;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
background:#604d3f;
min-width: 1040px;
-webkit-text-size-adjust: 100%;
}

a{color:#fff;text-decoration:underline;}
a:visited{color:#fff;text-decoration:underline;}
a:hover{color:#734816;text-decoration:underline;}

a img{border:0}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

p{
margin:0 0 20px 0;
}

/*--------------------------------------------------------------
common
--------------------------------------------------------------*/


header{
width:100%;
height:250px;
z-index:10000;
position:relative;
/*background: #3a2615;*/
background:url(../img/common/gold_bg.jpg) 0 0 repeat;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}  

header .inner{
position:relative;
width:1000px;
height:250px;
margin:0 auto;
}

header .inner .logomark{
position:absolute;
top:15px;left:0;
z-index:100;
}
header .inner .logomark img{
width:60px;
}

header .inner .inqbox{
position:absolute;
top:60px;left:750px;
width:250px;height:180px;
text-align:center;
color:#000;
}

header .inner .inqbox .text1{font-size:1.8rem;margin:0;}
header .inner .inqbox .text2{font-size:1.6rem;margin:0 0 10px 0;}
header .inner .inqbox .text3{font-size:1.4rem;margin:0;}
header .inner .inqbox .tel{font-size:3rem;margin:0;}


/* globalNavi
------------------------------------------------------------*/

ul#globalNavi  {
position:absolute;
left:240px;
top:40px;
width:450px;
height:180px;
margin:0 auto;
}

ul#globalNavi li {
list-style:none;
float:left;
}

ul#globalNavi li a:link, ul#globalNavi li a:visited {
width:90px; height: 180px;
display:block;
text-indent:-9999px;
text-decoration:none;
background: url(../img/common/menu.png) no-repeat 0 0;
}

ul#globalNavi li#icon1 a:hover{background-position:0 -180px;}

ul#globalNavi li#icon2 a:link, ul#globalNavi li#icon2 a:visited {background-position:-90px 0;}
ul#globalNavi li#icon2 a:hover { background-position:-90px -180px;}

ul#globalNavi li#icon3 a:link, ul#globalNavi li#icon3 a:visited {background-position:-180px 0;}
ul#globalNavi li#icon3 a:hover { background-position:-180px -180px;}

ul#globalNavi li#icon4 a:link, ul#globalNavi li#icon4 a:visited {background-position:-270px 0;}
ul#globalNavi li#icon4 a:hover { background-position:-270px -180px;}

ul#globalNavi li#icon5 a:link, ul#globalNavi li#icon5 a:visited {background-position:-360px 0;}
ul#globalNavi li#icon5 a:hover { background-position:-360px -180px;}




/*--------------------------------------------------------------
TOP
--------------------------------------------------------------*/

#top #mainvisual{
/*margin:100px 0 0 0;*/
height:550px;
background: url(../img/mainvisual/01.jpg) 0 10% / cover;
}

#top #mainvisual .inner{
	position:relative;
width:1000px;
height:440px;
margin:0 auto;
}

#top #mainvisual .inner .bnr{
	position:absolute;
	top:30px;right:0;
}



.swiper-container {
position: relative;
width: 100%;
height:440px;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background:#756457;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

position: absolute;
top:0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);

}


#top section#staffcomment{
background: #3a2615;color:#fff;
}
#top section#staffcomment .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:50px 0;
line-height:1.7;

}


#top section#staffcomment .pict {float:left;width:330px;}
#top section#staffcomment .text {float:right;width:620px;line-height:2;font-size:1.6rem;}
#top section#staffcomment .text h2 {font-size:2rem;margin:0 0 20px 0;}


#top section#party{background: url(../img/top/party_bg.jpg) no-repeat right top;height:600px;}
#top section#party .inner{position:relative;width:1000px;margin:0 auto;padding:50px 0;position:relative;}
#top section#party .detail{position:absolute;left:20px;top:300px;padding:30px;color:#542513;background-color: rgba(255,255,255,0.6);}


#top section#reserve {background:#000 url(../img/top/reserve_bg.jpg) no-repeat right top;height:500px;}
#top section#reserve .inner{position:relative;width:1000px;margin:0 auto;padding:50px 0;position:relative;}
#top section#reserve .inner h2 {font-size:3rem;margin:40px 0 20px 0;color:#e3d1bd;border-bottom:1px solid #e3d1bd;display:table;}
#top section#reserve .detail{position:absolute;left:20px;top:230px;font-size:2rem;line-height:2;color:#e3d1bd;}




#top section#recommend{
background: url(../img/top/recommend_bg.jpg) no-repeat center 0 ;
height:550px;
}
#top section#recommend .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:50px 0;
position:relative;
}
#top section#recommend h2{
position:absolute;
left:448px;top:50px;
}
#top section#recommend .detail{
position:absolute;
left:0;top:150px;
width:461px;height:142px;
padding:170px 0 0 500px;
color:#fff;
background: url(../img/top/recommend_nabe.png) no-repeat 0 0 ;
}



#top section#recommend2{
background: url(../img/top/recommend2_bg.jpg) repeat 0 0 ;

}
#top section#recommend2 .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:50px 0;
position:relative;
}
#top section#recommend2 h2{
position:absolute;
left:10px;top:50px;
}
#top section#recommend2 .detail{
text-align:center;
padding:0 0 0 0;
}


#top section#bnrArea{
background:#fff;
}
#top section#bnrArea .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:50px 0;
}

#top section#bnrArea .inner ul{list-style:none;margin:0 0 0 100px;}
#top section#bnrArea .inner ul li{display:inline;margin:0 20px 0 0;}




/*--------------------------------------------------------------
about
--------------------------------------------------------------*/

#about #container{
background:#000 ;
}	
#about #container_inner{
width:900px;
margin:0 auto;
padding:50px 0;
color:#f0e4ca;
}

#about #titleheader{background:#3c2e25 url(../img/about/titleheader.jpg) no-repeat right bottom;}	
#about #titleheader .inner{
width:900px;
height:80px;
margin:0 auto;
padding:40px 50px 10px 50px;
color:#fff;
font-size:3rem;
}

#about h2{
font-size:2.6rem;
line-height:1;
font-weight:normal;
padding:13px 20px 10px 20px;
margin: 0 0 20px 0;
color:#604d3f;
background:#e3cfae;
}

#about #container_inner img{
float:left;
margin:0 30px 0 0;
}



/*--------------------------------------------------------------
menu
--------------------------------------------------------------*/

#menu #container{
background:#000 ;
}	
#menu #container_inner{
width:1000px;
margin:0 auto;
padding:50px 0;
color:#f0e4ca;
}

#menu #titleheader{background:#3c2e25 url(../img/about/titleheader.jpg) no-repeat right bottom;}	
#menu #titleheader .inner{
width:900px;
height:80px;
margin:0 auto;
padding:40px 50px 10px 50px;
color:#fff;
font-size:3rem;
}

#menu h2{
font-size:2.6rem;
line-height:1;
font-weight:normal;
padding:13px 20px 10px 20px;
margin: 0 0 20px 0;
color:#604d3f;
background:#e3cfae;
}

#menu #container_inner img{

}


/*--------------------------------------------------------------
gallery
--------------------------------------------------------------*/

#gallery #container{
background:#000 ;
}	
#gallery #container_inner{
width:940px;
margin:0 auto;
padding:50px 0;
color:#f0e4ca;
}

#gallery #titleheader{background:#3c2e25 url(../img/about/titleheader.jpg) no-repeat right bottom;}	
#gallery #titleheader .inner{
width:900px;
height:80px;
margin:0 auto;
padding:40px 50px 10px 50px;
color:#fff;
font-size:3rem;
}

#gallery h2{
font-size:2.6rem;
line-height:1;
font-weight:normal;
padding:13px 20px 10px 20px;
margin: 0 0 20px 0;
color:#604d3f;
background:#e3cfae;
}

#gallery #container_inner ul{list-style:none;width:940px;}
#gallery #container_inner ul li{float:left;margin:0 20px 0 0;}
#gallery #container_inner ul li img{width:300px;}
#gallery #container_inner ul li:last-child{margin:0}


/*--------------------------------------------------------------
access
--------------------------------------------------------------*/

#access #container{
background:#000 ;
}	
#access #container_inner{
width:900px;
margin:0 auto;
padding:50px 0;
color:#fff;
}

#access #titleheader{background:#3c2e25 url(../img/about/titleheader.jpg) no-repeat right bottom;}	
#access #titleheader .inner{
width:900px;
height:80px;
margin:0 auto;
padding:40px 50px 10px 50px;
color:#fff;
font-size:3rem;
}

#access h2{
font-size:2.6rem;
line-height:1;
font-weight:normal;
padding:13px 20px 10px 20px;
margin: 0 0 20px 0;
color:#604d3f;
background:#e3cfae;
}

#access #container_inner img{
float:left;margin:0 30px 0 0;
}




/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/

footer{
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer .inner{
color:#fff;
padding:50px 0;
margin:0 auto 0 auto;
width:1000px;
position:relative;
text-align:center;
font-size:1.2rem;
}

footer .inner img{}

.tabelog {width:130px;margin:0 0 0 20px;}
.insta {width:30px;}

footer address{
display:block;
text-align:center;
margin:10px 0 0 0;
font-size:1.1rem;
font-style:normal;
letter-spacing:2px;
}

footer .inner small{
display:block;
text-align:center;
margin:10px 0 0 0;
font-size:1.1rem;
letter-spacing:2px;
}

footer .inner ul.linkL{
list-style:none;
margin:0 0 20px 0;
position:absolute;
left:500px;top:0;
}
footer .inner ul li.linkL{

}

footer .inner ul.linkR{
list-style:none;
margin:0 0 20px 0;
position:absolute;
left:700px;top:0;
}
footer .inner ul li.linkR{

}


footer a{color:#fff;}
footer a:visited{color:#fff;}
footer a:hover{color:#fff;}



/* Pager
---------------------------------------------------------------------------- */
#pagerCont {
position: relative;
overflow: hidden;
margin: 10px;
}

ul.pager {
position: relative;
left: 50%;
float: left;
list-style:none;
}

ul.pager li {
position: relative;
left: -50%;
float: left;
margin-right: 5px;
border: 1px solid #ff7b00;
font-weight: bold
}

ul.pager li.prev,
ul.pager li.next { border: none }

ul.pager li a {
position: relative;
display: block;
padding: 3px 8px;
color: #ff7b00;
}

ul.pager li a:link,
ul.pager li a:visited { text-decoration: none }

ul.pager li a:hover,
ul.pager li a:active {
color:#fff;
background-color: #ff7b00;
text-decoration: none;
}

ul.pager li em {
display: block;
padding: 3px 8px;
background: #ff7b00;
color: #FFFFFF;
}



/* Color Stock 
---------------------------------------------------------------------------- */

.red{color:#F00;}
.orange{color:#F60;}
.brown{color:#960;}
.pink{color:#e47fcd;}
.green{color:#1fad70;}
.violet{color:#8e779f;}

/* etc
---------------------------------------------------------------------------- */

.clearfix:after {
content:".";
/*height:0;*/
clear:both;
display: block;
visibility:hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}	

*:first-child+html .clearfix{/*for IE7*/
height:1%;
}

br{letter-spacing: 0px;}
.clr{clear:both;}
.fs12{font-size:12px}
.fs11{font-size:11px}
.fs10{font-size:10px}

.mt5  {margin: 5px 0 0 0;}
.mt10 {margin: 10px 0 0 0;}
.mt20 {margin: 20px 0 0 0;}	
.ml5  {margin: 0 0 0 5px;}
.ml10 {margin: 0 0 0 10px;}	
.ml20 {margin: 0 0 0 20px;}		
.ml30 {margin: 0 0 0 30px;}		
.mb5  {margin: 0 0 5px 0;}	
.mb10 {margin: 0 0 10px 0;}
.mb20 {margin: 0 0 20px 0;}
.mtb5 {margin:5px 0;}	
.mtb10 {margin:10px 0;}
.mtb20 {margin:20px 0;}
.m20 {margin:20px;}
.hidden {display:none;}