@charset "utf-8";

/*==========================================
 全デバイス共通［common］
===========================================*/
body {
	width: 100%;
	color:#000;
}
a:link {
	color: #03c;
}
a:visited {
	color: #939;
}
a:hover {
	color:#c03;
	text-decoration:underline;
}
a:active {
	color: #f06;
}
/*======［CLEARFIX］======*/
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
}
.clearfix:after {
	clear:both;
}

img {
	vertical-align: bottom;
}

/*======［YUI］======*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*======［End_YUI］======*/

body {
	font-size: 100%;
	/* font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif; */
	font-family: 'メイリオ',Meiryo,sans-serif;
}
/*==========================================
 PC専用［960px以上で固定＊固定指定を下記に］
===========================================*/
#wrapper {
	position: relative;
	width: 100%;
	z-index: 1;
	overflow: hidden;
}
.d-left {
	float: left;
}
.d-right {
	float: right;
}
.w500 { width: 500px; }
#contents .b-50 { margin: 0 0 50px;}
.sp-on {
	display: none;
}
.center {
	text-align: center;
}
.mc-menu-btn,
#mc-slide-menu-box {
	display: none;
}

/* ============［GO-TO-HEAD］============ */
.go-to-head-sp {
	display: none;
}
.go-to-head-pc {
	position: fixed;
	right: 5px;
	bottom: 30px;
	margin:0;
	z-index: 100;
}
.go-to-head-pc a {
	width: 80px;
	height: 80px;
	display: block;
	padding: 0;
}
.go-to-head-pc a img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
		-moz-transition-duration:0.5s;
		-webkit-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}
.go-to-head-pc a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
		-moz-transition-duration:0.5s;
		-webkit-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}

/* _______BASE */
.h-w {
	max-width: 1024px;
	margin: 0 auto;
}

/* _______HEADER */
#header-wrap {
	width: 100%;
	height: 78px;
	background: #fff;
}

#header {
	position: relative;
	width: 1024px;
	height: 78px;
	margin: 0 auto;
}
#logo {
    position: absolute;
    left: 0;
    top: 12px;
    width: 50%;
    overflow: hidden;
}

#logo img {
	width:100%;
	}
	
/* _________Googleカスタム検索 */
#search {
	position: absolute;
	left: 55%;
	top: 24px;
	margin: 0;
	padding: 0;
	width: 204px;
	height: 30px;
	
}
#cse-search-box {
	width: 204px;
	height: 30px;
}
#search-text {
	height: 28px;
	border: none;
}
#search_btn {
	border: 0px;
	width: 30px;
	height: 30px;
	margin-top: 2px;
	background-color: #000;
	background-image: url(/images/search_btn.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 180px;
	text-indent: -9999em;
	overflow: hidden;
}

/* ________LANGUAGE */
#lang {
	position: absolute;
	top: 26px;
	right: 0;
	width: 170px;
	height: 30px;
}

#lang ul li {
	display:inline;
	}
	

#lang ul li.n-lang a{
	display: block;
	position: relative;
	width: 150px;
	margin: 0;
	padding: 7px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border: 1px dotted #aaa;;
	border-radius: 15px;
	transition-duration: 0.5s;
	background: #fff;
	color: #000;
}
#lang ul li.n-lang a:before,
#lang ul li.n-lang a:after{
	content: "";
	position: absolute;
	top: 40%;
}
/* HOVER */
#lang ul li.n-lang a:hover{
	background: #000;
	color: #fff;
}
#contents {
	margin-top: 60px;
}

/* _______SLIDE */
.txt-box-2-sp {
	display: none;
}
#slide-wrap {
	position: relative;
	width: 100%;
	height: 640px;
	margin-top: 60px;
}
#slide-wrap .bxslider {
	width: 100%;
	height: 640px;
	overflow: hidden;
}
.bx-wrapper .bx-pager {
	z-index:1000 !important;
}
/* 
#slide-wrap .bxslider img {
	width: 100%;
	height: auto;
	min-width: 1200px;
	min-height: 640px;
}
 */
