/*
Theme Name: dk-base 2019
Theme URI: 
Version: 1.0
Author: Digital Kitchen
Author URI: https://dejikichi.com

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	CONTENT
	SIDE BAR
	FOOTER
	MISC
	Mobile
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html{
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.4;
	font-size:16px;
	font-family: "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
}
body{background-color:rgba(254, 234, 188, 0.3);}
div#pageframe{}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a,
a:link,
a:visited {
	text-decoration: none;
	color:#1B66AB;
	outline:none;
}
a:hover,
a:active {color:#ff8000;}
a img{
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	outline:none;
	border: none;
}
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active{
	display:block;
	padding:0.4em 2em;
	margin:0.4em;
	border:3px double #1B66AB;
	border-radius:6px;
	background-color:#00b200;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
a.btn:hover,
a.btn:active{
	border:3px double #00b200;
	background-color:#fff;
	color:#ff8000;
}
img { max-width: 100%; outline:none; height: auto; }
figure{margin:0;}
input[type="email"],
input[type="text"]{
	font-size:1rem;
	padding:2px;
	max-width:100%;
}
input[type="submit"]{
	font-size:1rem;
	padding:0.4em;
}
select{
	font-size:1rem;
	padding:0.6em;
}
select option{font-size:1rem;}
textarea{
	font-size:1rem;
	padding:0.4em;
}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.pc_none,
.sp_none{display:none;}
.bottom_1em{margin-bottom:1em;}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright{float:right;}
.alignleft{float:left;}
ul.arrowpnt li{
	margin-bottom:0.6em;
	list-style-type:none;
	text-indent:-1em;
}
ul.arrowpnt li::before{
	content:'\f138';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:1em;
	display:inline-block;
}
section,
article,
div{box-sizing:border-box;}
table{
	border-collapse: collapse;
	width:100%;
}
table th,
table td{
	padding:0.6em;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}
table.noborder,
table.noborder th,
table.noborder td{border:none;}
.mapwrapper{
	position: relative;
	padding-bottom: 56.25%;/*16:9 aspect*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.mapwrapper iframe,
.mapwrapper object,
.mapwrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*	HEADER
-------------------------------------------------
*/
header{
	background-color:rgba(207,237,205,0.5);
	position:relative;
	z-index:10;
}
header li{list-style-type:none;}
header .headtitle{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
header .headtitle h1{
	margin:0;
	line-height:0.5;
	font-size:18px;
	padding:0 0 1em 5em;
	text-indent:-4em;
}
header .headtitle ul {
	padding:1em 0;
}
header .headtitle ul li{
	line-height:1.4;
	margin-bottom:0.4em;
}
header .headtitle ul li a:link,
header .headtitle ul li a:visited,
header .headtitle ul li a:hover,
header .headtitle ul li a:active{
	display:block;
	width:100%;
	padding:0.4em 1em 0.4em 0.4em;
	border-radius:2em;
	background-color:#fff;
}
header .headtitle ul li a:hover,
header .headtitle ul li a:active{
	text-decoration:none;
	background-color:#FCAA00;
	color:#fff;
}
header nav{
	margin:0;
	background-color: #fff;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
header nav ul{
	display:flex;
	align-items:stretch;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
header nav ul li{
	flex:0 1 auto;
	margin:0;
	width:100%;
	max-width:200px;
}
header nav ul li a:link,
header nav ul li a:visited,
header nav ul li a:hover,
header nav ul li a:active{
	display:flex;
	padding:0.4rem;
	width:100%;
	height:100%;
	font-size:18px;
	text-align:center;
	color:#333;
	text-decoration:none;
	align-items:center;
	justify-content:center;
}
header nav ul li a:hover,
header nav ul li a:active{
	background-color:#ff8000;
	color:#fff;
}
header nav ul li a i{
	width:auto;
	font-size:24px;
}
header nav ul li a img{
	height:3em;
	width:auto;
}
header nav ul li a:hover img,
header nav ul li a:active img{
	opacity:1;
}
section.headerbg{
	display:block;
	width:100%;
	height:210px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(/outer_files/image/slider-image-sakura.jpg);
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}


/*	CONTENT
-------------------------------------------------
*/
#breadcrumb{
}
#breadcrumb ul {
	width:100%;
	max-width:1200px;
	margin:1em auto;
}
#breadcrumb ul li{display:inline-block;}
#breadcrumb ul li::before{
	content:"\0000A0\0000BB\0000A0";
}
#breadcrumb ul li:first-of-type::before{
	content:"";
}
main{
	display:flex;
	width:100%;
	max-width:1200px;
	margin:1em auto;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contenth2{
	padding:1em;
	background-color:#fff;
}
.contenth2 h2{
	width:100%;
	max-width:1200px;
	border-bottom:4px solid #1B66AB;
	margin: 0 auto;
	text-align:center;
}
article.content,
section.post {
	flex:0 1 auto;
	width:calc(99vw - 320px);
	max-width:880px;
}
section.post {border-bottom:2px solid #ccc;}
#postname,
section.post .entry_wrap{
}

#postname{
}
section.post h3{
	display:flex;
	font-size:18px;
	align-items:center;
	padding:1rem;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:1rem;
}
section.post h3 img{
	height:2.4rem;
	width:auto;
}
p.date{
	text-align:right;
	padding:1em;
}
.entry {
	padding: 1em;
	background-color:#fff;
	min-height:600px;
}
section.post .entry h3{

}
.entry p{
	line-height:1.4;
	margin-bottom:0.4em;
}
.entry p.hd{text-indent:1em;}
.postdate{
	text-align:right;
	background-color:#fff;
}
.post figure,
.entry figure{padding:0 1em;}
.post img,
.entry img{width:100%;height:auto;}
.entry h4{
	padding:0.4em 1em;
	background-color:#1B66AB;
	color:#fff;
	margin:0.4em 0;
}
.btnlink a:link,
.btnlink a:visited,
.btnlink a:hover,
.btnlink a:active{
	display:inline-block;
	padding:0.4em 1em;
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e0e0 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e6e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e6e0e0 100%);
	color:#0e489a;
	border:2px solid #ccc;
	border-radius:4px;
	text-decoration:none;
	font-weight:bold;
}
.btnlink a:hover,
.btnlink a:active{
	background: rgb(224,224,224);
	color:#f90;
}
.gmap{
	position: relative;
	width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
	height: 0;
	padding-bottom: 56.25%;    /* padding-topでもOK */
	overflow: hidden;
}
.gmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*	post table
-------------------------------------------------*/

