@charset "UTF-8";
/* CSS Document */
body{
	text-align:center;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
a{
	border:none;
}


/* ヘッダー
___________________________________________________ */
#header{
	width:1000px;
	height:104px;
	margin:0 auto;
	font-size:12px;
}
#header h1#logo{
	float:left;
	width:400px;
	margin-top:20px;
}
#header #tool{
	float:right;
	width:463px;
}
/*#header #tool #panf{
	margin:0 auto;
	margin-top:11px;
}
#header #tool #panf li:first-child{
	border-left:solid 1px #ccc;
}
#header #tool #panf li{
	float:left;
	width:76px;
	height:38px;
	border-right:solid 1px #ccc;
	line-height:1.3;
}
#header #tool #search{
	margin-top:15px;
	width:300px;
	float:right;
}*/

#header #tool #panf{
	margin:0 auto;
	margin-top:7px;
}
#header #tool #panf li:first-child{
	border-left:solid 1px #ccc;
}
#header #tool #panf li{
	float:left;
	width:76px;
	height:38px;
	border-right:solid 1px #ccc;
	line-height:1.3;
}
#header #tool #search{
	margin-top:5px;
	width:300px;
	float:right;
}

#header #lang li{
	width:120px;
	float:right;
	text-align:center;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-color:#f0dfdf;
	border-radius:0 0  5px 5px;
}
#header #lang:after{
  content: "";
  display: block;
  clear: both;
}
#header #lang li:first-child{
	border-left:solid 1px #ccc;
}
#header #lang li#select{
	background-color:#850000;
}
#header #lang li a{
	display:block;
}
#header #lang li#select a{
	color:white;
}

/* メインイメージ
___________________________________________________ */
#mainCover{
	background-image:url(../../images/top/bg_mainimage01.jpg);
	text-align:center;
}
#mainBox{
	width:1000px;
	height:388px;
	margin:0 auto;
	background-image:url(../../images/top/bg_mainimage02.jpg);
}
#mainBox #mainImg{
	float:left;
	width:754px;
	height:388px;
	background-color:#850000;
	/* 詳細は、mainimage.css */
}
#mainBox #mainImg img{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
onSelectStart="return false;"
}

#mainBox #mainbn{
	float:right;
	width:240px;
	height:388px;
	background-color:#9a2945;
}
#mainBox #mainbn ul{
	margin-top:10px;
	text-align:center;
}
#mainBox #mainbn li{
	margin-left:9px;
	padding-bottom:7px;
	overflow: hidden;
}
#mainBox #mainbn li.bnLsize{
	width:223px;
	height:182px;
}
#mainBox #mainbn li.bnMsize{
	width:223px;
	height:86px;
}
#mainBox #mainbn li.bnSsize{
	width:223px;
	height:68px;
}


/* グローバルナビ
___________________________________________________ */
#glNavCover{
	height:152px;
	margin-bottom:23px;
	background-image:url(../../images/top/bg_gl_nav.png);
}
#glNav{
	width:1008px;
	margin:0 auto;
	padding-top:13px;
	position:absolute;
	left:50%; margin-left:-504px;
	z-index:10000;
}
#glNav li{
	float:left;
	width:120px;
	margin:0 3px 0 3px;
}
#glNav li li{
	margin:0;
}
#glNavImg{
	clear:both;
}

/* 旬の萩　スライド
___________________________________________________ */
#slideBox{
	width:1000px;
	margin:0 auto;
}
#slideBox h2{
	padding-left:16px;
	background-image:url(../../images/top/bg_syun_title.png);
	background-repeat:no-repeat;
	background-position:125px center;
	text-align:left;
}

#slideBox dl{
	width:80%;
	border:2px solid #B7B7B7;
	padding:10px;
	margin:10px auto;
	text-align:left;
  border-radius : 5px;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
}

#slideBox dt a{
	font-size:1.2em;
  color : #7D0000;
}

#slideBox dd{
	padding:0;
	margin:0;
}

#slideBox dd.sliderimg{
	margin:10px 0 3px 0;
	text-align:center;
}
#slideBox dd.sliderimg img{
	max-width:200px;
	max-height:130px;
	margin:0 auto;
}
#slideBox dd.txt{
	margin:5px 0;
}