.bxslider > li {
	width: 100%;
	height: 640px;
}
.bxslider li.slide-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bxslider li.slide-bg.p01 {
	background-image: url(/image-slide/slide_01.jpg);
}
.bxslider li.slide-bg.p02 {
	background-image: url(/image-slide/slide_05.jpg);
}
.bxslider li.slide-bg.p03 {
	background-image: url(/image-slide/slide_02.jpg);
	background-position: center top;
}
.bxslider li.slide-bg.p04 {
	background-image: url(/image-slide/slide_03.jpg);
}
.bxslider li.slide-bg.p05 {
	background-image: url(/image-slide/slide_04.jpg);
}
.bxslider .slide-tt {
position: relative;
    width: 98%;
    max-width: 1024px;
    height: 640px;
    margin: 0 auto;
}
/* スライド内マーク */
.sld-mark-01 {
position: absolute;
    top: 26px;
    left: 0;
    width: 124px;
    height: 168px;
}
.sld-mark-02 {
	position: absolute;
	top: 230px;
	left: 0;
	width: 124px;
	height: 168px;
}

/* カウントダウン */
.cont-box {
	position: absolute;
    top: 26px;
    right: 0;
    width: 360px;
    background-color: rgba(0,0,0,0.5);
}

.c-rwc {
    text-align: center;
    color: #fff;
    font-size: 14px;
    }

 .c-rwc a {
color: #fff;
    font-size: 12px;
    text-decoration: none;
    display: block;
    position: relative;
    transition-duration: 0.5s;
    z-index: 9999;
    }
 .c-rwc a:hover {
	color: #fff;
    background:rgba(255,255,255,0.3);
    }    
    
    
.c-info {
float: left;
    margin: 5px 0 0 20px;
}
.c-days {
	font-size: 50px;
	vertical-align:bottom;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
	padding-right:10px;
}
.c-days span {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}
.c-days span#timer1,
.c-days span#timer2, 
.c-days span#timer3,
.c-days span#timer4,
.c-days span#timer5 {
	font-size: 50px;
	color:#d0b029;
}
.c-link {
	position: absolute;
	top: 100px;
	right: 0;
}
/* カウントダウンなし */
.c-link.link-only {
	position: absolute;
	top: 30px;
	right: 0;
}
.c-link li {
	margin: 0 0 10px;
}
.c-link li a {
	display: block;
	position: relative;
	padding: 8px 30px 8px 15px;
	transition-duration: 0.5s;
							border: solid 1px #fff;
}
.c-link li a::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 14px;
	width: 12px;
	height: 12px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-link li a:hover {
	background: #00304D;
}

.txt-box-2 {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: left;
}
.txt-box-2 h3 {
	margin: 0 0 10px;
}
.kaijyo {
	margin: 0 0 21px;
}
.nittei {
	margin: 0 0 18px;
}
.nittei img {
	float: left;
}
.cb {
	clear: both;
}
#nav-wrap {
	width:100%;
	position: absolute;
	z-index:9999;
}

#nav-wrap ul {
	display:flex;
	background:#d0b029;
	justify-content: center;
	align-items: center; 
}
	
#nav-wrap li {
	flex-grow: 1;
	text-align:center;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	padding:15px 0;
	margin:auto;
}

#nav-wrap li+ li {
  border-left: 1px dotted #333;
}
#nav-wrap li a {
	display:block;
	text-decoration: none;
	color: #000;
	transition-duration: 0.5s;
	
}
/* HOVER */
#nav-wrap li a:hover {
	font-weight: bold;
	color: #fff;
}

/* CURRENT */

.pnc-t-h2 {
	text-align: center;
	font-weight: bold;
	font-size: 182%;
	margin-bottom: 7px;
}

/* ____home_h2 */
.home-tt-h2 {
	width:100%;
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 0;
	color: #fff;
	font-size: 30px;
	background: #a67d17;
	text-align:center;
}

.home-tt-h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #a67d17;
}

.home-tt-h2-b {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 0;
    color: #fff;
    font-size: 30px;
    background: #094c84;
    text-align: center;

}

.tt-h2-top {
    margin:0;
    }
    
.home-tt-h2-b:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #094c84;
}
    


/* _______NEWS */
.topics-list {
	width: 1072px;
	margin: 0 0 0 -24px;
}
.topics-list li {
	float: left;
	padding: 0 0 24px;
	width: 220px;
	height: 330px;
	margin: 0 24px;
}
.topics-list li a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 90%;
	line-height: 1.3em;
	color: #000;
	transition-duration: 0.5s;
}
.pho{
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	margin: 0 auto;
	z-index: -10;
	/* border: solid 1px #ccc;
	background: #eee; */
}
.pho img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.1倍まで */
	max-width: 100%;
	max-height: 100%;
}