table{width:100%;max-width:100%;}
table caption{padding:0.4em;font-weight:bold;}
table th,
table td{padding:0.6em;border:1px solid #ccc;}
table th{
	font-weight:bold;
	text-align:center;
}
table td{}
table td p{padding:0;margin:0;text-indent:0;}
table td ul,
table td ol{margin-left:1em;}



/*	post ol ul li
-------------------------------------------------*/
.entry ul,
.entry ol{margin-left:2em;}

.entry ul li,
.entry ol li{line-height:1.8;}



/*	TOP
-------------------------------------------------*/
section.topslide{
	position:absolute;
	top:0;
	left:0;
}
section.adslide{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin-top:calc( 100vw * 0.38 - 210px );
	margin-top:calc( 100vw * 0.38 - 180px);
}
section.adslide img{
	margin:0 auto;
}
article.content section{padding-bottom:1em;}
article.content section h2{
	display:flex;
	align-items:center;
	border-bottom:2px solid #FCAA00;
	position:relative;
}
article.content section h2 img{
	height:2.4em;
	width:auto;
}
article.content section h2 span{
	position:absolute;
	top:0;
	right:0;
	background-color:#FCAA00;
	color:#fff;
	font-size:16px;
	height:3em;
	display:flex;
	align-items:center;
	padding:1em;
	min-width:12em;
}
article.content section h2 span:before{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	bottom: 0;
	left: -3em;
	border-style: solid;
	border-color: transparent transparent #FCAA00 transparent;
	border-width: 0 0 3em 3em;
}
ul.gridbox{
	display:flex;
	width:100%;
	margin:0 auto;
	padding:1em 0;
	flex-wrap:wrap;
}
ul.gridbox li{
	flex:0 1 auto;
	list-style-type:none;
	width:33%;
	max-width:300px;
	padding:1em;
	padding-bottom:0;
}
ul.gridbox li a:link,
ul.gridbox li a:active,
ul.gridbox li a:hover,
ul.gridbox li a:visited{
	display:flex;
	width:100%;
	height:100%;
	background-color:#fff;
	flex-flow:column nowrap;
	align-content:space-between;
}
ul.gridbox li figure{
	flex:1 1 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	background: #fafafa url(/outer_files/image/dammy_img_big.gif) no-repeat;
	background-size:contain;
	background-position: center;
}
ul.gridbox li figure img{width:100%;height:auto;}
ul.gridbox li time{display:block;}
ul.gridbox li span{
	display:block;
	padding:1em;
	flex:0 0 auto;
	height:6em;
}
ul.gridbox li span time{display:inline-block;}
section.eventarea ul li a figure{position:relative;}
section.eventarea ul li a figure img.past-event{opacity:0.5;}
section.eventarea ul li a figure figcaption.endmark{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-weight:bold;
	color:#333;
	color:#f00;
	text-shadow:
		#fff 4px 0px,  #fff -4px 0px,
		#fff 0px -4px, #fff 0px 4px,
		#fff 4px 4px , #fff -4px 4px,
		#fff 4px -4px, #fff -4px -4px,
		#fff 2px 4px,  #fff -2px 4px,
		#fff 2px -4px, #fff -2px -4px,
		#fff 4px 2px,  #fff -4px 2px,
		#fff 4px -2px, #fff -4px -2px;
}
section.eventarea ul li a:hover figure img.past-event{opacity:0.3;}
section.tourarea ul.gridbox li span{height:auto;}
ul.gridbox li span.alert,
ul.gridbox li span.info,
ul.gridbox li span.event{
	padding:0.4em 2em;
	height:2em;
}
span.alert,
span.info,
span.event{
	text-align:center;
	background-color:#f00;
	color:#fff;
}
span.info{background-color:#002b84;}
span.event{background-color:#009144;}
ul.infolist {
	margin-top:3em;
	padding:0;
}
ul.infolist li {
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0 1em 0.4em 1em;
	width:100%;
	border-bottom:dotted 4px #333;
}
ul.infolist li a:link{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
}
ul.infolist li span{
	flex:1 1 100%;
}
ul.infolist li time{
	display:inline-block;
	flex:0 0 auto;
	width:auto;
	padding-right:1em;
	min-width:9em;
}
ul.infolist li span:last-of-type{
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding:4px 14px;
	min-width:6rem;
	border-radius:2em;
	flex:0 0 auto;
}

ul.infolist li span,
ul.gridbox li figure figcaption{
	word-break:break-all;
}

p.contentlink{
	margin:1em 0;
	text-align:center;
}
p.contentlink a:link,
p.contentlink a:visited,
p.contentlink a:hover,
p.contentlink a:active{
	display:inline-block;
	padding:0.4em 2em;
	border-radius:2em;
	background-color:#61C359;
	font-weight:bold;
	color:#fff;
}
p.contentlink a:hover,
p.contentlink a:active{
	background-color:#FCAA00;
}
section.largead{text-align:center;}
section.foot_ad {
	width:100%;
	background-color:#fff;
	padding:1em;
}
section.foot_ad ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:1250px;
	margin:0 auto;
	align-items:center;
}
section.foot_ad ul li{
	list-style-type:none;
	flex:0 1 auto;
	width:auto;
	height:50px;
	margin:0.4rem;
}
section.foot_ad ul li a img{
	height:100%;
	width:auto;
}
section.foot_ad ul li .ad{
	margin:0;
}



/*	archives
-------------------------------------------------*/
nav.catnav ul{
	display:flex;
	flex-wrap:wrap;
}
nav.catnav ul li{
	list-style-type:none;
	padding:0.6em;
}
nav.catnav ul li a:link,
nav.catnav ul li a:visited,
nav.catnav ul li a:hover,
nav.catnav ul li a:active{
	display:block;
	padding:0.4em 2em;
	border:2px solid #1B66AB;
	border-radius:2em;
	background-color:#fff;
}
nav.catnav ul li a:hover,
nav.catnav ul li a:active{border-color:#ff8000;}
.shopentry {
	padding: 1em;
	background-color:#fff;
	margin-top:1em;
}
.shopentry .gridbox{padding:0;}
.entry .gridbox li a:link,
.entry .gridbox li a:visited,
.entry .gridbox li a:hover,
.entry .gridbox li a:active{
	border:1px solid #ccc;
	padding-top:1em;
}
.shopentry .gridbox li a:link,
.shopentry .gridbox li a:visited,
.shopentry .gridbox li a:hover,
.shopentry .gridbox li a:active{
	display:block;
	border:1px solid #ccc;
}
.entry .gridbox li a:hover,
.entry .gridbox li a:active,
.shopentry .gridbox li a:hover,
.shopentry .gridbox li a:active{border-color:#ff8000;}
.entry ul.gridbox li span{height:7em;}
.shopentry ul.gridbox li span{
	height:auto;
	padding-bottom:0;
}
.shopentry ul.gridbox li span:first-of-type{
	padding-bottom:1em;
	min-height:5em;
}

.shopentry ul.gridbox li figure{
	padding:0 1em;
	width:100%;
	height:160px;
	overflow:hide;
	position:relative;
}
.shopentry ul.gridbox li figure img{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:auto;
	max-height:160px;
}
div.flexbox{
	display:flex;
}
div.flexbox figure{
	flex:0 0 auto;
	width:300px;
	text-align:center;
}
div.flexbox figure img{
	width:auto;
	height:auto;
}



/*	category/taxonomy
-------------------------------------------------*/
article.category {min-height:550px;}
article.category dl{
	display:flex;
	border-bottom: 4px dotted #0e489a;
	align-items:center;
	padding-bottom:1em;
	margin-bottom:1em;
}
article.category dl dt{
	display:flex;
	padding:1em;
	border:1px solid #ccc;
	box-sizing:border-box;
	width:7em;
	height:7em;
	align-items:center;
	justify-content:center;
	border-radius: 0.6em;
	background-color:#ffbf00;
}
article.category dl dt img{
	width:100%;
	height:auto;
}
article.category dl dd{padding-left:1em;}





/*	page
-------------------------------------------------*/
main.pageformat{display:block;}
section.page{
	max-width:960px;
	margin:0 auto;
}
nav.navigation{
	margin:1em 0;
	background-color:#fff;
	padding:1em;
}
nav.navigation h2{display:none;}
nav.navigation .nav-links{
	display:flex;
	justify-content:center;
}
nav.navigation .nav-links span,
nav.navigation .nav-links a{
	margin:0 1em;
	padding:0.4em;
}
nav.navigation .nav-links a:link,
nav.navigation .nav-links a:visited,
nav.navigation .nav-links a:hover,
nav.navigation .nav-links a:active{
	background-color:#1B66AB;
	color:#fff;
	padding:0.4em 0.8em;
	border-radius:2em;
}
nav.navigation .nav-links a:hover,
nav.navigation .nav-links a:active{
	background-color:#ff8000;
	color:#1B66AB;
}
table.mltbl {margin-bottom:1.4em;}
table.mltbl caption{
	padding:0.4em;
	text-align:left;
}
table.mltbl thead{background-color:#fafafa;}
table.mltbl tr td:last-of-type{
	width:10em;
	text-align:right;
}
table.mltbl tbody tr:nth-of-type(2n){
	background-color:rgba(207,237,205,0.5);
}
.admissionlist li span{
	display:inline-block;
	width:8em;
	font-weight:bold;
}
.privacy_box{padding:1em;}
.privacy_box p{text-indent:1em;}

#page-14 .entry h5,
#page-15 .entry h5{
	font-size:16px;
	border-bottom:4px solid #1B66AB;
	margin:1em 0;
}
#page-14 .entry dl{padding:0 1em;}
#page-14 .entry dl dt{
	font-weight:bold;
	border-left:2em solid #1B66AB;
	padding-left:1em;
}
#page-14 .entry dl dd{
	padding-left:5em;
	margin-bottom:1em;
}
#page-14 .entry dl dd span{
	display:inline-block;
	width:auto;
	min-width:8em;
}
#page-14 .entry dl dd span:nth-of-type(2){
	min-width:14em;
}
table.timetbl th,
table.timetbl td{font-size:14px;}
table.timetbl td{text-align:right;}
table.feetbl tr td:first-of-type{text-align:right;}
table.timetbl td.w120{width:120px;}
#page-15 .entry div div dl dd{text-align:right;}
#page-15 .entry h3:first-of-type,
#page-15 .entry h3:last-of-type{
	border-left:1.4em solid #1B66AB;
	padding-left:1em;
}
#page-15 .entry .ieaccess {
	display: block;
	width: 50%;
	margin: 1em auto;
	border: 1px solid #ccc;
	padding: 0 1em 1em 1em;
}
#page-16 .entry .flexbox {justify-content:space-around;}
#page-16 .entry .flexbox dl{
	padding:1em;
	border:1px solid #ccc;
}
#page-16 .entry .flexbox dl dt{font-weight:bold;}
#page-16 .entry .flexbox dl dd{padding-left:3em;}
.entry .descdl dt{font-weight:bold;}
.entry .descdl dd{
	padding-left:3em;
	margin-bottom:1em;
}
.entry .descdl dd dl dd span{
	display:inline-block;
	width:8em;
	margin-right:1em;
}
#menu-sitemap li ul.sub-menu {
	display:flex;
	flex-wrap:wrap;
}
#menu-sitemap li ul.sub-menu li{
	margin:0.4em 2em 0.2em 2em;
}
dl.ads {font-size:larger;}
dl.ads dt{
	font-weight:bold;
	padding:0.6em 0;
}
dl.ads dd{
	margin:0 0 1em 3em;
}
.adstbl{
	display:flex;
	flex-wrap:wrap;
	padding:1em 0;
}
.adstbl figure{
	flex:0 1 auto;
	width:50%;
	max-width:400px;
	min-width:300px;
}
.adstbl table{
	flex:0 0 auto;
	width:auto;
}
.adstbl table tr td img{
	width:auto;
	max-width:100%;
}
#page-2237 .row{
	display:flex;
	flex-wrap:wrap;
}
#page-2237 .row .col{
	flex:0 0 auto;
}
#page-2237 .row figure.col{
	width:fit-content;
}
#page-2237 figure.row img{
	width:auto;
}
#page-2237 figure.row figcaption{
	padding:1em;
	flex:0 1 auto;
	min-width:300px;
	max-width:calc(100% - 215px);
}
#page-2237 figure.row.reverse{
	flex-direction:row-reverse;
}
#page-2237 h3{
	font-size:larger;
	text-align:center;
	margin:1em 0;
	padding:1rem;
	background-color:rgba(255,0,0,.5);
}
#page-2237 p{
	text-indent:1em;
	margin-bottom:0.5em;
}
#page-2237 .entry .wp-caption{
	width:auto;
	margin-bottom:1em;
}
#page-2237 .entry .wp-caption.alignleft{margin-right:1em;}
#page-2237 .entry .wp-caption.alignright{margin-left:1em;}




