@charset "utf-8";
/*###########################################################

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1300px) {
	/*index上部の切り替わる背景画像-----------------------*/
	.index-bigimg-text {width: 470px;}
}




@media screen and (max-width: 1200px) {
	/*/////////////　ズワイガニ　//////////////////////////////*/
/* ----本物宣言----- */
	ul.honmono-ul li {width: 30%;}
	ul.honmono-ul li img{max-width:100%;height:auto;}
}




@media screen and (max-width: 1050px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	ul#yoko-menu li.yokomenu1{display: none;}
}





@media screen and (max-width: 1012px) {
	img{max-width: 100%;height: auto;width /***/:auto;　}
	.container{width:98%;margin:0 auto;text-align:left;padding:0;}

	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	.head-cont{width:100%;}	
	
	/* ==================== 全ページ共通の横メニュー ==================== */
	.yokomenu-bg{width:98%;}

	/*/////////////　ズワイガニ　//////////////////////////////*/
	/* ----ズワイガニ----- */
	.section#zuwai {padding: 100px 0 10px 0;}
	.zuwai-ph1 {height: 370px;}
	.matubagani-box-inner dl dt {float: none;width: 100%;padding-top: 0;}
	.matubagani-box-inner dl dt span::after {bottom: -19px;}
	.matubagani-box-inner dl dd {padding: 0;margin-top: 40px;}
	.matubagani-box-inner {padding: 45px 30px 30px 30px;}
	.matubagani-box ul {max-width: 830px;margin: 0 auto;}
	.matubagani-box ul li {width: 43%;margin: 0 3% 41px 3%;}
	.matubagani-box ul li .menu-title {margin: 12px 0 5px 0;}
	.matubagani-box-inner dl dt.beni {padding-top:0;}
}




@media screen and (max-width: 970px) {
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	#header {height: 65px;border-bottom: 1px solid #c3a66f;}
	.header-logo a{width: 120px;height: 120px;background-size: 120px;}
	
	.head-tel-cont {margin:19px 80px 0 0;}
	.head-tel-cont ul li.blog{display:none;}
	
	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:absolute;z-index:700;top:13px;right:6px;background:url(../img/header_menu.png) no-repeat 0 0;width:54px;height:40px;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -40px;}

	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	/*#navi_sp {display:none;width:100%;background-color:#fde6ed;filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;position:absolute;z-index:400;margin-top:-35px;padding-bottom:15px;}--固定しない*/
	/*#navi_sp {display: none;width: 100%;position: fixed;z-index: 400;padding-top: 32px;width:85%;overflow-y: scroll;right: 0;height: 100%;top: 0;}--固定で幅85%*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:350;overflow-y: scroll;height:100%;right: 0;padding-top:26px;background-color:#000;filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:60px 10px 0 10px;list-style:none none outside;background-image:none;background-color:#000;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 25px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size: 115%;color: #fff;text-decoration: none;line-height:0.8;}
	#navi_sp ul#yoko-menu-sp li a span{display: block;font-size: 50%;color: #bbb;letter-spacing: 0.1em;padding-top:4px;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	#navi_sp ul#yoko-menu-sp li.naka-kuwashii{margin-top:15px;}
	#navi_sp ul#yoko-menu-sp li.naka-kuwashii a{border:1px solid #aaa;}
	#navi_sp ul#yoko-menu-sp li.naka-kuwashii a:hover{background-color:#666;border-color:#aaa;}
	#navi_sp ul#yoko-menu-sp li.naka-kuwashii a:hover::before,
	#navi_sp ul#yoko-menu-sp li.naka-kuwashii a:focus::before,
	#navi_sp ul#yoko-menu-sp li.naka-kuwashii a:hover::after,
	#navi_sp ul#yoko-menu-sp li.naka-kuwashii a:focus::after {background-color:#666;}


	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:12px;}
	#navi_sp ul#yoko-menu-sp li.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;padding-left:12px;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid #9e9494;border-bottom: 1px solid #9e9494;margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width: 290px;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

	/*サブメニューの閉じる
	#navi_sp ul#yoko-menu-sp .sn_close{margin:0 0 0px 0;}
	#navi_sp ul#yoko-menu-sp .sn_close a{color:#fff;padding:11px 10px 11px 25px;display:block;background:#555 url(../img/header_menu_close.gif) no-repeat right center;cursor: pointer;}
	#navi_sp ul#yoko-menu-sp .sn_close a:hover{background-color:#111;opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
	*/
	/*subsubmenu
	#navi_sp ul#yoko-menu-sp ul.sub ul.children{display:block !important;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li a{text-indent:30px;}
	*/

	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 5px 0 25px 0;background-color:#000;}
	#navi_sp p#menuclose a{font-size:115%;color:#FFF;padding:12px 0;line-height: 1.0;display: block;background:#444 url(../img/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width: 290px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}
	
	
	/*/////////////　お昼のお品書き　//////////////////////////////*/
	.zeinuki-com {width: 98%;}
}




