@charset "utf-8";

.detail .tel a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
	/* ---------------------
	common
	--------------------- */
	/* tag */
	body {font-size: 15px;}
	/* float */
	.floatr,
	.floatl {float: none;}
	.midbox {width: auto;}
	/* text */
	.font11,
	.font12 {
		font-size: 14px;
		line-height: 1.4em;
	}
	.font16 {font-size: 20zpx;}
	.font19 {font-size: 24px !important;}

	/* ---------------------
	HEADER
	--------------------- */
	/* top upper menu */
	#onitem ul {
		display: none;
	}
	#logo {
		display: table-cell;
		width: 100vw;
		height: 100vh;
		vertical-align: middle;
	}
	#logo img {
		width: 50%;
		height: auto;
	}

	/* ---------------------
	CONTENTS
	--------------------- */
	.pagetop {
		padding-right: 5%;
		padding-left: 5%;
	}

	/* ---------------------
	footer
	--------------------- */
	#footbox {
		background-image: none;
		background-color: #514e4d;
	}
	#f_right,
	#f_left {
		float: none;
		width: auto;
		padding-right: 5%;
		padding-left: 5%;
	}
	#f_right {
		position: static;
	}
	#f_left {
		padding-top: 60px;
		padding-bottom: 37px;
		background-color: #2f2405;
	}
	/* footer */
	#smenu02 {
		float: none;
		width: auto;
		margin-top: 0;
	}

	/* ---------------------
	Fix menu, navbar
	--------------------- */
	#fxmenubox {
		display: block !important;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		background-color: transparent;
		opacity: 1 !important;
	}
	#fxmenu {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100vh;
		opacity: 0;
		background-color: #2f2405;
		transition: all 0.3s ease-in-out;
		visibility: hidden;
	}
	#fxmenu.active {
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	#fxmenu h1 {
		display: none;
	}
	#fxmenu ul {
		float: none;
		width: auto;
		margin: 72px auto 0;
		padding: 0 10%;
	}
	#fxmenu li {
		float: none;
		height: auto;
		margin-right: 0;
	}
	#fxmenu ul li a {
		height: auto;
		padding: 20px 0;
		font-size: 1.25em;
		transition: all 0.2s ease-in-out;
	}
	.btn-fxmenu,
	.btn-fxmenu span {
		display: inline-block;
		-webkit-transition: all .4s;
		transition: all .4s;
		box-sizing: border-box;
	}
	.btn-fxmenu {
		position: fixed;
		top: 26px;
		right: 5%;
		width: 35px;
		height: 22px;
		z-index: 10;
	}
	.btn-fxmenu span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		z-index: 10;
	}
	.btn-fxmenu span:nth-of-type(1) {top: 0px;}
	.btn-fxmenu span:nth-of-type(2) {top: 10px;}
	.btn-fxmenu span:nth-of-type(3) {bottom: 0px;}

	.btn-fxmenu.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.btn-fxmenu.active span:nth-of-type(2) {opacity: 0;}

	.btn-fxmenu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}

	/* ---------------------
	SLIDER
	--------------------- */
	#slider,
	#slider img {
		width: auto !important;
		height: 100vh;
		min-height: 100vh;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		/* 左右中央寄せ */
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/* 上下中央寄せ */
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;

		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	/* ---------------------
	concept
	--------------------- */
	.takeout1,
	.center.fover {
		padding: 0 5%;
	}
	.takeout1 a {
		display: block;
	}
	.center.fover img {
		width: 100%;
	}
	.concept_area .midbox .floatr,
	.concept_area .midbox .floatl {
		width: auto;
		padding: 0 5%;
	}
	.concept_area .midbox .floatr img {
		width: 100%;
		height: auto;
	}
	.concept_area .midbox .floatl img {
		width: 90%;
	}
	.concept_area .midbox .desc {
		margin-bottom: 20px;
	}
	.concept_area .bnr_top_onlineshop .pc_only {
		display: none !important;
		}
	.concept_area .bnr_top_onlineshop .sp_only {
		display: block !important;
	}

	/* ---------------------
	items
	--------------------- */
	#items {
		padding-top: 0;
	}
	#items .floatr,
	#items .floatl {
		width: auto;
		padding: 0 5%;
	}
	#items .floatr {
		margin-top: 20px;
	}
	#items .btnarea {
		margin-right: 5%;
		margin-left: 5%;
	}

	/* ---------------------
	shoplist
	--------------------- */
	#slistbox {
		width: auto;
	}
	#shoplist .floatr,
	#shoplist .floatl {
		padding: 0 5%;
	}
	#shoplist .floatr p {
		line-height: 0;
	}
	#shoplist .floatr img {
		width: 100%;
		height: auto;
	}
	#shoplist table {
		width: 100%;
		font-size: 14px !important;
	}
	#shoplist td {
		width: 50%;
	}
	#shoplist .pagetop {
		margin-top: 0;
	}

	/* ---------------------
	news
	--------------------- */
	#news .pagetop {
		margin-top: 0;
	}
	#topics {
		width: auto;
		margin-right: 5%;
		margin-left: 5%;
		overflow: hidden;
	}
	#topics dl {
		width: auto;
		padding-right: 0;
	}
	#topics .date {
		display: block;
	}
	.btnarea {
		width: auto;
		height: auto;
	}
	.btnarea img {
		width: 96%;
		height: auto;
		margin-left: 0;
		padding: 0 2%;
	}
	.btnarea img.ml4 {
		width: 60%;
		padding: 2% 0;
	}

	/* ---------------------
	Shops common
	--------------------- */
	/* Common */
	.mainbox {
		width: auto;
		padding-right: 5%;
		padding-left: 5%;
	}
	.contents .floatr,
	.contents .floatl {
		width: auto;
	}
	/* shop detail */
	.detail h4 {
		font-size: 20px;
	}
	.detail table,
	.detail td {
		width: auto;
	}
	.detail td:first-child {
		padding-right: 1em;
	}
	/* gallery */
	.gallerybox {
		float: none;
		width: auto;
		padding-left: 0;
	}
	.gallerybox .pl15 {
		padding-left: 0;
	}
	.gallery {
		margin-top: 4%;
	}
	.gallery img {
		width: 48%;
		height: auto;
		margin: 1%;
	}
	/* Google map */
	#map_canvas {
		width: auto;
	}
	iframe {
		width: 100%;
		margin-top: 5%;
	}

	/* ---------------------
	gallery用
	--------------------- */
	.detailgallery table a {
		text-decoration: none !important;
	}
	.mainboxgallery {
		width: auto;
		margin-right: 5%;
		margin-left: 5%;
	}
	.mainboxgallery table {width: auto;}
	.mainboxgallery table tr td:nth-of-type(1) {width: 30% !important;}
	.mainboxgallery table tr td:nth-of-type(2) {width: auto !important;}

	.contentsgallery .floatlgallery,
	.galleryboxgallery {
		float: none;
		width: auto;
	}
	.contentsgallery .floatlgallery img {
		width: 100%;
		height: auto;
	}
	.galleryboxgallery .pl15 {padding-left: 0;}
	.galleryboxgallery .mt45 {margin-top: 0;}
	#map_canvasgallery {width: auto;}
	/* headarea */
	#headarea h1,
	#headarea h1 a {
		width: auto;
		height: 32px;
		background-position: left center;
		background-size: contain;
	}
	#headarea .floatl {
		float: left;
		width: 50%;
		padding: 20px 0;
	}
	#headarea .goback {
		float: right;
		width: 50%;
	}
	/* lightbox */
	#jquery-lightbox {
		width: 90% !important;
		margin: 0 5%;
	}
	#lightbox-container-image-box,
	#lightbox-container-image-box #lightbox-image {
		width: 100% !important;
		height: auto !important;
		min-height: 175px;
	}
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {
		height: 200px !important;
	}
	#lightbox-container-image-data-box {
		width: auto !important;
	}

	/* ---------------------
	Menu用ページ
	--------------------- */
	.contents h3 {
		font-size: 30px;
	}
	.contents .shop_title1 {
		font-size: 20px;
	}
	.contents .floatlmenu,
	.galleryboxmenu {
		float: none;
		width: auto;
	}
	.galleryboxmenu,
	.galleryboxmenu .pl15 {
		padding-left: 0;
	}
	/* ---------------------
	SHOPS_MENU
	--------------------- */
	#tab-box ul,
	#tab-box div {
		width: auto;
	}
	#tab-box ul li {
		width: 30%;
}
	#nagoya #tab-box ul li,
	#marunouchi #tab-box ul li,
	#roppongi #tab-box ul li,
	#yokohama #tab-box ul li {
		width: 24%;
	}
	#toranomon #tab-box ul li,
	#indigo #tab-box ul li,
	#raku #tab-box ul li,
	#yokohamasushi #tab-box ul li {
		width: 33%;
	}
	#kanazawa #tab-box ul li{
		width: 19%;
	}
	#tab-box ul li a img {
		width: 100%;
		height: auto;
	}
	#tab-box div table {
		width: 100%;
	}
	#tab-box div table tr td {
		display: block;
		padding: 0;
		font-size: 14px;
	}
}