.topics-list li .news-txt {
	margin-top: 5px;
	z-index: 999 !important;
}
.topics-list li .hn-date {
	margin: 0 auto 10px;
    padding: 3px 14px 2px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #000;
}
.hn-tt {
	display: block;
	text-align: left;
}
/* HOVER */
.topics-list li a:hover {
	color: #c00;
}

.go-n-list {
	margin: 0 0 40px;
	text-align: center;
}
.go-n-list a {
	display: inline-block;
	padding: 7px 16px 5px;
	text-decoration: none;
	text-align: center;
	font-size: 90%;
	background: #d2b229;
	color: #000;
	transition-duration: 0.5s;
}
/* HOVER */
.go-n-list a:hover {
	background: #0c6396;
	color: #fff;
}
/* ニュース本文 */
#news #contents .d-left.box2a p {
	margin: 0 0 30px;
	line-height: 1.7em;
}

/* ニュース本文 */
.pdf {
	padding: 14px 7px 14px 30px;
	background: url(/images/icon_pdf.gif) no-repeat 6px center;
}
.doc {
	padding: 14px 7px 14px 30px;
	background: url(/images/icon_word.gif) no-repeat 6px center;
}
.xls {
	padding: 14px 7px 14px 30px;
	background: url(/images/icon_excel.gif) no-repeat 6px center;
}

.d-right.box2a .p-box {
	margin: 0 0 30px;
}
.d-right.box2a .p-box img {
	margin: 0 0 10px;
}

/* _______SNS */
.hn-facebook {
margin: 0 0 40px;
    width: 48.5%;
    height: 470px;
    border: solid 3px #315094;
}



.hn-twitter {
	margin: 0 0 40px;
	width: 48.5%;
	height: 470px;
	border: solid 3px #54AAEB;
}

.hn-twitter img,
.hn-facebook img {
	width:100%;
	}
	

/* _______RWC */

#rwc-top-wrap {
	width: 100%;
	margin-top:30px;
}

#rwc-wrap {
	width: 100%;
}

.rwc-list {
	list-style: none;
    width: 100%;
    margin: auto;
}
.rwc-list li {
	float: left;
	width: calc(( 100% - 1px ) / 6); 
	height: 74px;
	
}

.rwc-list li span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 74px;
    font-size: 90%;
    line-height: 1.4em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #78AECF;
    color: #fff;
    opacity:0.7;
}
.rwc-list li a {
     display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 74px;
    font-size: 90%;
    line-height: 1.4em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #0c6396;
    color: #fff;
    transition-duration: 0.5s
}

.rwc-list li a:hover {
	background: #00304D;
}

/* _______top_bnr */
#bnr-wrap {
	width: 100%;
}

.bnr-list {
	width: 100%;
	margin: 0 auto;
}
.bnr-list li {
	float: left;
	width: 50%;
}
.bnr-list li a {
	display: block;
    padding: 15px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8em;
    color: #fff;
    transition-duration: 0.5s;
}

/* HOVER */
.bnr-list li img:hover {
	opacity: 0.6;
	transition-duration: 0.3s;
}


/* _______ACCESS */
#acc-wrap {
	width: 100%;
}

.acc-list {
	width: 100%;
	margin: 0 auto;
}
.acc-list li {
	float: left;
	width: 50%;
}
.acc-list li a {
	display: block;
    padding: 15px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8em;
    color: #fff;
    transition-duration: 0.5s;
}

.acc-list li.acc-iw a {
	background: #000;
}
.acc-list li.acc-ka a {
	background: #b10026;
}
/* HOVER */
.acc-list li.acc-iw a:hover {
	background: #aaa;
}
.acc-list li.acc-ka a:hover {
	background: #d8879c;
}

/* _______TOURISM */
.tr-list {
	width: 1062px;
	margin: 0 0 30px -19px;
}
.tr-list li {
	float: left;
	width: 139px;
	margin: 0 19px 40px;
}
.tr-list li a {
	display: block;
	width: 139px;
	height: auto;
	text-align: center;
	text-decoration: none;
	color: #000;
	transition-duration: 0.5s;
}
.tr-list li img {
	width: 139px;
	height: auto;
	margin: 0 0 10px;
	border-radius: 50%;
}
.tr-list li a span {
	display: block;
	width: 139px;
}
.tr-list li a span.tr-hd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 139px;
	height: 40px;
	margin: 0 0 5px;
}
.tr-list li a span.go-ssi {
	display: block;
	position: relative;
	width: 139px;
	padding: 6px 0 4px;
	font-size: 90%;
	background: #d2b229;
	transition-duration: 0.5s;
}
.tr-list li a span.go-ssi::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 14px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* HOVER */
.tr-list li a:hover {
	color: #c00;
}
.tr-list li a:hover span.go-ssi {
	background: #947E00;
	color: #fff;
}
.tr-list li a:hover span.go-ssi::after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* MouseOver_Animation */
.tr-list li a:hover img {
	animation: flash 1.3s both;
}
@keyframes flash {
	0% { opacity: 1; }
	10% { opacity: 0.3; }
	70% { opacity: 1; }
}