/* お知らせなど
___________________________________________________ */
#infoArea{
	width:966px;
	margin:0 auto;
	text-align:left;
	margin-bottom: 40px;
}
#infoArea ul{
	margin:0;
	padding:0;
}
/* 左のリンク、バナー、Facebook
_____________________________________ */
#left_box{
	float:left;
	width:220px;
}
/* サブナビ */
#left_box #subNav{
	border-top:solid 1px #ccc;
	font-size:1.2em;
	font-weight:bold;
}
#left_box #subNav li{
	border-bottom:solid 1px #ccc;
}
#left_box #subNav li a{
	padding:10px 0 10px 35px;
	background-repeat:no-repeat;
	background-position:left center ;
	display:block;
}
#left_box #subNav a.btn01{
	background-image:url(../../images/top/ico_guide.png);
}
#left_box #subNav a.btn02{
	background-image:url(../../images/top/ico_otasuke.png);
}
#left_box #subNav a.btn03{
	background-image:url(../../images/top/ico_map.png);
}
#left_box #subNav a.btn04{
	background-image:url(../../images/top/ico_p.png);
}
#left_box #subNav a.btn05{
	background-image:url(../../images/top/ico_panf.png);
}
#left_box #subNav a.btn06{
	background-image:url(../../images/top/ico_pg.png);
}
#left_box #subNav a.btn07{
	background-image:url(../../images/top/ico_renraku.png);
}
#left_box #subNav a.btn08{
	background-image:url(../../images/top/ico_link.png);
}
#left_box #subNav a.btn09{
	background-image:url(../../images/top/ico_tv.png);
}
/* バナーナビ */
#left_box #bnNav{
	margin-top:20px;
}
#left_box #bnNav li{
	margin-bottom:6px;
	width:220px;
	overflow: hidden;
}
/* Facebook */
#left_box #fb{
	margin-top:20px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-image:url(../../images/top/bg_fb.png);
	background-repeat:repeat-y;
}
#left_box #fb iframe{
	width:220px;
	height:250px;
	overflow:hidden;
}

/* 新着・イベント・アクセスランキング
_____________________________________ */
#center_box{
	float:left;
	width:548px;
	margin-left:21px;
	line-height:1.8;
}
#center_box a:link{
	text-decoration:none;
}
#center_box a:hover{
	text-decoration:underline;
}
/* 新着・イベント */
#center_box #news li,
#center_box #event li {
	background-image:url(../../images/square.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:23px;
}
#center_box #news{
	margin-bottom:30px;
}
#center_box #event{
	margin-bottom:30px;
}
.btn_news{
    text-align: center;
    margin-top: 1em;
    font-weight: bold;
}
.btn_news a{
    border: solid 1px #bbb;
    padding: 0.7em 1.5em 0.7em 2.3em;
}
/* ランキング */
#center_box #ranking li{
	height:25px;
	margin-bottom:5px;
	padding-left:40px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position: 6px top;
	border-bottom:dotted 1px #ccc;
}
#center_box #ranking li#rank1{
	background-image:url(../../images/top/rank1.png);
}
#center_box #ranking li#rank2{
	background-image:url(../../images/top/rank2.png);
}
#center_box #ranking li#rank3{
	background-image:url(../../images/top/rank3.png);
}
#center_box #ranking li#rank4{
	background-image:url(../../images/top/rank4.png);
}
#center_box #ranking li#rank5{
	background-image:url(../../images/top/rank5.png);
}

/* 広告バナー、天気
_____________________________________ */
#right_box{
	float:right;
	width:160px;
	text-align:right;
}
#right_box #bnAd{
	margin-left:15px;
	margin-bottom:15px;
}
#right_box #bnAd li{
 width:145px;
 height:42px;
 overflow:hidden;
 margin-bottom:5px;
}
#right_box #bnOther p{
	margin-bottom:15px;
}

/* フッター
___________________________________________________ */
#footer{
    font-style:normal;
    font-size:1em;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	border-top: 1px solid #9A2945;
	border-bottom: 1px solid #9A2945;
	text-align:center;
	padding:5px 0 10px 0;
	line-height:1.9;
}
#footer #name_kankokyokai{
	margin-right:1em;
	font-size:1.2em;
} 
#footer{
	width:966px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:10px;
}
#footer_banner{
	margin-bottom:20px;
}


/* フッターバナー
------------------------------------------------- */
#banner{
	clear:both;
	width:972px;
	margin:0 auto;
	margin-top:25px;
}
#banner li{
	float:left;
	margin:0 3px;
}
#banner li{
	margin-bottom:10px;
}

/* お知らせエリアバナー
------------------------------------------------- */
#banner2{
	clear:both;
	width:100%;
	margin:0 auto;
	margin-top:25px;
}
#banner2 li{
	float:left;
	margin:0 3px;
}
#banner2 li{
	margin-bottom:10px;
}

/* Instagram
------------------------------------------------- */
#instagram{
	width: 100%;
	background: #fef9f2;
	margin-bottom: 60px;
}
.figure2 {
  position: relative;
  overflow: hidden;
  width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;
}
.figcaption2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
		color: white;
	text-align: left;
	padding: 23px 15px;
	box-sizing: border-box;
	line-height: 1.8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.figure2:hover .figcaption2 {
  opacity: 1;
}
.figcaption2 p{
  max-height: 90%;
  overflow: hidden;
}
.figure2 img,
.figure img{width: 200px;height: 200px;}
	
.figure {
	position: relative;
	overflow: hidden;
	width: 1000px;
	height: 400px;
	text-align: center;
	margin: 0 auto;
}
.figcaption {
  position: absolute;
  top: 100px;
  left: 400px;
  z-index: 2;
  width: 200px;
  height: 200px;
  -webkit-transition: .3s;
  transition: .3s;
	box-shadow:0px 0px 2px 1px #ccc;
}
.figure:hover .figcaption {
  top: -180px;
  opacity: .6;
}
#instagram ul{
		display: flex;flex-wrap: wrap;
		margin: 0;
		padding: 0;
		list-style: none;
	}
#instagram li{
		width: 200px;
		flex-wrap: wrap;
	}

/* クリア
___________________________________________________ */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}