@charset "UTF-8";

@media only screen and (max-width : 768px){
	/*共通*/
	.col2 #top-in, .col2 #header-in, .col2 #global-nav-in, .col2 #main-in, .col2 #main-image-in, .col2 #footer-in, .col2 .copyright p, .col2r #top-in, .col2r #header-in, .col2r #global-nav-in, .col2r #main-in, .col2r #main-image-in, .col2r #footer-in, .col2r .copyright p {
		width:100%;
	}
	.col2 #header-in, .col2r #header-in{width: 97%;}
	.col1 #top-in, .col1 #header-in, .col1 #global-nav-in, .col1 #main-in, .col1 #main-image-in, .col1 #footer-in, .col1 .copyright p {
		width:100%;
	}
	.col2 #container, .col2 #top, .col2 #header, .col2 #global-nav, .col2 #main, .col2 #main-image, .col2 #footer, .col2 .copyright, .col2r #container, .col2r #top, .col2r #header, .col2r #global-nav, .col2r #main, .col2r #main-image, .col2r #footer, .col2r .copyright {
		width:100%;
		min-width:inherit;
		margin:0 auto;
	}
	.col1 #container, .col1 #top, .col1 #header, .col1 #global-nav, .col1 #main, .col1 #main-image, .col1 #footer, .col1 .copyright {
		width:99%;
		min-width:inherit;
		margin:0 auto;
	}

#global-nav #menu li a{
	padding: 0.8em 1em;
}
#breadcrumbs{
	padding: 0 0.5em;
}

#main-contents{
	width:99%;
}


/*見出し*/
.sub-column h3{
	padding: 0.7em 0.7em 1.2em;
	background:url(./images/icon/h3_bg_black_200.png) center 0px no-repeat;
	background-size: contain;
}
#main-contents h2{
	background: url(./images/icon/h2_bg_526.png) left bottom no-repeat;
	background-size: contain;
}
/*INDEX*/
#message-wrap{
	top: 18em;
}
/*メニュー3つ*/
.menu-img-wrap{
	text-align:center;
}
.menu-img-wrap a{
	width: 32%;
	display: inline-block;
	margin: 0;
}
.banner {
width: 100%;
margin: 0 0 0 0;
float: none;
}
/*youtube*/
.vtr{
	width:100%;
}
.vtr iframe{
	width:100%;
}
.banner{
	width: 100%;
	margin: 20px 0 0;
	float: left;
	text-align: center;
}
/*Company*/
#main-contents .profile{
	font-size:0.9em;
}
#main-contents .story th{
	display:block;
	padding: 0;
	border:none;
}
#main-contents .story td{
	display: inline-block;
	padding: 0em 0em 1em 0em;
	border:none;
}
/*SHOP*/
.shop-img{
	height: auto;
overflow: visible;
text-align: center;
}
.shop-img a img{
	width:70%;
	height:auto;
	margin:0 0 8px 0;
}
.shop-img a:first-child img{
	margin:0 0 8px 0;
}
.shop-img a:last-child img{
	margin:0 0 0 0;
}
#main-contents p{
	margin-top: 10px;
margin-bottom: 0em;
font-size: 0.9em;
}
#main-contents p.shop-tel{
	margin: 0 0 1em 0;
	font-size:0.85em;
}
#main-contents p.shop-tel strong{
	font-size:1.5em;
}
#main-contents .top-shop-info{
	
}
/*----弁当----*/
#bento-side{
	width: 27.5%;
	text-align:center;
}
.bento-h-img{
	width: 100%;
	float:none;
}
.bento-h-img img{
	width: 100%;
}
.bento-h-menu{
	width: 100%;
	margin:0;
	float:none;
}
.bento-h-menu a{
	display:block;
	width:49%;
	margin:1% 0.5% 0;
	float:left;
}
.bento-h-menu img{
	width:100%;
	margin:0;
}
#main-contents .bento_title p{
	margin-top: 5px;