/* _______IKR */
#ikr-wrap {
	width: 100%;
    background-size: cover;
    border: solid 1px #fff;
    border-left: none;
    border-right: none;
    margin-bottom: 20px;
}
.ikr-list a .ikr-hd {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 100px;
	margin: 0 0 5px;
	padding: 0 2em 0 0;
	text-align: left;
}

.ikr-pc {
	display:inline;
}

.ikr-sp {
	display:none;
	}
	
.ikr-list a .ikr-hd::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 16px;
	width: 12px;
	height: 12px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*  HOVER*/
.ikr-list a:hover {
	color: #c00;
}
/* MouseOver_Animation */
.ikr-list a:hover img {
	animation: flash 1.3s both;
}
@keyframes flash {
	0% { opacity: 1; }
	10% { opacity: 0.3; }
	70% { opacity: 1; }
}

/* _______ETC */
#etc-wrap {
	width: 100%;
	background: #d2b229;
	border: solid 1px #d2b229;
	border-left: none;
	border-right: none;
}
.etc-list {
	width: 720px;
	margin: 60px auto;
}
.etc-list li {
	float: left;
	width: 320px;
	margin: 10px 20px;
}
.etc-list li a {
	display: block;
	padding: 18px 0 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-size: 138.5%;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #000;
	background: #fff;
	transition-duration: 0.5s;
}
.etc-list li a::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 16px;
	width: 12px;
	height: 12px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* HOVER */
.etc-list li a:hover {
	color: #fff;
	background: #000;
}
.etc-list li a:hover::after {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

/* _______FOOTER */
#footer-wrap {
	width: 100%;
	background: #000;
	margin: 0;
	padding: 0 0 80px;
	border: solid 1px #000;
	border-left: none;
	border-right: none;
}
.footer-tt-h3 {
	text-align: center;
	margin: 30px 0 0;
}
.footer-tt-h3 a {
	display: inline-block;
	margin: 0;
	text-decoration: none;
	font-size: 138.5%;
	font-weight: bold;
	color: #fff !important;
}

.footer-tt-h3 a:visited {
	color: #fff !important;
}
.footer-tt-h3 a img {
	float: left;
	width: 100px;
	height: 136px;
	margin-right: 20px;
}
.footer-tt-h3 a span {
	float: left;
	width: 8em;
	height: 136px;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* _______ロゴまわり_改 */
.footer-title-wrap{
	margin: 30px 0 20px;
}
.footer-title {
	position: relative;
	width: 360px;
	height: 136px;
	margin: 0 auto;
	color: #fff;
}
.footer-title img {
	position: absolute;
	top: 0;
	leftt:0;
	width: 100px;
	margin: 0 auto;
}
.footer-title h3 {
	position: absolute;
	top: 0;
	left: 120px;
	font-size: 138.5%;
	font-weight: bold;
	color: #fff;
}
.footer-title p {
	position: absolute;
	bottom: 0;
	left: 120px;
	font-size: 12px;
}

#footer-wrap .nav {
	margin: 0 0 50px;
}
.sns-link {
	width: 124px;
	height: 42px;
	margin: 0 auto 30px;
}
.sns-link li {
	float: left;
	width: 42px;
	height: 42px;
	margin: 0 10px;
}
.crd {
	margin: 0 0 30px;
	text-align: center;
	font-size: 77%;
	color: #fff;
}

/* ____________________________ニュースで追加 */
/* ____________持ち込み禁止物 */
.com-list {
	padding-right: 0.7em;
	text-align: left;
	list-style-type: disc;
	margin-left: 1.5em;
	line-height: 1.5em;
}
.ac-tbl .mds {
	padding-left: 0.7em;
	padding-right: 0.7em;
	text-align: left;
	white-space: nowrap;
}

/* _______バナー */
.bnn-box-wrap {
	margin: 0 auto 20px;
	text-align: center;
}
.bnn-box {
	display: inline-block;
	list-style: none;
}
.bnn-box li {
	float: left;
	width: 160px;
	margin: 0 5px 20px;
}