/*	single
-------------------------------------------------*/
/*	post	*/
/*	event	*/
.eventwrapper{
	display:flex;
	align-items:start;
}
.eventwrapper figure{
	flex:0 1 60%;
	padding-right:1em;
	background: #fafafa url(/outer_files/image/dammy_img_big.gif) no-repeat;
	background-size:contain;
	background-position: center;
	min-height:700px;
}
.eventwrapper > div{flex:0 1 40%;}
.eventwrapper div dl dt,
.spotwrapper dl dt{
	border-bottom:4px solid #1B66AB;
	font-weight:bold;
}
.eventwrapper div dl dd,
.spotwrapper dl dd{
	text-align:right;
	padding-top:0.4em;
	margin-bottom:1em;
}
.spotwrapper dl dd{text-align:left;}

.eventdesc.flexbox{
	display:flex;
}



/*	spot	*/
#currentimg{margin-bottom:0.4em;}
#currentimg figure{text-align:center;}
#currentimg figure img{
	width:100%;
	height:auto;
}
#currentimg figure img.portrait{
	width:auto;
	height:auto;
	max-height:612px;
	margin:0 auto;
}
ul.thumblist{
	display:flex;
	flex-flow: row wrap;
	justify-content:start;
	margin:0;
	padding:0;
}
ul.thumblist li{
	margin:0;
	padding:0 1px;
	list-style-type:none;
	flex:0 1 20%;
}
ul.thumblist li figure{
	padding: 4px;
	border:1px solid #ccc;
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	height:100%;
}
ul.thumblist li figure img{
	width:100%;
	max-width:160px;
	max-height:120px;
}
ul.thumblist li figure figcaption{font-size:14px;}