@media screen and (max-width: 320px) {
	/* ---------------------
	common
	--------------------- */
	/* tag */
	body {font-size: 13px;}
	/* box */
	.mt35 {margin-top: 20px;}
	/* text */
	.font11 {
		font-size: 11px;
		line-height: 1.0em;
	}
	.font12 {font-size: 12px;}
	.font16 {font-size: 16px;}
	.font19 {font-size: 19px !important;}

	/* ---------------------
	Fix menu, navbar
	--------------------- */
	.btn-fxmenu {top: 22px;}

	/* ---------------------
	CONTENTS
	--------------------- */
	.hl02 {font-size: 24px;}

	/* ---------------------
	gallery用
	--------------------- */
	/* headarea */
	#headarea h1,
	#headarea h1 a {background-size: 90%;}
	/* lightbox */
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {height: 175px !important;}

	/* ---------------------
	Menu用ページ
	--------------------- */
	.contents h3 {font-size: 24px;}
	.contents .shop_title1 {font-size: 18px;}

	/* ---------------------
	SHOPS_MENU
	--------------------- */
	#tab-box div table tr td {font-size: 13px;}

	/* ---------------------
	Shops common
	--------------------- */
	/* Common */
	.mainbox .center img {
		width: 100%;
		height: auto;
	}
	/* shop detail */
	.detail h2 {font-size: 24px;}
	.detail h4 {font-size: 16px;}
}