@charset "utf-8";

/*************************************************
	index専用
*************************************************/



/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper{position: relative;height:100%;overflow: hidden;}
#headerimgs{}

.index-bigimg-text{position:absolute;top:44%;right: 0;left: 0;margin: 0 auto;display: table;z-index: 1;width:570px;}
.index-bigimg-text img{max-width:100%;height:auto;}

/*indexのオープニング 切り替わる背景画像 slider-pro -------------*/
/*ズームインさせる*/
#headerimgs .sp-slide{}
#headerimgs .sp-slide.sp-selected .sp-image{ -webkit-animation: anime 12s 0s;animation: anime 12s 0s;}
@keyframes anime {
  0% {transform: scale(1.1);}
	60% {transform: scale(1);}
}





/*================== マウスの形をしたスクロールダウンボタン ======================*/
.btn-scroll-box{position:absolute;bottom:50px;right:0;left:0;margin:0 auto;display:block;transition: 0.6s;z-index:1;}
.btn-scroll-box:hover{opacity:0.5;cursor: pointer;bottom:40px;}

.btn-scroll-box a {position: absolute;opacity:0.8;padding-top: 42px;left:48.8%;z-index: 2;display: inline-block;color: #fff;font-size: 13px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);text-decoration: none;}
.btn-scroll-box a span {position: absolute;top: 0;left: 57%;width: 23px;height: 40px;margin-left: -15px;border: 2px solid #fff;border-radius: 50px;box-sizing: border-box;}
.btn-scroll-box a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}
@keyframes sdb {
  0% {transform: translate(0, 0);opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}



/*/////////////　ズワイガニ　//////////////////////////////*/
.section#zuwai{background-color: #333;padding: 50px 0 5px 0;color: #fff;}
.section#zuwai .container{}


/* ----ズワイガニ----- */
.zuwai-ph1{background:url(../img/zuwai_ph1.jpg) no-repeat center center;background-size:cover;width:100%;height:500px;text-indent:-8989px;display:block;overflow:hidden;margin: 70px 0 80px 0;}
			
.matubagani-box{margin:50px auto 60px auto;max-width:1580px;padding:0 20px;}
.matubagani-box-inner{background-color:#000;color:#fff;max-width:1360px;margin:0 auto 30px auto;padding: 60px 60px 60px 30px;}
				
.matubagani-box-inner dl{}
.matubagani-box-inner dl dt{float:left;width:34%;text-align:center;font-family: source-han-serif-japanese,serif;font-weight: 500 !important;font-style: normal;font-size: 190%;line-height:1;letter-spacing: 0.5em;padding-top: 56px;}
.matubagani-box-inner dl dt span{position:relative;display: inline-block;text-indent: 0.5em;}
.matubagani-box-inner dl dt span:after{position: absolute;left: 0;right:0;content: '';width: 150px;height: 1px; background-color: #aaa;bottom: -27px;margin: 0 auto;}
.matubagani-box-inner dl dd{padding:0px 0 0 36%;font-family: source-han-serif-japanese,serif;font-weight: 300 !important;font-style: normal;font-size: 115%;line-height: 2em;letter-spacing: 0.15em;opacity: 0.9;}
.matubagani-box-inner dl dd .midashi{font-family: source-han-serif-japanese,serif;font-weight: 600 !important;font-style: normal;font-size: 160%;line-height:1;color:#ff4000;letter-spacing: 0.08em;padding-bottom: 10px;
		text-shadow: 
		rgba(255,255,255,0.5) 2px 0px 1px, rgba(255,255,255,0.5) -2px 0px 1px,
		rgba(255,255,255,0.5) 0px -2px 1px, rgba(255,255,255,0.5) -2px 0px 1px,
		rgba(255,255,255,0.5) 2px 2px 1px, rgba(255,255,255,0.5) -2px 2px 1px,
		rgba(255,255,255,0.5) 2px -2px 1px, rgba(255,255,255,0.5) -2px -2px 1px,
		rgba(255,255,255,0.5) 1px 2px 1px, rgba(255,255,255,0.5) -1px 2px 1px,
		rgba(255,255,255,0.5) 1px -2px 1px, rgba(255,255,255,0.5) -1px -2px 1px,
		rgba(255,255,255,0.5) 2px 1px 1px, rgba(255,255,255,0.5) -2px 1px 1px,
		rgba(255,255,255,0.5) 2px -1px 1px, rgba(255,255,255,0.5) -2px -1px 1px,
		rgba(255,255,255,0.5) 1px 1px 1px, rgba(255,255,255,0.5) -1px 1px 1px,
		rgba(255,255,255,0.5) 1px -1px 1px, rgba(255,255,255,0.5) -1px -1px 1px;}

.matubagani-box-inner dl dt.beni{letter-spacing: 0.2em;padding-top: 78px;}
.matubagani-box-inner dl dt.beni span{text-indent: 0.2em;}
.matubagani-box-inner dl dt.beni span:after{background-color:#e46767;}

.matubagani-box ul{}
.matubagani-box ul li{display: inline-block;width: 23%;vertical-align: top;margin: 0 0.8% 20px 0.8%;}
.matubagani-box ul li .menu-ph img{max-width:100%;height:auto;}
.matubagani-box ul li .menu-title{font-family: source-han-serif-japanese,serif;font-weight: 400 !important;font-style: normal;font-size:130%;margin:12px 0 16px 0;letter-spacing: 0.4em;}
.matubagani-box ul li .menu-com{font-size:96%;letter-spacing: 0.1em;font-family: source-han-serif-japanese,serif;font-weight: 300 !important;font-style: normal;line-height: 1.6;color: #ddd;}




/*/////////////　コンセプト　//////////////////////////////*/
/*body#home .section:first-child{padding-top:0;}*/
.container.concept{background:url(../img/index_concept_bg.jpg) no-repeat left 0;height:352px;}

.index-concept-box{margin-top: 125px;}
.index-concept-title{font-size:444%;line-height:1.1;text-align:center;letter-spacing: 0.1em;}
.index-concept-title span{display: block;font-size: 23%;letter-spacing: 0.2em;margin-top: 10px;}
/*.index-concept-com{font-size: 136%;text-align: center;margin-top:30px;line-height: 1.8;color: #000;}*/



/*/////////////　特別バナー　//////////////////////////////*/
.section#tokubetu{background-color: #333;color: #fff;}

/* ----本物宣言----- */
dl.honmono-dl{margin-top: 110px;}
dl.honmono-dl dt{float: left;width: 43%;}
dl.honmono-dl dd{padding: 30px 0 0 43%;text-align: center;}
dl.honmono-dl dd .midashi{font-family: source-han-serif-japanese,serif;font-weight: 400 !important;font-style: normal;letter-spacing: 0.4em;font-size: 200%;}
dl.honmono-dl dd .icon{margin:12px 0 18px 0;}
dl.honmono-dl dd .icon img{width:26px;height:auto;}
dl.honmono-dl dd .com{font-family: source-han-serif-japanese,serif;font-weight: 300 !important;font-style: normal;font-size: 110%;line-height: 2.2;letter-spacing: 0.1em;}
				
.honmono-com2{font-family: source-han-serif-japanese,serif;font-weight: 400 !important;font-style: normal;margin: 45px 3%;letter-spacing: 0.1em;line-height: 2.2em;font-size: 110%;}

ul.honmono-ul{text-align: center;max-width: 1300px;margin: 0 auto;}
ul.honmono-ul li{display: inline-block;margin: 0 auto 50px auto;}


ul.index-tokubetu-box{text-align:center;max-width:829px;margin: 0 auto;}
ul.index-tokubetu-box li{margin-top:40px;background:#000 url(../img/pdf_bg.png) no-repeat center center;padding: 0 !important;}
ul.index-tokubetu-box li.no-pdf{background-image:none;}
ul.index-tokubetu-box li a span{display:inline-block;background:url(../img/icon_pdf.gif) no-repeat 0 center;color:#fff;font-size:122%;line-height:1.1;padding:10px 0 10px 30px;}
ul.index-tokubetu-box .com{margin-top:8px;text-align:left;line-height: 1.6;}
/*IE8以上*/
ul.index-tokubetu-box li a span{padding:11px 0 9px 30px\0;}
ul.index-tokubetu-box li img{width:100%;height:auto;}

.index-lunch-com{margin: 10px auto 0 auto;max-width: 970px;font-size: 115%;line-height: 1.5;/*color:#000;*/}


/*動画-----------*/
/*サーバー内埋め込み*/
#index-movie-box {margin: 0 auto 50px auto;max-width: 850px;padding: 0 10px;}
.index-movie{position: relative;height: 0;padding-bottom:56.3%;}
.index-movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-movie video	{position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;}



/*/////////////　ページ上部のチラシ　//////////////////////////////*/
.index-menu-midashi{margin:12px auto 20px auto;max-width: 970px;font-size:135%;line-height: 1.3;text-align: center;color:#fff;font-family: source-han-serif-japanese,serif;font-weight: 500;}



/*/////////////　お昼のお品書き　//////////////////////////////*/
/*header固定の分をずらす#アンカー*/
body#home #lunch{padding-top:80px;margin-top:-80px;}

#lunch-sec.section{background-color:#ff6e49;padding: 90px 0 50px 0;}

.lunch-title{background-color:#d81f1c;box-shadow: 0 0 0 1px #ffa09b, 0 0 0 6px #d81f1c;height:70px;margin-bottom:20px;}
.lunch-title ul{text-align:center;margin-top: -15px;}
.lunch-title ul li{display:inline-block;vertical-align:middle;}
.lunch-title ul li.rogo img{width:100px;margin-right:35px;}
.lunch-title ul li.title{font-size:243%;line-height:1.0;color:#fff;letter-spacing: 0.15em;margin:-2px 30px 0 0;}
.lunch-title ul li.cap{font-size:129%;line-height:1.0;color:#fff;letter-spacing:0.5em;width:150px;text-indent: 0.5em;opacity: 0.8;}

.lunch-title ul li.cap p{display: flex;	align-items: center;}
.lunch-title ul li.cap p:before,
.lunch-title ul li.cap p:after {content: "";flex-grow: 1;height: 1px;background: #fff;display: block;margin-top: 2px;}
.lunch-title ul li.cap p:before {}
.lunch-title ul li.cap p:after {margin-left: .2em;}

.zeinuki-com{font-size: 79%;line-height: 1.0;color: #fff;text-align: right;margin-top: 0;width: 940px;margin: -7px auto 20px auto;}


ul.index-lunch-box{text-align:center;max-width:780px;margin:0 auto 0 auto !important;}
ul.index-lunch-box li{margin-bottom:20px;background:#000 url(../img/pdf_bg.png) no-repeat center center;padding: 0 !important;}
ul.index-lunch-box li a span{display:inline-block;background:url(../img/icon_pdf.gif) no-repeat 0 center;color:#fff;font-size:122%;line-height:1.1;padding:10px 0 10px 30px;}
ul.index-lunch-box li img{width:100%;height:auto;min-height: 145px;}

.lunch-btn a{background:url(../img/btn_lunch.jpg) no-repeat;width:450px;height:80px;text-indent:-8989px;display:block;overflow:hidden;margin: 20px auto 20px auto;}
.lunch-btn a:hover{opacity:0.6;}







/*/////////////　夜のお品書き　//////////////////////////////*/
/*header固定の分をずらす#アンカー*/
body#home #dinner{padding-top:80px;margin-top:-80px;}

#dinner-sec.section{background-color:#333;}
/*
.dinner-title{background:url(../img/dummy_dinner.gif) no-repeat center 0;height:107px;text-indent: -8989px;display: block;overflow: hidden;margin-bottom:20px;}
*/

.dinner-title{background-color:#000;box-shadow: 0 0 0 1px #e0ce90, 0 0 0 6px #000;height:70px;margin-bottom:20px;}
.dinner-title ul{text-align:center;margin-top: -15px;}
.dinner-title ul li{display:inline-block;vertical-align:middle;}
.dinner-title ul li.rogo img{width:100px;margin-right:35px;}
.dinner-title ul li.title{font-size:243%;line-height:1.0;color:#fff;letter-spacing: 0.15em;margin:-2px 30px 0 0;}
.dinner-title ul li.cap{font-size:129%;line-height:1.0;color:#fff;letter-spacing:0.5em;width:165px;text-indent: 0.5em;opacity: 0.8;}

.dinner-title ul li.cap p{display: flex;	align-items: center;}
.dinner-title ul li.cap p:before,
.dinner-title ul li.cap p:after {content: "";flex-grow: 1;height: 1px;background: #fff;display: block;margin-top: 2px;}
.dinner-title ul li.cap p:before {}
.dinner-title ul li.cap p:after {margin-left: .2em;}


ul.index-lunch-box.dinner li{background-color:#847049;}

.index-dinner-com{margin: -10px auto 30px auto;max-width: 970px;font-size: 115%;line-height: 1.5;color:#ddd;}

.dinner-btn a{background:url(../img/btn_dinner.jpg) no-repeat;width:450px;height:80px;text-indent:-8989px;display:block;overflow:hidden;margin: 20px auto 20px auto;}
.dinner-btn a:hover{opacity:0.6;}


.dinner-enkai-bar{border:1px solid #dfce8e;background-color:#000;color:#fff;text-align:center;font-size: 258%;line-height: 1.2;padding: 10px 0 12px 0;margin:90px auto 20px auto;letter-spacing: 0.15em;width: 80%;font-weight: bold !important;}

.dinner-oshina-bar{border:1px solid #dfce8e;background-color:#000;text-align:center;padding: 10px 0 12px 0;margin: 50px auto 20px auto;width: 1000px;}

.oshina-cont{border-top:1px dotted #999;margin-top:30px;}
.oshina-cont-midashi{font-size:222%;text-align:center;letter-spacing:0.2em;color:#fff;line-height: 1.1;padding-top:25px;}

ul.oshina-ul{text-align:center;}
ul.oshina-ul li{margin-top:25px;}

.dinner-etc-com{margin-top:30px;text-align:center;color:#fff;font-size:100%;line-height:1.3;}








/*/////////////　TOPのお知らせ　//////////////////////////////*/
h2.index-midashi1{font-size: 243%;line-height: 1.0;color:#000;letter-spacing: 0.4em;text-align: center;margin-bottom: 40px;}

/*中ページのお知らせ一覧も共通---*/
.news-list-cont{width:1060px;font-size:100%;}
.news-list-cont article{display: inline-table;vertical-align: top;height: 330px;margin-bottom: 50px;border-bottom: 1px solid #ccc;}

dl.index-news-dl{width:200px;padding:0;display: inline-block;position: relative;margin-right: 60px;}
dl.index-news-dl a dt{width:200px;height:150px;background-image:url(../img/news_default_img.gif) ;background-size:cover !important;background-position: center center;background-repeat: no-repeat;}
dl.index-news-dl a dd{width:200px;text-align: left;margin-top:8px;color:#444;}

dl.index-news-dl a dd .index-news-date{float:left;font-size: 64%;line-height: 1;color: #666;margin-top: 3px;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-date{margin-top:2px\0;}

dl.index-news-dl a dd .index-news-date img{margin: -4px 0 0 5px;display: inline;}
dl.index-news-dl a dd .index-news-category{float:right;line-height:1.0;}
dl.index-news-dl a dd .index-news-category img{width:60px;height:auto;}

dl.index-news-dl a dd .index-news-midashi1{margin:7px 0 10px 0;font-size:100%;font-weight:bold;color:#444;line-height:1.3;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-midashi1{margin:9px 0 9px 0\0;}

dl.index-news-dl a dd .index-news-com1{font-size:77%;line-height:1.5;color: #666;}
dl.index-news-dl a dd .index-news-com1 span{text-decoration: underline;}

dl.index-news-dl a:hover{opacity: 0.6;text-decoration:none !important;}
dl.index-news-dl a:hover dd .index-news-date{color:#a97a2c;}
dl.index-news-dl a:hover dd .index-news-midashi1{color:#a97a2c;text-decoration:underline;}
dl.index-news-dl a:hover dd .index-news-com1{color:#a97a2c;}

/*ここ以下は、TOP専用のお知らせ一覧---*/
body#home .news-list-cont article{height:300px;margin-bottom:25px;border-bottom:none;}

.news-ichiran{width:230px;margin:0 auto 0 auto;}
.news-ichiran a{font-size: 100%;color:#fff;line-height: 1.1;padding: 7px 0 9px 0;background:#000 url(../img/arrow_white9-9.png) no-repeat 15px center;text-align: center;display: block;letter-spacing: 0.3em;}
.news-ichiran a:hover{color:#fff;background:#999 url(../img/arrow_white9-9.png) no-repeat 15px center;text-decoration:none;}

body#home .news-list-cont{width:100%;text-align: center;}
body#home dl.index-news-dl {margin:0 17px;}