div.spotwrapper{
	display:flex;
	flex-flow:row wrap;
	padding:1em 0;
}
div.spotwrapper div{flex:0 1 60%;padding-right:1em;}
div.spotwrapper dl{
	flex:0 0 39%;
	border-left: 4px solid #ccc;
	padding:0 1em;
}



/*	SIDE BAR
-------------------------------------------------
*/
aside.sidebar{
	flex:1 0 auto;
	width:100%;
	max-width:300px;
}
aside.sidebar h3{margin-bottom:0.6em;}
.towninfo {
	padding:1em;
	border:1px solid #333;
	border-radius:1em;
	background-color:#fff;
}
.towninfo h3{margin-bottom:0.6em;}
.towninfo dl dt {
	font-weight:bold;
	border-bottom:2px dotted #1B66AB;
	color:#1B66AB;
}
.towninfo dl dd {
	padding:1em;
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	align-items:center;
}
.towninfo dl:first-of-type dd {display:block;}
.towninfo dl dd a{
	display:block;
	width:100%;
	text-align:right;
}
div.eventinfo h3,
div.newsinfo h3{
	text-align:center;
	padding: 0.4em 2em;
	border-radius:2em;
	background-color:#FCAA00;
	color:#333;
}
div.eventinfo ul,
div.newsinfo ul{
	background-color:#fff;
	padding:1em 2em;
}
div.eventinfo ul li,
div.newsinfo ul li{margin-bottom:1em;}
div.eventinfo ul li time,
div.newsinfo ul li time{
	display:inline-block;
	width:100%;
}
div.baseinfo {margin-top:1em;}
div.baseinfo h3{
	border-bottom:0.4em solid #FCAA00;
}
div.baseinfo ul {padding:0;}
div.baseinfo ul li{
	line-height:1.4;
	margin-bottom:0.4em;
	list-style-type:none;
}
div.baseinfo ul li a:link,
div.baseinfo ul li a:visited,
div.baseinfo ul li a:hover,
div.baseinfo ul li a:active{
	display:block;
	width:100%;
	padding:0.4em 1em 0.4em 0.4em;
	border-radius:2em;
	background-color:#fff;
	border:1px solid rgb(27, 102, 171, 0.5);
}
div.baseinfo ul li a:hover,
div.baseinfo ul li a:active{
	text-decoration:none;
	background-color:#FCAA00;
	color:#fff;
}
div.baseinfo ul li a::before{
	content:'\f138';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:0.6em;

}