margin-bottom: 0em;
font-size: 0.9em;
line-height:1.2;
}
#main-contents #koraku .bento-wrap,
#main-contents #houji .bento-wrap,
#main-contents #keiji .bento-wrap,
#main-contents #business .bento-wrap{
	background-size: contain;
}
#main-contents .kw-clear p{
	margin-top:0;
}
#main-contents .bento-block{
	width:94%;
}
#main-contents .bentokeyword{
	padding: 5px 10px 5px 80px;
	background-position:10px center;
}
#main-contents .bentokeyword li{
	padding: 0px 6px;
}
#main-contents .bento-text-block{
	width:100%;
	float:none;
}
#main-contents .bento-price{
	text-align:center;
}
#main-contents .bento-text-block p{
	margin-top:0;
}
.bento-photo-block{
	width: 100%;
margin-left: 0px;
float:none;
}
#main-contents .bento-menu-title h3{
	width: 22%;
}
#main-contents .bento-menu-copy {
width: 77%;
margin: 0;
padding: 1% 0 0 1%;
}
#main-contents .bento-menu-name {
width: 100%;
margin: 0;
padding: 0 1% 0 0;
line-height:1;
}
#main-contents .bento-text-block p.reserved{
	margin-top:6px;
}


}
/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media only screen and (max-width:640px){

/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

textarea,input{ max-width: 95%; }

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

a{
	color: #39f;
	-webkit-tap-highlight-color: #fc6;
}


/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/

#container{
	padding-top: 0;
	padding-bottom: 1.5em;
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	position: relative;
	top: 0;
	height: auto;
	font-size: 1.2em;
}

#top-menu{
	float: none;
}

#top-menu li{
	text-align: left;
	display: block;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

/*●ヘッダの回り込み解除*/
#header #header-title,
#header-in #header-text{
	float: none;
	width: 100%;
}

#header .header-logo{ font-size: 2em; }


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{ border-bottom: 0;  background:#fff;}

#global-nav dt{
	padding-left: 2.5em!important;
	background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #000;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#global-nav #global-nav-in .menu-wrap{ display:none; }

#global-nav #global-nav-in #menu{ margin-bottom: 0; }

#global-nav #global-nav-in #menu,
#global-nav #global-nav-in #menu li{
	width: 100%;
	border: 0;
}

#global-nav #global-nav-in #menu li.first{ border-left: 0;
 border-top: 1px dotted #ccc;}

#global-nav #global-nav-in #menu li{
	border-bottom: 1px solid #fff;
	background-color: #eaeaea;
	white-space: normal;
}

#global-nav #global-nav-in #menu li.first{ border-left: 0; }

#global-nav #global-nav-in #menu ul{
	position: static;
	width: auto;
	padding-left: 10%;
}

#global-nav #global-nav-in #menu ul li{ width: 100%; }
#global-nav #global-nav-in #menu li:last-child{ border-bottom: 0; }
#global-nav #global-nav-in #menu ul li:last-child{ border-bottom: 0; }

/*メニューのデザイン*/
#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited,
#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{ background: url(./images/icon/icon-arrow04.png) 1em 1em no-repeat #000; }

#global-nav #global-nav-in #menu ul li a{ width: auto; }

#global-nav .btn-gnav{
	display:block;
	padding: 1.5em 1em;
	cursor: pointer;
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-image .catch-copy{ font-size: 1.4em; }


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

/*●最新情報の回り込みを解除*/
#main-contents dl.news dt,
#main-contents dl.news dd.cat,
#main-contents dl.dl-style01 dt{ float: none; }

#main-contents dl.news dt{ margin-bottom: 0.4em; }

#main-contents dl.news dt,
#main-contents dl.dl-style01 dt{
	padding-right: 1em;
	padding-left: 1em;
}

#main-contents dl.news dd.cat{
	display: inline-block;
	width: auto;
	margin: 0 1em 0.5em;
	padding: 0.3em 1em;
}

#main-contents dl.news dd,
#main-contents dl.dl-style01 dd{ 
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}

/*●Tableをブロック表示に*/
#main-contents .table-style01,
#main-contents .table-style01 thead,
#main-contents .table-style01 tbody,
#main-contents .table-style01 tfoot,
#main-contents .table-style01 tr,
#main-contents .table-style01 th,
#main-contents .table-style01 td{ display: block; }

#main-contents .table-style01 th,
#main-contents .table-style01 td{
	float: left;
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
}

#main-contents .table-style01{ /zoom : 1; }
#main-contents .table-style01:after{ content : ''; display : block; clear : both; height:0; }

.box-wrap .box-l,
.box-wrap .box-r{
	float: none;
	width: 100%;
}


/*Youtube動画*/
#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
	display: block;
	margin-bottom: 1em;
	padding: 1em;
	padding-left: 2.5em!important;
	background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #000;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#sidebar{
	clear:both !important;
	margin: 2px 0 0 0;
}
.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }

.sub-column .showSubConts,
.sub-column .showSidebar{
	display: block!important;
}

.col1 .sub-column .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img,
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: none;
	padding-right: 0;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: block;
	margin-right: 0;
}

.sub-column dl.search-box{ width: 100%; }

