@charset "utf-8";
body{
	min-width: 960px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 180%;
	font-family: Verdana, 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	position:relative;
}
li {
	list-style-type:none;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	vertical-align:top;
	border:none;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,address,th,td,img,ol,figure {
	margin: 0;
	padding: 0;
}
section:after,
div:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}
/* ie7-8 */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}
/*
* 共通class
*********************************/
.hover:hover {
	opacity:.8;
}
.smpEle{
	display:none;
}
.red{
	color: #e41e26;
}
/*===============================================
●スマホ用 width 640px 以下
===============================================*/
@media screen and (max-width: 768px) {
  .smpEle{
	display:block;
  }
  .pcEle{
	display:none;
  }
}
nav {
	position: relative;
	background: url(../img/naviBg.gif) repeat-x;
	height: 52px;
	box-shadow:0px 0px 3px 0px #555555;
	z-index: 150;
}
nav .inner{
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: url(../img/navBg.png);
	background-size: auto 100%;
}
nav ul{
	background: url(../img/headNavi.png) 0 0 no-repeat;
	background-size: auto 52px;
}
nav ul li{
	float: left;
	text-indent: -9999px;
}
nav .date{
	width:218px;
	position: absolute;
	top: 0;
	right: 3px;
}
nav .date img{
	width: 100%;
	height: auto;
}
nav ul li{
	height: 52px;
}
nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
nav ul .navi1{
	width: 135px;
}
nav ul .navi2{
	width: 195px;
}
nav ul .navi3{
	width: 126px;
}
nav ul .navi4{
	width: 123px;
}
nav ul .navi5{
	width: 144px;
}
.about nav ul .navi1,
.food nav ul .navi2,
.event nav ul .navi3,
.map .navi4,
.access .navi5,
nav ul a:hover{
	background-image: url(../img/headNaviOn.png);
	background-size: auto 52px;
	background-repeat: no-repeat;
}
.about nav ul .navi1,
nav ul .navi1 a:hover{
	background-position: 0 0;
}
.food nav ul .navi2,
nav ul .navi2 a:hover{
	background-position: -135px 0;
}
.event nav ul .navi3,
nav ul .navi3 a:hover{
	background-position: -330px 0;
}
.map .navi4,
nav ul .navi4 a:hover{
	background-position: -456px 0;
}
.access .navi5,
nav ul .navi5 a:hover{
	background-position: -579px 0;
}
/* 非表示 */
nav.scroll{
	z-index: 150;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/naviBg.gif) repeat-x;
	height: 52px;
}
footer{
	position: relative;
}
footer .pagetop{
	z-index: 50;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
footer .pagetop:hover{
	opacity: .9;
}
.black{
	padding: 16px 0 12px;
	color: #fff;
	background: #000;
}
.black .syusai{
	text-align: center;
	font-size: 18px;
}
.black .kouen{
	text-align: center;
	font-size: 10px;
}
.black .kyoryoku{
	text-align: center;
	font-size: 10px;
}
.black .kyoryoku img{
	width: 151px;
}
footer .red p{
	background: #e50112;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	position: relative;
	padding: 8px 0;
}
footer .yellow {
	background: #fed000;
}
footer .yellow .copy{
	width: 725px;
	margin: 0 auto;
	height: 30px;
	padding-left: 275px;
	font-size: 12px;
}
.foot_banners{
	margin-top: 4px;
	text-align: center;
	height: 47px;
}
.foot_banners li{
	display: inline-block;
	height: 47px;
	margin: 0;
	padding: 0;
}
.foot_banners li:last-child{
	margin-right: 0;
}
.foot_banners img{
	height: 100%;
	display: block;
}
.foot_banners li a:hover img{
	opacity: .8;
}
/*
* 二階層目
************************************************/
#second article{
	background-image:url(../img/secondBg.jpg),url(../img/secondBg2.png),url(../img/secondBg3.png);
	background-repeat: no-repeat , repeat-x, repeat;
	background-position: top center , top center , 0 0 ;
	padding-bottom: 40px;
}
#second p.logo {
	text-align: center;
	padding: 25px 0 20px 6px;
}
#second #contents{
	background: url(../img/contentsHead.png) top center no-repeat #fff;
	border-radius: 10px;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 40px;
}
#second #contents h1{
	padding: 16px 0 0 18px;
}
/*===============================================
●スマホ用 基本構造
===============================================*/
@media screen and (max-width: 768px) {
	body{
		min-width:inherit;
	}
	.thkLogo img,
	.smpNavi li img{
		width: 100%;
	}
	header{
		position: relative;
		height: 52px;
		background: #fdd000;
	}
	header.scroll{
		position:fixed;
		top: -1px;
		left: 0;
		width: 100%;
		z-index: 50;
	}
	header .btnMenu{
		position: absolute;
		background: url(../img/smp/btnMenu.jpg) 0 0 no-repeat;
		background-size: 100% 100%;
		width: 40px;
		height: 40px;
		top:6px;
		right: 6px;
		text-indent:-9999px;
	}
	.smpNavi {
		z-index: 100;
		width: 100%;
	}
	header .smpNavi {
		position: absolute;
		top: 52px;
		left: 0;
		display: none;
	}
	.smpNavi li{
		width: 50%;
		float: left;
	}
	.thkLogo{
		position: absolute;
		width: 40px;
		height: 32px;
		top: 10px;
		left:8px;
	}
	/*
	* footer
	***************************/
	.black{
		padding: 0 0 10px;
		color: #fff;
		background: #000;
	}
	.black .sponsors{
		padding: 10px 10px 0 10px;
	}
	.black .syusai{
		text-align: center;
		font-size: 12px;
	}
	.black .kouen{
		text-align: center;
		font-size: 8px;
		line-height: 1.5;
	}
	.black .kyoryoku{
		padding: 4px 0 0;
	}
	.black .kyoryoku img{
		width: 130px;
	}
	footer .red span{
		display: block;
		padding-bottom: 6px;
	}
	footer .red p{
		padding: 8px 0;
		height:auto;
		font-size: 12px;
		line-height: 1.5;
		
	}
	footer .foot_banners{
		max-width: 100%;
	}
	footer .foot_banners li{
	/*	margin-right: 4px;*/
	}
	footer .foot_banners li img{
		width: 100%;
		height: auto;
	}
	footer .foot_banners li:nth-child(1),
	footer .foot_banners li:nth-child(2){
		width: 37%;
	}
	footer .foot_banners li:nth-child(3){
		width: 19%;
	}
	footer .foot_banners li:last-child{
		display: none;
	}
	footer .yellow {
		padding: 4px 0 0 0;
		background: #fed000;
	}
	footer .yellow .copy{
		clear: both;
		width: 100%;
		margin: 0 auto;
		height:inherit;
		padding-left: 0px;
		font-size: 7px;
		text-align: center;
		font-family: serif;
	}
	footer .yellow img{
		width: 100%;
	}
	footer .smp_att  {
		width: 160px;
		margin: 8px auto ;
	}
	footer .pagetop{
		margin-left: 2%;
		width: 12%;
		position:static;
	}
	footer .pagetop img {
		width: 100%;
	}
	/*
	* 二階層目
	************************************************/
	#second .headLogo{
		position: absolute;
		top: 0;
		left: 49px;
/*		left: 16%;*/
	}
	#second .headLogo img{
		width: 218px;
	}
	#second article{
		background:none;
	}
	#second p.logo {
		display: none;
	}
	#second #contents{
		background: url(../img/contentsHead.png) top center no-repeat #fff;
		border-radius:0;
		width: 100%;
		margin: 0 auto
	}
	#second #contents h1{
		padding: 16px 0 0 18px;
	}
	.snsIcon {
		border-top: 1px solid #000;
	}
	.snsIcon li{
	float: left;
	padding: 8px 0;
	width: 50%;
	background: #424242;
	text-align: center;
}
	.snsIcon li img{
		width:21%;
	}
	#sideNavi h5{
		background: 
	}
	#sideNavi img{
		width: 100%;
	}
	#sideNavi {
		background: #fff;
	}
	#sideNavi .shopList{
		display: none;
	}
	#sideNavi .shopList li{
		border-bottom: 1px dotted #cacaca;
		font-weight: bold;
		line-height: 1.2;
		color: #192549;
		background: url(../img/smp/sideBg.jpg) 16px 7px no-repeat;
		background-size:4px 24px;
		font-size: 10px;
	}
	#sideNavi .shopList li a{
		padding: 7px 25px;
		display: block;
	}
	#sideNavi .shopList li span{
		line-height: 1.1;
		display: block;
		font-weight: normal;
		font-size: 8px;
	}
	.banners{
		width: 100%;
		margin: 0 auto;
	}
	.banners li{
		float: left;
		margin: 5px 0;
		width: 50%;
		text-align: center;
	}
	.banners li img{
		width: 95%;
	}
	.foot_banners{
		height: auto;
	}
	.foot_banners li{
		height: auto;
	}
}
/* ビール非公開 設定用
公開時は以下のプロパティを全て削除
************************/
/*nav ul .navi1 a{
	display: none;
}
.map #contents .mapImage ul{
	display: none;
}
#sideNavi ul li:nth-child(1),
#sideNavi ul li:nth-child(2){
	display: none;
}
.smpNavi .navi1 a{
	pointer-events: none;
}*/