@media screen and (max-width: 910px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	/*HOHEマークボタンを非表示*/
	ul#yoko-menu li.yokomenu1{display:none;}
}




@media screen and (max-width: 860px) {
	/*/////////////　コンセプト　//////////////////////////////*/
	.container.concept {height: 270px;background-size: 270px;}
	.index-concept-box {margin-top:80px;}
	.index-concept-title {font-size:400%;}
	.index-concept-com {font-size: 122%;margin-top: 25px;}
	
	
	/*ご予約・お問合せは、お電話で承ります。*/
	.yoyaku-box {width: 95%;}
	
	
	/*//////////////////  全ページ共通のフッター //////////////////////////*/
	ul.footer-yokomenu li {margin: 0 10px 7px 10px;}
	#footer .copyright {margin-top: 20px;}
}





@media screen and (max-width: 780px) {	
	/*index上部の切り替わる背景画像-----------------------*/
	.index-bigimg-text { width: 370px;}
	.sp-image-container {height: 700px !important;}
	#headerimgs .sp-slide {height: 700px !important;}
	.sp-mask {height: 700px !important;}
	
	.btn-scroll-box {display: none;}

	/*/////////////　ズワイガニ　//////////////////////////////*/
	/* ----本物宣言----- */
	dl.honmono-dl dt {float: none;width: 30%;margin: 0 auto;}
	dl.honmono-dl dd {padding: 50px 0 0 0;}
	.honmono-com2 {margin: 45px 15px 30px 15px;line-height: 2em;}
	/* ----ズワイガニ----- */
	.matubagani-box-inner dl dt {font-size: 170%;}
	.matubagani-box-inner dl dd {font-size: 105%;}
	.matubagani-box ul li {width: 44%;margin: 0 2.5% 41px 2.5%;}
		
	/*ご予約・お問合せは、お電話で承ります。*/
	.yoyaku-box {padding: 22px 30px;}
	.yoyaku-box-midashi {font-size:170%;}
	dl.yoyaku-box-dl dd {width: 63%;}
	.yoyaku-tel a {background: url(../img/icon-tel-gold.png) no-repeat 0 21px;padding-left: 33px;font-size: 330%;background-size: 32px;}
	.yoyaku-tel-cap {font-size: 93%;}
	dl.yoyaku-box-dl2 dt {width: 68%;}
	.yoyaku-bus-title {font-size: 129%;}
	
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {bottom:15px;right:15px;width: 45px;height: 45px;background-size: contain;}
}