/*	FOOTER
-------------------------------------------------
*/
.pagetop {
	width:100%;
	max-width:1200px;
	box-sizing:border-box;
	margin:0 auto;
	text-align:right;
}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:hover,
.pagetop a:active{
	display:inline-block;
	padding:1em 2em;
	background-color:#009144;
	color:#fff;
	border-radius: 0.4em 0.4em 0 0;
	text-decoration:none;
}
.pagetop a:hover,
.pagetop a:active{
	background-color: rgba(255,128,0,0.3);
	color:#1B66AB;
}
footer{
	width: 100%;
	border-top: 4px solid #009144;
	margin-top: 0px;
	padding: 2em 0px 1em 0px;
	background-color:#009144;
	color:#fff;
}
div.footer_area{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
div.footer_area section.site_info{flex:0 0 auto;}
div.footer_area nav{
	flex:0 1 auto;
	width:100%;
	max-width:320px;
	padding:0 1em;
}
div.footer_area nav ul{
	display:block;
	width:100%;
	padding-bottom:1em;
}
div.footer_area nav ul li {
	list-style-type:none;
	line-height:1.4;
	margin-bottom:0.4em;
	width:100%;
}
div.footer_area nav ul li a:link,
div.footer_area nav ul li a:visited,
div.footer_area nav ul li a:hover,
div.footer_area nav ul li a:active{
	display:block;
	width:100%;
	padding:0.4em 1em 0.4em 0.4em;
	border-radius:2em;
	background-color:#009144;
	color:#fff;
}
div.footer_area nav ul li a:hover,
div.footer_area nav ul li a:active{
	text-decoration:none;
	background-color:#fff;
	color:#FCAA00;
}
div.footer_area nav ul li a::before{
	content:'\f138';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:0.6em;
}
.copyright{
	width:100%;
	max-width:1200px;
	margin:1em auto;
}


/*	
-------------------------------------------------*/



/*	お問合せフォーム
-------------------------------------------------
*/
.mw_wp_form dl{
	display:flex;
	border-top: 1px solid #ccc;
}
.mw_wp_form dl dt{
	flex:0 0 auto;
	width:14em;
	padding:1em;
	background-color:#fafafa;
}
.mw_wp_form dl dd{
	padding:1em;
}
.mw_wp_form_confirm dl dd br,
.mw_wp_form_confirm dl dd span.notice,
.mw_wp_form_confirm h4{display:none;}
.mw_wp_form_confirm div p{font-size:0;}




/*	MISC
-------------------------------------------------
*/
div.ad{
	padding:1rem;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border:4px dashed #ccc;
	color:#ccc;
	margin:1em;
	background-color:#fff;
}
div.ad:after{
	content:'広告バナー';
}



/*	Mobile
-------------------------------------------------
*/
@media (max-width: 1024px) {
	section.topslide{position:static;}
	section.adslide{margin-top:0;}
	ul.gridbox li{width:50%;}
}
@media (min-width: 881px) {.sp_none{display:block;}}
@media (max-width: 880px) {
	.pc_none{display:block;}
	header .headtitle{display:block;}
	header .headtitle h1 {
		width:70%;
		max-width:570px;
	}
	header .headtitle h1 img{
		width:100%;
		height:auto;
	}
	header nav#spmenu {
		position:absolute;
		top:1em;
		right:0;
		background-color:rgba(0, 145, 68, 0.8);
		padding:1em;
		text-align:center;
	}
	header nav#spmenu ul{display:block;}
	header nav#spmenu ul li{
		width:auto;
		max-width:none;
		line-height:1.4;
		margin-bottom:0.4em;
	}
	header nav#spmenu ul li a:link,
	header nav#spmenu ul li a:visited,
	header nav#spmenu ul li a:hover,
	header nav#spmenu ul li a:active{
		display: block;
		width: 100%;
		padding: 0.4em 1em 0.4em 0.4em;
		border-radius:2em;
		text-align:left;
		background-color:#fff;
		color:#1B66AB;
	}
	header nav#spmenu ul li a:hover,
	header nav#spmenu ul li a:active{
		background-color:#FCAA00;
		color:#fff;
	}
	header nav#spmenu ul li a::before{
		content:'\f138';
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		margin-right:0.6em;
	}
	#menuopen,
	#menuclose{
		font-size:18px;
		font-weight:bold;
		padding:0.6em 1em;
		border:4px solid #1B66AB;
		color:#1B66AB;
		background-color:#fff;
		border-radius:1rem;
		cursor:pointer;
	}
	#menuopen:hover,
	#menuclose:hover{
		background-color:#FCAA00;
		color:#fff;
		border-color:#fff;
	}
	#menuopen{
		position:absolute;
		top:1em;
		right:1em;
	}
	#menuclose{margin:1rem;}
	section.headerbg{position:relative;}
	article.content,
	section.post {width:100%;}
	ul.gridbox li{width:33%;}
	aside.sidebar{max-width:none;}
	.towninfo {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		justify-content:space-between;
	}
	.towninfo h3{flex:0 0 100%;}
	.towninfo dl{
		flex:0 0 auto;
		width:16%;
		min-width:128px;
	}
	.towninfo dl:first-of-type{flex:0 0 auto;}
	.towninfo dl dd,
	.towninfo dl dd img{display:block;}
	.ad, .eventinfo, .baseinfo{display:none;}
}
@media (max-width: 768px) {
	section.headerbg{display:none;}
	aside.sidebar div.linkbanner{display:inline-block;}
	div.footer_area{display:block;}
	div.footer_area section.site_info{padding:1em;}
	div.footer_area nav{max-width:none;}
	div.footer_area nav ul {padding-bottom:0;}
	div.footer_area nav ul li {margin-bottom:1em;}
	div.footer_area nav ul li a:link,
	div.footer_area nav ul li a:visited,
	div.footer_area nav ul li a:hover,
	div.footer_area nav ul li a:active{
		color:#fff;
		border:2px solid #1B66AB;
		background-color:#1B66AB;
	}
	div.footer_area nav ul li a:hover,
	div.footer_area nav ul li a:active{
		text-decoration:none;
		color:#fff;
		background-color:#FCAA00;
		border-color:#FCAA00;
	}
	.copyright{text-align:center;}
	section#page-13 .entry .alignright{
		float:none;
		width:100%;
		overflow:hidden;
	}
	section#page-13 .entry .alignright iframe{width:100%;}
	section#page-15 .entry .flexbox,
	section#page-16 .entry .flexbox{
		flex-wrap:wrap;
		justify-content:flex-start !important;
	}
	section#page-15 .entry .flexbox div{padding:1em;}
	section#page-16 .entry .flexbox dl{width:100%;}
	#mw_wp_form_mw-wp-form-762 dl{display:block;}
	#mw_wp_form_mw-wp-form-762 dl dt{width:auto;}
}
@media (max-width: 640px) {
	header .headtitle h1{
		text-indent:0;
		padding-left:1em;
		width:60%;
		font-size:16px;
	}
	#menuopen{
		font-size:16px;
	}
	ul.gridbox {justify-content:center;}
	ul.gridbox li{
		width:332px;
		max-width:none;
		margin-top:1em;
	}
	ul.gridbox li:first-of-type{margin-top:0;}
	ul.gridbox li figure{
		width:300px;
		height:400px;
	}
	section#page-699 ul.gridbox li,
	section.tourarea ul.gridbox li{
		width:auto;
		margin-top:0;
	}
	section#page-699 ul.gridbox li figure,
	section.tourarea ul.gridbox li figure{
		width:auto;
		height:auto;
	}
	ul.infolist li a:link,
	ul.infolist li a:visited,
	ul.infolist li a:hover,
	ul.infolist li a:active{flex-wrap:wrap;}
	ul.infolist li time{
		display:block;
		width:100%;
	}
	ul.infolist li span{
		flex:1 1 auto;
		width:calc(100% - 100px);
	}
	ul.infolist li span:last-of-type{width:100px;}
	#mw_wp_form_mw-wp-form-762 dl dd input[type=text],
	#mw_wp_form_mw-wp-form-762 dl dd textarea{width:100%;}
	#mw_wp_form_mw-wp-form-762 form div:first-of-type{
		width:100% !important;
	}
}
@media (max-width: 620px) {
	aside.sidebar div.linkbanner{display:block;text-align:center;}
}
@media (max-width: 480px) {
	header .headtitle h1{
		font-size:0;
		padding:1rem 0 2rem 1rem;
		width:50%;
	}
	article.content section h2 span{
		display:none;
	}
	#page-14 .entry dl dd span,
	#page-14 .entry dl dd span:nth-of-type(2){
		width:100% !important;
		min-width:auto;
	}
	#page-15 .entry .flexbox:nth-of-type(3) dl dd a{
		display:inline-block;
		font-size:12px;
		padding:1rem 0;
	}
	#page-15 .entry .ieaccess {width: 100%;}
	.towninfo dl:first-of-type{
		width:100%;
		padding-right:calc(100% - 250px);
	}
}
@media (max-width: 400px) {
	#mw_wp_form_mw-wp-form-762 dl dd span.mwform-radio-field.horizontal-item{
		display:inline-block;
		width:7em;
		padding:1em;
		margin:0;
	}
}

/*	HACK
-------------------------------------------------
*/
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}