/*==========================================
 PC＋タブレット専用［640px　以上?959px以下］
===========================================*/
@media only screen and ( max-width: 959px ) {
	.w500 { width: 48%; }
	.w500 img { width: 100%; height: auto; }
	
	/* _______BASE */
	.h-w {
		width: 96%;
		margin: 0 2%;
	}
	/* _______HEADER */
	#header-wrap {
		width: 100%;
		height: 78px;
		background: #fff;
	}
	#header {
		position: relative;
		width: 96%;
		height: 78px;
		margin: 0 2%;
	}

	#search {
		position: absolute;
		left: 55%;
		top: 24px;
		margin: 0;
		padding: 0;
		width: 150px;
		height: 30px;
	}
	#cse-search-box {
		width: 190px;
		height: 30px;
	}
	#search-text {
		width: 150px;
		border: none;
	}
	#search_btn {
		position: absolute;
		left: 160px;
		text-indent: -9999em;
		overflow: hidden;
	}
	/* ________LANGUAGE */
	#lang {
		position: absolute;
		top: 26px;
		right: 0;
		width: 14%;
		height: 30px;
	}
	#lang ul li.n-lang > a{
		display: block;
		position: relative;
		width: 100%;
	}
	#lang ul li.n-lang > a:after {
		display: none;
	}
	/* _______SLIDE */
	#slide-wrap {
		position: relative;
		width: 100%;
		height: 640px;
		margin-top: 60px;
	}
	.bxslider .slide-tt {
		position: relative;
		width: 98%;
		height: 640px;
		margin: 0 1%;
	}
	/* スライド内マーク */
	.sld-mark-01 {
		position: absolute;
    	top: 26px;
    	left: 0;
    	width: 124px;
    	height: 168px;
	}
	.sld-mark-02 {
		position: absolute;
		top: 160px;
		left: 0;
		width: 124px;
		height: 168px;
	}
	.sld-mark-01 img,
	.sld-mark-02 img {
		width: 100%;
		height: auto;
	}
	/* _______NAV  */

/* 960以下って必要ある？
	#nav-wrap {
		width: 100%;
		height: 148px;
		background: #000;
	}
	.nav {
		list-style: none;
		width: 100%;
		margin: 0;
		padding: 18px 0 0;
	}
フォントサイズだけ変更 */

	.nav li {
		/*float: left;
		width: 19%;
		height: 45px;
		margin: 3px 0.5%;*/
		font-size:10px;
	}
/*
	
	.nav li a {
		display: block;
		width: 100%;
		height: 44px;
		padding: 0 0 10px;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		border-bottom: solid 5px #695A0A;
		box-sizing: border-box;
		color: #999;
		transition-duration: 0.5s;
	}
	
	*/
	
	
	/* ____home_h2 */
	.home-tt-h2,
	.home-tt-h2.acc {
		margin: 20px 0 30px;
	}
	/* _______NEWS */
	.topics-list {
		width: 100%;
		margin: 0 0 0;
	}
	.topics-list li {
		float: left;
		padding: 0 0 24px;
		width: 23%;
		margin: 0 1%;
	}
	
	.topics-list li .hn-date {
		font-size: 93%;
	}
	/* _______SNS */

	/* _______TOURISM */
	.tr-list {
		width: 100%;
		margin: 0 0 30px;
	}
	.tr-list li {
		float: left;
		width: 20%;
		margin: 0 6.5% 40px;
	}
	.tr-list li a {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		text-decoration: none;
		color: #000;
		transition-duration: 0.5s;
	}
	.tr-list li img {
		width: 100%;
		height: auto;
		margin: 0 0 10px;
		border-radius: 50%;
	}
	.tr-list li a span {
		display: block;
		width: 100%;
	}
	.tr-list li a span.tr-hd {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		margin: 0 0 5px;
	}
	.tr-list li a span.go-ssi {
		display: block;
		position: relative;
		width: 100%;
		padding: 6px 0 4px;
		font-size: 90%;
		background: #d2b229;
		transition-duration: 0.5s;
	}
	/* _______ETC */
	#etc-wrap {
		width: 100%;
		background: #d2b229;
	}
	.etc-list {
		width: 100%;
		margin: 60px auto;
	}
	.etc-list li {
		float: left;
		width: 40%;
		margin: 10px 5%;
	}
	.etc-list li a {
		font-size: 93%;
	}
	.footer-title {
	}
	.section .footer-title img {
		width: 100px;
		height: 136px;
	}
}

