@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	background-color: #FFF1CC;
	color: #504C46;
	background: url(img/bg_yellow.jpg) repeat left top;
	font: 17px/26px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	line-height:1.8;
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, div, p, ul, li, dl, dt, dd, span {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, dt, dd {
	font-size: 100%;
}
li {
	list-style: none;
}
a {
	color: #504C46;
}
img {
	border: none;
}
.clear {
	clear: both;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
span#blind {
	display: none;
}
.shadow {
	height: 15px;
	background: url(img/shadow.png) repeat-x left bottom;
}
.price {
	font-weight:bold;
	text-align:right;
}
.tR {
	text-align:right;
}
.ml20 {
	margin-left:20px;
}
.mb35 {
	margin-bottom:35px;
}
.f180 {
	font-size:180%;
}
.f130 {
	font-size:130%;
}
.f120 {
	font-size:120%;
}
.f90 {
	font-size:90%;
}
.f85 {
	font-size:85%;
}
.supple {
	padding-left:0.3em;
}
.bgNext {/*next*/
	background:url(img/bg_next.png) no-repeat left center;
	width:276px;
	height:54px;
	line-height:54px;
	margin-top: 30px;
	display:block;
	font-weight:bold;
}
#bgNext {/* access Tel */
	background:url(img/bg_next2.png) no-repeat left center;
	width:486px;
	height:76px;
	line-height:76px;
	padding-left:20px;
	font-weight:bold;
	margin:10px 0;
}
.bgNext a {
	display:block;
	padding-left:20px;
}
.bgNext a:hover {
	text-decoration:underline;
}

#wrapper {
	min-width:960px;
}
.box {
	width: 960px;
	margin:0px auto;
	margin-bottom: 60px;
	font-size:17px;
}
.box h2 {
	font-size: 130%;
	background: url(img/icon.png) no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 0.25em;
}
.box2 {
}
/* ヘッダー */
#header {
	background-color: #000;
}
#headInner {/*top*/
	width: 960px;
	height: 550px;
	margin: 0px auto;
	background-color: #FFF1CC;
	position: relative;
}
#headInner2 {/*other*/
	width: 960px;
	height: 328px;
	margin: 0px auto;
	background-color: #FFF1CC;
	position: relative;
}
#logo {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 5;
}
/* slide */
#example_1_container {
    width:960px;/*img609*/
    height:550px;/*img534*/
}
#contents, #navInner, #footInner {
	width: 960px;
	margin: 0px auto;
}


/* コンテンツ */
/* gnav */
#navInner {
	margin-bottom: 40px;
	padding-left: 10px;
}
#gnav {
	font-size: 130%;
}
#gnav li {
	float: left;
	height: 75px;/*4.2em*/
	margin-right: 65px;
	padding-top:25px;
}
#gnav li a {
	display:block;
	padding: 0px 1em;
}
/*#gnav li a:hover {
	opacity:0.6;
}*/
#contents {
	clear: both;
}
#nav , #footer {
	background-color: #EEDFB6;
	background: url(img/bg_brown.jpg) repeat left top;
}

/* お知らせ */
#news {
	width:720px;
	float:left;
}
#news a:link {
	text-decoration: underline;
    color: brown;
}
#news a {
    color: brown;
}
#news h2 {
	padding-left: 10px;
	padding-bottom: 0.8em;
	background: url(img/bar_black.png) repeat-x left bottom;
}
#news dl {
     width: 720px;
     margin-bottom: 40px;
     margin-top: 10px;
}
#news dt {
     clear: both;
     float: left;
     width: 150px;
     padding: 8px 0 8px 10px;
}
#news dd {
     padding: 8px 0 8px 170px;
}
#tanuki {
	width:200px;
	float:right;
}
#newsSub{
	background-color: #FFF;
	opacity:0.8;
	padding: 1em 10px;
	margin: 1.5em 0;
}
#newsSub h3 {
	margin-bottom:0.8em;
	font-size:120%;
}
#newsSub p {
	margin-bottom: 0.8em;
}


/* お知らせ960 */
#news960 {
	width:960px;
	float:left;
}
#news960 h2 {
	padding-left: 10px;
	padding-bottom: 0.8em;
	background: url(img/bar_black.png) repeat-x left bottom;
}
#news960 dl {
     width: 960px;
     margin-bottom: 40px;
     margin-top: 10px;
}
#news960 dt {
     clear: both;
     float: left;
     width: 150px;
     padding: 8px 0 8px 10px;
    font-size: 14px;
}
#news960 dd {
     padding: 8px 0 8px 170px;
}


/* topicks */
#topicks {
	width: 960px;
	margin-top: 15px;
}
#topicks ul {
     width: 999px;
     margin-right: -39px;
     overflow: hidden;
     _zoom: 1;
	 text-align: center;
}
#topicks ul li {/* imgトピックス */
	float: left;
	width: 294px;
	margin-right: 39px;
}
#topicks img {
	padding-bottom: 1em;
}

/* facebook */
#fb {
	margin-top:30px;
}