.sub-column dl.search-box dt{
	margin-right: 0;
	margin-bottom: 0.4em;;
	width: 100%;
}

.sub-column dl.search-box dt,
.sub-column dl.search-box dd{ float: none; }


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer .footer-menu ul{
	float: none;
	width: 100%;
}

#footer .area01,
#footer .area02{
	float: none;
	width: 100%;
	margin-bottom: 2em;
}

.copyright{ padding-bottom: 40px; }

.copyright span{ display: block; }


/*------------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

#main-contents .sb{
	text-align: left;
}

img.alignleft,
img.alignright{
	float: none;
	display: block;
	padding: 0;
	margin: auto;
}


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	display:none;
	/*right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;*/
}

.page-top a{
	display: block;
	border: 0;
	border-top: 1px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
	background: url(./images/common/bg-pagetop.gif) 14px center no-repeat #999;
	color: #fff;
}

.page-top:not(\*|*){ position: static; }/* Opera9以下 */



/**/
#header-text{
	/*display:none;*/
}
.header-contact{
	display:none;
}
#header-in #header-text p{
	text-align:center;
}
/**/
.res-27, .res-28, .res-29, .res-30, .res-70, .res-39, .res-59, .res-50, .res-33, .res-20, .res-80{
	width:100%;
}

#top-sidebar{
	display:block;
}



/*TOP PAGE-------------------*/
/*main-image*/
#main-image .header-image.pad{
	display:block;
}
#main-image .header-image.pc{
	display:none;
}
/*3つのこだわり*/
#message-wrap{
	position: initial;
}
#message{
	padding: 4em 0 0;
}
#message .message-banner{
	width:45%;
}

/*BUTTON*/
#rakuto-menu-wrap a{
	float: none;
width: 60%;
margin: 0px auto 5px;
}
#rakuto-menu-wrap a:first-child {
   margin: 0px auto 5px;
}


/*Gallery*/
#gallery-1 .gallery-item{
	width:100%;
}

/*RANKING*/
.rank {
position: relative;
width: 100%;
float: none;
margin: 0 auto 1em;
text-align: center;
}

/*3つのこだわり*/
#message-page{
	padding: 1.5em 0 0;
}
#message-page .message-banner{
	width:60%;
}
/*お酒*/
#gallery-1 .gallery-item, #gallery-2 .gallery-item, #gallery-3 .gallery-item{
	float:none !important;
	width:100% !important;
	margin:0 auto 10px;
}
/**/
#main-contents .rakuto-food-text{
	width:100%;
	float:none;
}
#main-contents .rakuto-food-photo{
	width:100%;
	margin:0 0 0 0;
	float:none;
	border:3px solid #4E1F2E;
}
#main-contents .rakuto-food-text2{
	width:100%;
	float:none;
}
#main-contents .rakuto-food-photo2{
	width:100%;
	margin:0 0 0 0;
	float:none;
}

/*-----------------------------------
各店舗設定
-----------------------------------*/
/*sub contents*/
.sub-column h3 {
display: block !important;
}
/*-----------------------------------
弁当
-----------------------------------*/
#bento-side{
	width: 100% !important;
	margin:0 auto;
	float:none;
	text-align:center;
}


}
@media only screen and (max-width: 480px) {
	
	#container {
		padding-bottom: 0;
	}
	#header-title h2{
		width:200px;
	}
	.menu-img-wrap{
		margin:0;
	}
	#main-image{
		padding-top:0;
	}
	#message {
		padding: 3em 0 0;
		background: url(./images/3bg-b.png) center 0 no-repeat;
		background-size: contain;
	}
	.menu-img-wrap a{
		margin: 10px 0 0 0;
	}
	#breadcrumbs{
		margin-bottom:0;
		padding:0;
	}
	.banner-wrap {
		margin: 10px 0 40px 0;
	}
	#footer{
		padding-bottom:0;
	}
	#footer .area01, #footer .area02{
		margin-bottom:0;
	}
	.copyright {
		padding-bottom: 10px;
	}
	#main-contents h2 {
		margin:0.5em 0;
		padding: 0 0.9em 1.2em;
	}
	
	/*----弁当----*/
	#bento-side{
	width: 100%;
	margin:0 auto;
	text-align:center;
}
	#main-contents .bento-menu-name{
		padding: 4px 1% 0 0;
		font-size: 0.8em;
	}
	#main-contents .bentokeyword{
		font-size: 0.9em;
	}
	#main-contents .bento_title h2 {
width: 40%;
	}
	#main-contents .bento_title p {
width: 57%;
margin: 6px 3% 0 0;
	}
	
	
	
}
@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/