/*==========================================
 MOBILE専用［639px以下］　
===========================================*/
@media only screen and ( max-width: 639px ) {
	body {
		overflow-x: hidden;
		min-width: 100%;
	}
	
	body img {
		width: 100%;
		height: auto;
	}
	
	#wrapper {
		position: relative;
		width: 100%;
		background: #f5f5f5;
		font-size: 93%;
	}
	.d-left {
		float: none;
	}
	.d-right {
		float: none;
	}
	.w500 { width: 100%; margin: 0 0 20px;}
	.pc-on {
		display: none;
	}
	.sp-on {
		display: block;
	}
	/* ============［MC-DRAWR-MENU］============ */
	.mc-menu-btn,
	#mc-slide-menu-box {
		display: block;
	}
	/* btn_area */
	.mc-menu-btn {
		position: fixed;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		z-index: 900;
		display: block;
		margin: 0;
		padding: 10px 10px;
		cursor: pointer;
		background: #71BF00;
			-moz-transition-duration:0.5s;
			-webkit-transition-duration:0.5s;
			-o-transition-duration:0.5s;
			-ms-transition-duration:0.5s;
		transition-duration:0.5s;
	}
	.mc-menu-btn:hover {
		background: #007B00;
	}
	.mc-menu-btn p {
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		margin: 0;
		line-height: 1em;
	}
	/* Hamburger */
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		display: block;
		width: 24px;
		height: 21px;
		margin: 0 8px 10px;
		pointer-events: none;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 9px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.mc-menu-btn.active .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.mc-menu-btn.active .menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}
	.mc-menu-btn.active .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}
	#mc-slide-menu-box {
		position: fixed;
		width: 280px;
		margin-top: 60px;
		top: 0;
		bottom: 0;
		right: -284px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 1000 !important;
	}
	.overlay {
		display: none;
		background: rgba(0,0,0,0.3);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 700 !important;
	}
	/* drawer_menu_list */
	.menu-list {
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		list-style:none;
		text-align: left;
        z-index: 1000 !imporatant;
	}
	.main-menu {
		position:relative;
		margin: 0;
	}
	.menu-list > li a {
		position: relative;
		display: block;
		margin: 0;
		padding:20px 30px 20px 14px;
		font-size: 93%;
		text-decoration: none;
		font-weight: bold;
		line-height:20px;
		border-bottom: solid 1px #c1c1c1;
		color:#333;
		background-color: #fff;
			-moz-transition-duration:0.5s;
			-webkit-transition-duration:0.5s;
			-o-transition-duration:0.5s;
			-ms-transition-duration:0.5s;
		transition-duration:0.5s;
	}
	.menu-list > li:last-child a {
		border-bottom: none;
	}
	.main-menu:hover,
	.menu-list > li a:hover {
		background-color: rgba(255,255,255,1.0);
		color:#B32B4F;
	}
	.menu-list > li a::after {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		margin-top: -5px;
		right: 12px;
		width: 8px;
		height: 8px;
		border-right: 2px solid #007B00;
		border-bottom: 2px solid #007B00;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	/* CURRENT */
	.menu-list li.current a {
		background: #99CF1B;
		color: #fff;
	}
	.menu-list li.current a::after {
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	
	.pnc-t-h2 {
		text-align: center;
		font-weight: bold;
		font-size: 123.1%;
		margin-bottom: 7px;
	}
	
	/* ============================SPM */
	/* _______BASE */
	.h-w {
		width: 96%;
		margin: 0 2%;
	}
	/* _______HEADER */
	#header-wrap {
		width: 100%;
		height: auto;
		background: #fff;
	}
	#header {
		position: relative;
		width: 96%;
		height: auto;
		margin: 0 2% 15px;
	}
	#logo {
		position: static;
		left: 0;
		top: 18px;
		width: 300px;
		height: 50px;
		margin: 20px 5px 15px;
		overflow: hidden;
	}
	#search {
		position: static;
		left: 55%;
		top: 24px;
		float: left;
		margin: 0;
		padding: 0;
		width: 150px;
		height: 30px;
	}
	#cse-search-box {
		width: 150px;
		height: 30px;
	}
	#search-text {
		width: 120px;
		border: none;
	}
	#search_btn {
		position: absolute;
		left: 130px;
		text-indent: -9999em;
		overflow: hidden;
	}
	/* ________LANGUAGE */
	#lang {
		position: static;
		top: 26px;
		right: 0;
		float: right;
		width: 150px;
		height: 30px;
	}
	#lang ul li.n-lang > a{
		display: block;
		position: relative;
		width: 150px;
	}
	#lang ul li.n-lang > a:after {
		display: none;
	}
	#lang ul li ul {
		display: none;
	}
	
	#contents {
	margin-top:0;
	}
	/* ___________________SLIDE */
	#slide-wrap {
		position: relative;
		width: 100%;
		height: 640px;
		margin-top:0px
	}
	.bxslider .slide-tt {
		position: relative;
		width: 98%;
		height: 590px;
		margin: 0 1%;
	}
	.cont-box {
	    display: none;
	}
	.c-info {
		float: left;
		margin: 14px 20px 0 15px;
		width: 130px;
	}
	.c-days {
		float: left;
		font-size: 30px;
		font-weight: bold;
		line-height: 66px;
		color: #fff;
	}
	.c-days span {
		font-size: 12px;
		font-weight: bold;
		color: #fff;
	}
	.c-days span#timer1,
	.c-days span#timer2 {
		font-size: 38px;
	}
	.c-link {
		position: absolute;
		top: 66px;
		right: 7px;
		width: 250px;
	}
	/* カウントダウンなし */
	.c-link.link-only {
		position: absolute;
		top: 30px;
		right: 7px;
	}
	/* スライド内マーク */
	.sld-mark-01,
	.sld-mark-02,
	.txt-box-2 {
		display: none;
	}
	.txt-box-2-sp {
		display: block;
		position: absolute;
		width: 96%;
		margin: 0 2%;
		bottom: 0;
		left: 0;
		text-align: left;
	}
	.txt-box-2-sp img {
		max-height: 480px;
		width: auto;
	}
	
	/* _______NAV  */
	#nav-wrap {
							display: none;
	}
	/* ____home_h2 */
	.home-tt-h2,
	.home-tt-h2.acc {
		margin: 20px 0 30px;
	}
	
		/* _______top_bnr */
	#bnr-wrap {
		width: 100%;
		height: auto;
		padding: 0 0 30px;
	}
	.bnr-list {
		width: 100%;
		margin: 0 auto;
	}
	.bnr-list li {
		float: none;
		width: 92%;
		margin: 0 4% 10px;
	}

	
	/* _______NEWS */
	.topics-list {
		width: 100%;
		margin: 0 0 0;
	}
	.topics-list li {
		float: left;
		padding: 0 0 20px;
		width: 46%;
		margin: 0 2%;
	}
	.topics-list li .hn-date {
		font-size: 93%;
	}
	body .pho img {
		width: auto;
		height: auto;
	}
	
	/* _______SNS */
	.hn-facebook {
		margin: 0 2% 20px;
		width: 96%;
		height: 470px;
	}
	.hn-twitter {
		margin: 0 2% 20px;
		width: 96%;
		height: 470px;

	}
	/* _______RWC */
	#rwc-wrap {
	}
	.rwc-list li {
		width: 50%;
		font-size: 12px;
		height: 35px;
	}
	
	.rwc-list li a {
	height:35px;
	}
	
	.rwc-list li span {
	height:35px;
	}
	
	
	/* _______ACCESS */
	#acc-wrap {
		width: 100%;
		height: auto;
		padding: 0 0 30px;
	}
	.acc-list {
		width: 100%;
		margin: 0 auto;
	}
	.acc-list li {
		float: none;
		width: 92%;
		margin: 0 4% 10px;
	}

	/* _______TOURISM */
	.tr-list {
		width: 100%;
		margin: 0 0 30px;
	}
	.tr-list li {
		float: left;
		width: 40%;
		margin: 0 5% 25px;
	}
	.tr-list li a {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		text-decoration: none;
		font-size: 93%;
		color: #000;
		transition-duration: 0.5s;
	}
	.tr-list li img {
		width: 100%;
		height: auto;
		margin: 0 0 2px;
		border-radius: 50%;
	}
	.tr-list li a span {
		display: block;
		width: 100%;
	}
	.tr-list li a span.tr-hd {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		margin: 0 0 5px;
	}
	.tr-list li a span.go-ssi {
		display: block;
		position: relative;
		width: 100%;
		padding: 6px 0 4px;
		font-size: 90%;
		background: #d2b229;
		transition-duration: 0.5s;
	}
	