/* aboutページ */
#pankuzu {
	margin-bottom: 30px;
}
span#icon2 {
	display: inline-block;
	width: 1.2em;
	background: url(img/icon2.png) no-repeat;
	background-position: center top;
	z-index: 3;
}

.imgBox img, .imgBox3 img {
	padding-bottom: 15px;
}
.imgBox {
	width: 366px;
	float: left;
}
.imgBox2 {
	width: 100px;
	float: left;
	padding-left: 64px;
}
.imgBox3 {
	width: 366px;
	float: right;
}
.imgBox4, .imgBox5 {
	width:440px;
	height: 328px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W4",'メイリオ',"Osaka","ＭＳ Ｐゴシック ",sans-serif;
}
.imgBox4 {
	float:left;
	background: url(img/narayasai.png) no-repeat center center;
}
.imgBox4 p {
	width: 240px;
	padding: 170px 0 0 10px;
}
.imgBox5 {
	float:right;
	background: url(img/utuwa.png) no-repeat center center;
}
.imgBox5 p {
	width: 240px;
	padding: 90px 0 0 10px;
}
.textBox {
	width:550px;
	float:right;
}
.textBox p {
	margin-bottom: 30px;
}



.imgBox6 img {
	margin-bottom: 0.5em;
}

/* menuページ */
.imgBox6 {
	width:334px;
	float:left;
}
.textBox6 {
	width:580px;
	float:right;
}
.textBox6 dl {
	width:580px;
	overflow:auto;
	margin-bottom:1em;
}
.textBox6 dl dt {
     clear: both;
     float: left;
     width: 500px;
     padding: 5px 0;
	 font-weight:bold;
}
.textBox6 dl dd {
	float:left;
	width:80px;
     padding: 5px 0 5px 0;
	 text-align: right;
	 font-weight:bold;
}

/* 一品料理 */
#menuList {
	width: 960px;
	margin-bottom: 50px;
}
#menuList ul {
	width:981px;
	margin-right:-21px;
}
#menuList ul li {
	float:left;
	width:306px;
	margin-right:21px;
}

dl#menuList2 {
	width:960px;
}
dl#menuList2 dt {
	clear:both;
	width:306px;
	float:left;
	padding:5px 0;
	font-weight:bold;
}
dl#menuList2 dd.text {
	width:490px;
	float:left;
	padding:5px 0;
}
dl#menuList2 dd.price {
	width:80px;
	float:right;
	text-align:right;
	padding:5px 0;
	 font-weight:bold;
}
/* お飲物 */
#menuDrinkImg {
	width:244px;
	float:left;
}
#menuDrinkText {
	width: 676px;
	float:right;
}
#menuDrinkText th {
	text-align:left;
	width:12em;
}
#gallery {
	width:958px;
}
#gallery ul {
	width:976px;
	margin-right:-18px;
}
#gallery ul li {
	width:226px;
	height:171px;
	float:left;
	margin-right:18px;
	margin-bottom:50px;
	text-align:center;
}


/* accessページ */
/* 店舗情報 */
#shop {
	 float:left;
     width:680px;
}
#shop dl {
     width:680px;
     margin-bottom:1em;
	 overflow:auto;
}
#shop dl dt {
     clear: both;
     float: left;
     width: 100px;
     padding: 15px 0 15px 24px;
	 border-bottom: 2px solid #EDDCB2;
}
#shop dl dd {
     float:left;
     width:556px;
     padding: 15px 0 15px 0;
	 text-align:left;
	 border-bottom: 2px solid #EDDCB2;
}
#img5 {
	width:226px;
	float:right;
	padding-right:24px;
}

/* map */
#map {
	width:480px;
	float:left;
	padding-left:24px;
}

#mapText {
	width:392px;
	float:right;
	padding-right:24px;
}
#mapText dt {
	font-weight:bold;
}
#mapText dd {
	padding-left: 54px;
	margin-bottom:1.5em;
}
.iconP {
	margin-right:15px;
}
span.koutu {
	font-size: 1.0rem;
	display:block;
	width:100px;
	padding-bottom:0.8em;
	font-weight:bold;
}

/* フッター */
#footer {
	clear: both;
	margin-top: 60px;
	padding: 50px 0;
	min-width:960px;
}
#logo_f {
	width: 240px;
	float: left;
	margin-left: 40px;
}
#info {
	width: 280px;
	float: left;
	margin-left: 46px;
}
/*#info span {
	display: block;
	font-size: 130%;
	letter-spacing: 0.3em;
	padding-bottom: 1em;
}*/
#info p {
	margin-bottom: 1em;
}
#info dl {
     width: 400px;
}
#info dt {
	clear: both;
	float: left;
	width: 84px;
	padding: 4px 0 4px 0;
}
#info dd {
	float: left;
	padding: 4px 0 4px 15px;
}
#infoMail {
	font-size:85%;
}

#footMap {
	width:320px;
	float:right;
}
#sns{
	margin-top: 1.5em;
	width: 50%;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#sns div{
}