@charset "UTF-8";
body {
  min-width: 960px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 180%;
  font-family: 'メイリオ', 'ヒラギノ角ゴ 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 .navi1 a:hover,
nav ul .navi2 a:hover,
nav ul .navi3 a:hover,
nav ul .navi4 a:hover,
nav ul .navi5 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;
  /*cursor:inherit;*/ }

.event nav ul .navi3,
nav ul .navi3 a:hover {
  background-position: -330px 0; }

.map .navi4,
nav ul .navi4 a:hover {
  background-position: -456px 0;
  /*cursor:inherit;*/ }

.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 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;
}*/
/*
.smpNavi .navi1 a{
	pointer-events: none;
}*/

/*# sourceMappingURL=common.css.map */