/* ikr */
.ikr-pc {
	display:none;
}

.ikr-sp {
	display:inline;
	}	

	/* _______ETC */
	#etc-wrap {
		width: 100%;
		background: #d2b229;
	}
	.etc-list {
		width: 100%;
		margin: 20px auto 10px;
	}
	.etc-list li {
		float: none;
		width: 92%;
		margin: 0 4% 10px;
	}
	.etc-list li a {
		font-size: 93%;
	}
	/* _______FOOTER */
	#footer-wrap .nav {
		display: none;
	}
	.sns-link {
		width: 124px;
		height: 42px;
		margin: 40px auto 30px;
	}
	/* _______GO_to_HEAD */
	.go-to-head-pc a {
	width: 60px;
	height: 60px;
	display: block;
	padding: 0;
	}
}




/* _______NEWS */
#home .topics-list {
	max-width: 1024px;
	margin: 0;
}
#home .topics-list li {
    padding: 0 0 24px;
    width: 22%;
    height: 300px;
    margin: 0 0 10px 24px;
    overflow: hidden;
}
#home .go-n-list {
	clear: both;
	text-align:right;
}
.home-count-down,.home-count-down_w {
	float: left;
	width: 340px;
	padding: 10px;
	text-align: center;
	background: #d2b229;		
}