@media screen and (max-width: 680px) {	
	/*/////////////　コンセプト　//////////////////////////////*/
	.index-concept-title {font-size: 8.5vw;}
		
	/*/////////////　お昼のお品書き　//////////////////////////////*/
	.lunch-title {height: 58px;}
	.lunch-title ul {margin-top: -13px;}
	.lunch-title ul li.title{font-size:215%;margin:-2px 15px 0 0;}
	.lunch-title ul li.cap {font-size: 118%;letter-spacing: 0.4em;width: 125px;text-indent: 0.4em;}
	.lunch-title ul li.rogo img {width: 85px;margin-right: 20px;}
	
	/*/////////////　夜のお品書き　//////////////////////////////*/
	.dinner-title {height: 58px;}
	.dinner-title ul {margin-top: -13px;}
	.dinner-title ul li.title{font-size:215%;margin:-2px 15px 0 0;}
	.dinner-title ul li.cap {font-size: 118%;letter-spacing: 0.4em;width: 125px;text-indent: 0.4em;}
	.dinner-title ul li.rogo img {width: 85px;margin-right: 20px;}
	
	/*ご予約・お問合せは、お電話で承ります。*/
	.yoyaku-tel a {background: url(../img/icon-tel-gold.png) no-repeat 0 18px;padding-left: 27px;font-size: 280%;background-size: 27px;}
	.yoyaku-tel-cap {font-size: 76%;}
	.yoyaku-bus-title {font-size: 115%;}
}







@media screen and (max-width: 600px) {
	/*/////////////　ズワイガニ　//////////////////////////////*/
	/* ----本物宣言----- */
	.section#zuwai {padding: 50px 0 5px 0;}
	dl.honmono-dl dt {width: 25%;}
	dl.honmono-dl dd {padding: 20px 0 17px 0;}
	dl.honmono-dl dd .icon {display: none;}
	.honmono-com2 {display: none;}
	dl.honmono-dl dd .com {margin-top: 10px;}
	/* ----ズワイガニ----- */
	.zuwai-ph1 {height: 250px;margin: 30px 0 10px 0;}
	.matubagani-box {margin: 32px auto 30px auto;}
 .matubagani-box-inner dl dt {
    font-size: 155%;
  }
		.matubagani-box-inner dl dt span::after {
    bottom: -16px;
  }
		.matubagani-box ul li .menu-title {
    margin: 7px 0 5px 0;
    font-size: 120%;
  }
		.matubagani-box ul li .menu-com {
  font-size: 90%;}
	.matubagani-box:last-child {margin: 32px auto 0 auto;padding: 0 20px 10px 20px;}

	
	/*/////////////　お昼のお品書き　//////////////////////////////*/
	#lunch-sec.section{padding: 60px 0 50px 0;}
	.lunch-title ul li.title {font-size: 200%;margin: -2px 5px 0 0;letter-spacing: 0.1em;}
	.lunch-title ul li.cap {font-size: 108%;letter-spacing: 0.3em;width: 100px;text-indent: 0.3em;}
	ul.index-lunch-box li img {min-height: 100px;}
	ul.index-lunch-box li {background-size: 50px;background-position: center top 30px;}
	
	/*/////////////　夜のお品書き　//////////////////////////////*/
	.dinner-title ul li.title {font-size: 200%;margin: -2px 5px 0 0;letter-spacing: 0.1em;}
	.dinner-title ul li.cap {font-size: 108%;letter-spacing: 0.3em;width: 100px;text-indent: 0.3em;}

	/*/////////////　特別バナー　//////////////////////////////*/
	ul.index-tokubetu-box li {background-size: 50px;background-position: center top 45%;}	
	
	/*ご予約・お問合せは、お電話で承ります。*/
	.yoyaku-box {padding: 18px 20px;}
	.yoyaku-box-midashi {font-size: 150%;}
	dl.yoyaku-box-dl {margin: 10px auto 0 auto;}
	.yoyaku-tel a {background: url(../img/icon-tel-gold.png) no-repeat 0 16px;padding-left: 25px;font-size: 250%;background-size: 23px;}
	.yoyaku-tel-cap {font-size: 68%;}
	.yoyaku-boder {margin-top: 10px;}
	.yoyaku-bus-title {font-size: 108%;}
}





