@charset "utf-8";

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

* {
	font-style:normal;
	font-weight:normal;
	}

html {
  font-size: 62.5%; /*font-size:10px;*/
  -webkit-text-size-adjust: 100%;
  }

body {
	color: #333;
	margin: 0;
	padding: 0;
	font-size:1.4rem; 
	font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “游ゴシック”, YuGothic, sans-serif;
	background-color:#fff;
	background:url(images/bg.jpg) top;
	}

img { border:0; width:100%; height:auto; }

ul, ol, li { list-style: none; margin: 0; padding: 0; }

button { border:0; padding:0; background:none; }

	
a:link { color: #333; text-decoration: none; }
a:visited {color: #333; text-decoration: none; }
a:hover { color: #0066CC; text-decoration: underline; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

.fs6 { font-size:0.6rem; line-height:100%; }
.fs8 { font-size:0.8rem; }
.fs10 { font-size:1.0rem; }
.fs12 { font-size:1.2rem; }
.fs14 { font-size:1.4rem; }
.fs16 { font-size:1.6rem; }
.fs18 { font-size:1.8rem; }

.f_bold { font-weight:bold; }

.red { color:#CC0000; }
.blue { color:#11B4D2; }
.green { color:#44AF35; }
.orange { color:#E5815C; }
.black { color:#333; }

p { margin:35px 0 0 0; padding:0; line-height:200%; }

br.clear { clear:both; margin:0; padding:0; }

.mincho { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ" , Meiryo , serif; }

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

#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

header { width:100%; margin:0 auto; height:80px; position:relative; }
	header h1 { position:absolute; top:10px; left:10px; padding:0; margin:0; }
	header h1 img { height:60px; width:auto; }
	header p { display:none; }

#navi {
	background:url(images/navi_bg.jpg) top repeat-x;
	}
	#navi ul { width:100%; max-width:999px; margin:0 auto; padding:0; letter-spacing:-0.5em; background:url(images/navi_bdr.gif) no-repeat left; line-height:0; }
	#navi li { width:33.333%; display:inline-block; text-align:center; background:url(images/navi_bdr.gif) no-repeat right; }
	#navi li:nth-child(3) { background-image:none; }
		#navi li img { width:auto; height:18px; }
	#navi li a { display:block; padding:10px 0 9px 0; }

#navi2 {
	background:url(images/navi_bg.jpg) top repeat-x;
	}
	#navi2 ul { width:100%; max-width:999px; margin:0 auto; padding:0; letter-spacing:-0.5em; background:url(images/navi_bdr.gif) no-repeat left; line-height:0; }
	#navi2 li { width:33.333%; display:inline-block; text-align:center; background:url(images/navi_bdr.gif) no-repeat right; }
	#navi2 li:nth-child(1) { display:none; }
	#navi2 li:nth-child(4) { background-image:none; }
	#navi2 li:last-child { display:none; }
		#navi2 li img { width:auto; height:18px; }
	#navi2 li a { display:block; padding:10px 0 9px 0; }

#contents {
	width:100%;
	margin:40px auto;
	padding:0;
	}

footer {
	margin-top:80px;
	background-color:#CC0000;
	font-size:1.0rem;
	padding:8px 0;
	text-align:center;
	color:#fff;
	}

h2 { text-align:center; margin:0; padding:20px 0; }
	h2 img { width:75%; }


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

#page-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
}
#page-top a {
    text-decoration: none;
    width: 50px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}

/* --------------------------------------------------------------
  clearfix
-------------------------------------------------------------- */
#menu dd:after,
.shop dd:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }

/* --------------------------------------------------------------
  ページ
-------------------------------------------------------------- */

#main{ margin:0; padding:0; display:block; overflow:hidden; width:100%; line-height:0; }
#main img { width:100%; }
#main .bxslider{ padding:0; margin:0 auto; }

#menu { margin:0; padding:0 0 50px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:0; letter-spacing:-0.5em; }
#menu dl { width:98%; display:inline-block; padding:0; text-align:left; margin:1px 1% 0 1%; letter-spacing:normal; vertical-align:top;
		box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#fff; }
#menu dt { display:none; }
#menu dd { margin:0; padding:0; }
	#menu dd table { width:96%; line-height:100%; font-size:1.3rem; margin:3px auto 8px auto; }
	#menu dd th { text-align:left; }
	#menu dd td { text-align:right; color:#990000; }
#menu p { letter-spacing:normal; color:#391300; font-size:1.2rem; line-height:140%; padding:0; margin:5px auto; width:96%; }

#menu label {	margin:0; padding:0; display: block; }
#menu input[type="checkbox"].on-off{ display: none; }
#menu input[type="checkbox"].on-off + div{ height: 0; overflow: hidden; }
#menu input[type="checkbox"].on-off:checked + div{ height:auto; }

#shop { margin:0; padding:0 0 50px 0; }
	.shop { background-color:#fff; width:96%; padding:8px 0; margin:0 2%; 
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	.shop dl { width:90%; margin:0 auto; padding:0; border-bottom:1px dashed #391300; font-size:1.2rem; }
		.shop dl:first-child { padding-top:15px; }
	.shop dt { float:left; width:26%; margin:0; padding:6px 0 3px 2%; }
	.shop dd { margin:0 0 0 30%; padding:6px 0 3px 0; }

	.shop .map { width:90%; margin:20px auto; padding:0; border:2px solid #fff; }
	.shop .map iframe { width:100%; height:200px; }

#info { margin:0; padding:0 0 50px 0; }
	.info { background-color:#fff; padding:15px 8px; margin:0 10px; 
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	.info .fb { display:none; }
	.info .sfb { text-align:center; }

	.info div img { width:30%; }


#lunch { }
#lunch p { font-size:2.0rem; margin:20px 0; line-height:140%; }
#lunch .lunchbox { margin:40px auto; padding-left:125px;
	background-image:url(images/takeout.png); background-position:left top; background-repeat:no-repeat; background-size:120px; }
#lunch .lunchbox img { max-width:250px; }
#lunch .yoyaku { background-color:#CD4639; color:#fff; padding:5px; border-radius:30px 30px 0 0; text-align:center; font-size:2.0rem; width:90%; margin:auto; }
#lunch .hiru { font-size:1.8rem; }

.pc { display:none; }

}