.home-count-down_w {
background-color: rgba(0,0,0,0);
}

.home-count-down,.home-count-down_w img {
	width: 100%;
	height: auto;
}

.home-count-down_w img {
	margin-top:5px;
	}

.home-count-down,.home-count-down_w h3 {
	margin: 0;
	font-weight: bold;
	font-size: 108%;
	color: #000;
}
.home-count-down,.home-count-down_w p {
	margin: 0;
}
.home-count-down,.home-count-down_w p a {
	display: inline-block;
	padding: 4px 10px 3px;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	background: #000;
	color: #fff;
}
/* PC＋タブレット専用［640px　以上?959px以下］ */
@media only screen and ( max-width: 959px ) {
	/* _______NEWS */
	#home .topics-list {
		max-width:959px;
		margin: 0 0 0;
	}
	#home .topics-list li {
		float: left;
		padding: 0 0 24px;
		width: 24%;
		margin: 0 0 0 1%;
	}
	/* _______HOME-カウントダウン */
	.home-count-down {
		float: left;
		width: 22%;
		padding: 10px 2% 25px;
		text-align: center;
		background: #d2b229;
	}
}
/* MOBILE専用［639px以下］ */
@media only screen and ( max-width: 639px ) {
	/* _______NEWS */
	#home .topics-list {
		width: 100%;
		margin: 0 0 0;
	}
	#home .topics-list li {
		float: none;
		padding: 0 0 20px;
		width: 96%;
		height: 150px;
		margin: 0 2%;
	}
	#home .topics-list li a {
		display: block;
		height: 150px;
	}
	#home .topics-list li .pho {
		float: left;
		padding: 0;
		width: 35%;
    	height: 100%;
		margin: 0;
	}

/*
	#home .topics-list li .pho img {
		width: 100%;
		height: auto;
	}
*/	
	#home .topics-list li .news-txt {
		float: left;
		width: 60%;
		padding: 0;
		margin: 0 0 0 2%;;
	}
	#home .topics-list li .hn-date {
		font-size: 93%;
	}
	/* _______HOME-カウントダウン */
		.home-count-down_w {
		display:none;
		}
	
	.home-count-down {

		float: none;
		margin: 20px 5% 30px;
		width: 80%;
		padding: 14px 5%;
		text-align: center;
		background: #d2b229;
	}
	/* _______バナー */
	.bnn-box {
		list-style: none;
		width: 100%;
		margin: 0 auto;
	}
	.bnn-box li {
		float: left;
		width: 44%;
		margin: 0 3% 20px;
	}
	.bnn-box li a img {
		width: 100%;
		height: auto;
	}
}

#nav-wrap.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
}

@media only screen and ( min-width: 639px ) {
	.home-count-down {
		display:none;
		}
		

/* ######################################################################################
   facebook埋め込み：レスポンシブ対応
 
   ###################################################################################### */
.fb-page {
    display:block !important;
    width:100%;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    height:429px;
}

#the-day {
	margin:-35px;
	padding:35px;
	}

#fanzone-eat,
#fanzone-guest,
#fanzone-present,
#fanzone-event,
#fanzone-stage {
	margin:-45px;
	padding:45px;
	}
	
.swiper-slide img {
	width:100%;
	}