@media screen and (max-width: 540px) {
	/*/////////////　ページ上部のチラシ　//////////////////////////////*/
	.index-menu-midashi {font-size: 110%;margin: 7px auto 20px auto;}
	.index-lunch-com {font-size: 100%;text-align: left;}
	.index-lunch-com p{text-align: left !important;}

	
	/*/////////////　お昼のお品書き　//////////////////////////////*/
	.lunch-btn a {background: url(../img/btn_lunch.jpg) no-repeat center;width: 77%;height: 70px;background-size: contain;}
	
	/*/////////////　夜のお品書き　//////////////////////////////*/
	.dinner-btn a {background: url(../img/btn_dinner.jpg) no-repeat center;width: 77%;height: 70px;background-size: contain;}
	.dinner-enkai-bar {font-size: 200%;width: 90%;}
		
	/*ご予約・お問合せは、お電話で承ります。*/
	.yoyaku-box {width: 100%;padding: 18px 10px;}
	.yoyaku-box-midashi {font-size: 123%;}
	dl.yoyaku-box-dl dt {display: block;width: 85%;margin: 0 auto;}
	dl.yoyaku-box-dl dd {display: block;width: 100%;}
	.yoyaku-tel-cap {font-size: 83%;}
	
	dl.yoyaku-box-dl2 dt {display: block;width: 100%;text-align: center;}
	dl.yoyaku-box-dl2 dd {display: block;margin-top: 5px;}
	.yoyaku-bus-title {font-size: 122%;}
	.yoyaku-box-com2 {margin-bottom: 5px;}


	/*/////////////　全ページ共通のフッター　//////////////////////////////*/
	.footer-logo {margin-right: 0;}
	.footer-zip-box {text-align: center;margin-top: 5px;}
	.footer-zip {display: block;text-align: center;margin-top: 15px;}
	.footer-zip .naka-kuwashii{display:block;margin:5px auto -15px auto;}
	.footer-zip .naka-kuwashii a{padding: 7px 55px 7px 65px;font-size: 90%;}
	.footer-link-btn {margin: -4px auto 0 auto;}
}





@media screen and (max-width: 490px) {
	/*index上部の切り替わる背景画像-----------------------*/
	.index-bigimg-text { width: 300px;}
	.sp-image-container {height: 580px !important;}
	#headerimgs .sp-slide {height: 580px !important;}
	.sp-mask {height: 580px !important;}
	
	
	/*全ページ共通のテーブル構造　-------------------*/
  .container {width: 94%;}
		
	/*新型コロナウイルス感染症対策による「営業時間変更のお知らせ」*/
	.corona-time-box{font-size:108% !important;}

	/*/////////////　ズワイガニ　//////////////////////////////*/
	/* ----本物宣言----- */
	dl.honmono-dl {margin-top: 80px;}
	dl.honmono-dl dd {padding: 11px 0 17px 0;}
	dl.honmono-dl dd .midashi {font-size: 170%;}
	dl.honmono-dl dd .com {margin-top: 0px;}
	ul.honmono-ul li {width: 28%;margin: 0 -0.2em 50px -0.2em;}
	.matubagani-box ul li {width: 46%;margin: 0 1.5% 41px 1.5%;}
	
	/*/////////////　コンセプト　//////////////////////////////*/
	.container.concept {height: 200px;background-size: 270px;background-position:left -30px bottom;}
	.index-concept-box {margin-top: 60px;}
	.index-concept-title {font-size: 9.5vw;}
	
	/*/////////////　お昼のお品書き　//////////////////////////////*/
	.lunch-title ul li.rogo{display:none;}
	.lunch-title ul {margin-top: 15px;}
	ul.index-lunch-box li img {min-height:75px;}
	ul.index-lunch-box li {background-size: 40px;background-position: center top 25px;}
	ul.index-lunch-box li a span {font-size: 97%;padding: 7px 0 7px 30px;}
	.zeinuki-com {font-size: 70%;}
	
	/*/////////////　夜のお品書き　//////////////////////////////*/
	.dinner-title ul li.rogo{display:none;}
	.dinner-title ul {margin-top: 15px;}
	
	/*/////////////　TOPのお知らせ　//////////////////////////////*/
	body#home .news-list-cont article {margin-bottom: 15px;}
	h2.index-midashi1 {font-size: 190%;}
	dl.index-news-dl {width: 160px;}
	dl.index-news-dl a dt {width: 160px;height: 130px;}
	dl.index-news-dl a dd {width: 160px;}
	
	/*/////////////　特別バナー　//////////////////////////////*/
	ul.index-tokubetu-box li {margin-top: 25px;}
	ul.index-tokubetu-box li a span {font-size: 97%;padding: 7px 0 7px 30px;}
	
	/*/////////////　全ページ共通のフッター　//////////////////////////////*/
	#footer {padding-top: 10px;}
	ul.footer-yokomenu {display: none;}
	.footer-logo a img {width: 80px;}
}





@media screen and (max-width: 450px) {
	/*---------	ページ上部右の出てくるナビmenu ----------------*/
 #navi_sp ul#yoko-menu-sp li a {font-size: 105%;letter-spacing: 0.1em;}

	/*/////////////　ズワイガニ　//////////////////////////////*/
	/* ----本物宣言----- */
	dl.honmono-dl dd .midashi {font-size: 155%;letter-spacing: 0.3em;}
	dl.honmono-dl dd .com {font-size: 90%;line-height: 2;}
	/* ----ズワイガニ----- */
	.matubagani-box {margin: 20px auto 20px auto;padding: 0 15px;}
	.matubagani-box-inner {padding: 35px 20px 20px 20px;}
	.matubagani-box-inner dl dt {font-size: 145%;letter-spacing: 0.3em;}
	.matubagani-box-inner dl dd {font-size: 95%;margin-top: 34px;line-height: 1.8;}
	.matubagani-box ul li .menu-title {font-size: 110%;letter-spacing: 0.25em;}
	.matubagani-box ul li .menu-com {font-size: 85%;}
 .matubagani-box:last-child {margin: 0 auto;}

	/*/////////////　夜のお品書き　//////////////////////////////*/
	.dinner-enkai-bar {font-size: 170%;width: 98%;}
}





@media screen and (max-width: 400px) {	
	/*index上部の切り替わる背景画像-----------------------*/
	.index-bigimg-text { width: 230px;}
	
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	.header-logo a {width: 100px;height: 100px;background-size: 100px;}

	/*/////////////　ズワイガニ　//////////////////////////////*/
	/* ----本物宣言----- */
 .section#zuwai {font-size: 85%;}
	.matubagani-box ul li .menu-title {letter-spacing: 0.15em;}
		
	/*/////////////　コンセプト　//////////////////////////////*/
	.container.concept {height:140px;}
	.index-concept-box {margin-top:45px;}
	
	/*/////////////　TOPのお知らせ　//////////////////////////////*/
	body#home dl.index-news-dl {margin: 0 10px;}
	dl.index-news-dl {width: 140px;}
	dl.index-news-dl a dt {width: 140px;height: 110px;}
	dl.index-news-dl a dd {width: 140px;}
	
	/*/////////////　特別バナー　//////////////////////////////*/
	.index-lunch-com {font-size: 90%;}
	.index-lunch-com p{text-align:left !important;}
	.index-dinner-com {font-size: 100%;}
	.index-dinner-com p{text-align:left !important;}

	/*ご予約・お問合せは、お電話で承ります。*/
	.yoyaku-box {font-size: 85%;}
	
	/*/////////////　全ページ共通のフッター　//////////////////////////////*/
	.footer-zip span{display:block;}
}




@media screen and (max-width: 360px) {	
	/*/////////////　お昼のお品書き　//////////////////////////////*/
	.lunch-title ul li.cap {display: none;}

	/*/////////////　夜のお品書き　//////////////////////////////*/
	.dinner-title ul li.cap {display: none;}
	
	/*/////////////　TOPのお知らせ　//////////////////////////////*/
	body#home dl.index-news-dl {margin: 0 5px;}
	
	/*/////////////　全ページ共通のフッター　//////////////////////////////*/
	#footer .copyright {font-size: 65%;}
}