/*-------------------------------
# Typography
# Flexbox
# Layout
# Header
# Navigation
# Secondary
# Footer
# Content
---------------------------------
/*
# Typography
-------------------------------*/
/* テキスト寄せ */
.txtLeft{text-align: left;}
.txtRight{text-align: right;}
.txtCenter{text-align: center;}

.txtLarge{font-size: 120%;}
.txtSmall{font-size: 85%;}
.txtXSmall{font-size: 70%;}
.txt20{font-size: 2.0rem;}
.txt30{font-size: 3.0rem;}
.txtBrown{color:#7D4623;}
.txtGreen {	color:#008392;}
.txtOrange {	color: #E66322;}
.txtBkGreen {background-color: #008392;color: #fff;padding: 2px 5px 0px 5px;}

#content p{margin-bottom:16px;}
section p:last-child{margin-bottom: 40px;}

h1,h2,h3,h4,h5,h6{font-weight: 500;	line-height: 1.3;	}
h5,h6{margin-bottom:16px;}

article h1{
	color: #FFF;
	font-size:2.4rem;
	padding-top: 60px;
	padding-bottom:0px;
 text-align: center;
font-weight: 600;
}
article h1 span{
display:block;
font-weight: 500;
margin-top: 50px;
padding-top: 30px;
padding-bottom:30px;
color: #7D4623;
font-size:4.0rem;
background: #FFF;
border-bottom: 1px solid #E66322;
}
h1:first-child{margin-top: 0;}
h2{
	font-size:3.0rem;
	margin-top: 40px;
	margin-bottom:40px;
 text-align: center;
}
h2 .h2Shop,
h2 .h2Map{position: relative; padding-left: 55px;font-weight: 600; }
h2 .h2Shop::before{background: url("../images/icoShop.png") no-repeat 0 0;}
h2 .h2Map::after{background: url("../images/icoMap.png") no-repeat 0 0;}
h2 .h2Shop::before,
h2 .h2Map::after{content: "";position: absolute;top:-5px; left: 0; width: 40px; height: 52px; background-size: 40px 52px;}
h3{
	font-size:2.4rem;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 16px;
	border-bottom: 1px solid #CCCCCC;
}
h4{
	font-size:2.0rem;
	padding-left: 8px;
	margin-bottom: 20px;
	border-left: 8px solid #CCCCCC;
}
h5 {
	font-size:1.8rem;
	padding-left:16px;
	position: relative;
}
h5::before{
content: "";
width: 8px;
height: 8px;
background: #CCC;
position: absolute;
top: 6px;
left: 0;
}

/*
# Flexbox
-------------------------------*/
#site-branding,
#site-navigation ul,
#content.sideType #mainArea,
#fNav ul,
.row,
.listMokuji{
-js-display: flex;display: -datawebs_parentkit-box;display: -datawebs_parentkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.fbsb{	-webkit-justify-content: space-between;	justify-content: space-between;}
.fb_c{	-webkit-justify-content: center;	justify-content: center;}
.fw_wrap{	flex-wrap: wrap;}

/*-------------------------------
# Layout
-------------------------------*/
#content{padding-bottom: 70px;}
#content.sideType #mainArea{justify-content: space-between;max-width: 1170px; width:100%; margin: 0 auto;}
#content.sideType #primary{width: 74.35898%;}/* 870px */
#content.sideType #secondary{	width: 23.076923076%;}/* 270px */
#content.singleType #secondary{display: none;}
section,
.inner{max-width: 1170px;margin: 0 auto;}
/* 幅いっぱいのsection
<section class="widthFree"></section> */
.widthFree{max-width:none;}

/*カラム（<div class="row"></div>で囲って使用）*/
.col2,.col3{position: relative;}
.sideType .col2{width: 48.275862068%;margin-right: 3.448275862%;}/*420px*/
.sideType .col3{width: 31.034482758%;margin-right: 3.448275862%;}/*270px*/
.singleType .col2{width: 48.717948717%;margin-right: 2.564102564%}/*570px*/
.singleType .col3{width: 31.623931623%;margin-right:2.564102564%}/*370px*/
.sideType .col2:nth-child(2n),.singleType .col2:nth-child(2n){margin-right: 0;}
.sideType .col3:nth-child(3n),.singleType .col3:nth-child(3n){margin-right: 0;}

.mr20{margin-right: 20px !important;}
.mb0{margin-bottom: 0px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:30px !important;}
.mb70{margin-bottom:70px !important;}

/*
# Header
-------------------------------*/
/*カテゴリー背景*/
#page{
padding-top: 95px;
background-repeat: no-repeat; background-position: top center;
}
body.zone_history #page{background-image: url("../images/bg_history.jpg");}
body.zone_visit-history #page{background-image: url("../images/bg_visit-history.jpg");}
body.zone_enjoy #page{background-image: url("../images/bg_enjoy.jpg");}
body.zone_gourmet #page{background-image: url("../images/bg_gourmet.jpg");}
body.zone_lodging #page{background-image: url("../images/bg_lodging.jpg");}
body.zone_traffic #page{background-image: url("../images/bg_traffic.jpg");}
body.zone_other #page{background-image: url("../images/bg_other.jpg");}

/*ヘッダー*/
#site-header{
width: 100%;
position: fixed;
top:0;
z-index: 10001;
background-image: url("../images/bg_black.png");
}
#site-branding{
	height: 95px;
	margin: 0 auto;
	position: relative;
	box-sizing:border-box;
	-datawebs_parentkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:nowrap;
	align-items: center;
}
h1#site-title,p#site-title{
	max-width: 248px;
	width: 100%;
	height: 58px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	line-height: 1 !important;
}
h1#site-title a,p#site-title a{display: block;}

/*
# Navigation
-------------------------------*/
#bt_gmenu {display: none;}
/*#nav-container,#nav-container div {display: block; clear: both;height: 100%;}*/
#site-navigation{align-self:stretch; position: relative; width: 51.282051282%;}
#site-navigation ul {
	white-space: nowrap;
	position: absolute;
	height: 100%;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	flex-wrap:nowrap;
	align-items: center;
	box-sizing:border-box;
}
#site-navigation ul li {
	height: 100%;
font-weight: 600;
display: inline-block;
cursor: pointer;
position: relative;
text-align: center;
}
#site-navigation ul li::before{
content: "";
position: absolute;
top:0;bottom: 0;right: -2px;
margin: auto;
width: 2px;
height: 16px;
background: #E6E6E6;
}
#site-navigation ul li:last-child::before{content: none;}
#site-navigation ul li a {
line-height: 1;
height: 100%;
display: block;
padding:40px 20px;
text-decoration: none;
color: #FFF;
position: relative;
}
#site-navigation ul li.navBt > a{pointer-events: none;}
#site-navigation ul li:hover,
#site-navigation ul li:hover a{color: #D5FAFE;}
/*2ndmenu*/
#site-navigation li ul{
	display: block;
	position: absolute;
	top:95px;
	bottom:0;
	left:0;
	height:50px;
	width: 100%;
 visibility: hidden;
	overflow: hidden;
 opacity: 0;
 z-index: 1;
	align-items:baseline;
	margin: 0;
	min-width:240px;
}
#site-navigation li ul{opacity: 0;}
#site-navigation li:hover > ul{
	opacity: 1;
	transition: .3s;
	visibility: visible;
	overflow: visible;
	z-index: 9998;
}
#site-navigation li:hover > ul ul{top:0px;left:200px;}
#site-navigation li ul li{
	border-top: none;
	max-height: none;
 text-align: left;
	display: block; height: auto;
background:url("../images/bg_black.png");
 padding-bottom: 10px;
}
#site-navigation li ul li:last-child{padding-bottom: 20px;}
#site-navigation li:hover ul li a{color: #FFF;}
#site-navigation li ul li:hover a{color: #D5FAFE;}
#site-navigation li ul li a{
display: block;
width: 80%;
height:100%;
line-height: 2;
padding:8px 0 ;
margin: 0 auto;
position: relative;
}
#site-navigation li ul li a::before{
content: "";
position: absolute;
bottom: 0;right: 0;left: 0;
margin: auto;
width: 100%;
height: 1px;
background: #E6E6E6;
}
.fixed {
	position: fixed !important;
	z-index: 9999;
	top: 0px !important;
	left: 0;
	width: 100%;
}

/* Topicpath */
#topicpath {
	clear: both;
	padding-top:15px;
	font-size:1.4rem;
 margin-bottom: 30px;
}
#topicpath dl {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0;
	color: #262626;
}
#topicpath dt {display: none;}
#topicpath dd{margin-bottom: 0;}
#topicpath dd a {
color: #262626;
text-decoration: none;
position: relative;
}
#topicpath dd a::after{content: " > ";}

/*
# Secondary
-------------------------------*/
#secondary h2{
	margin: 0 ;
	padding: 10px 10px 10px 20px;
	line-height: 1.1;
 font-weight: 500;
	font-size: 2.0rem;
	background:#008392;
	color: #FFF;
 text-align: left;
}
#secondary h2 a{color: #FFF; text-decoration: none;}

#secondary ul{
border: 1px solid #008392;
margin-bottom: 10px;
margin-left: 0;
}
#secondary li{list-style: none;margin: 15px 10px;}
#secondary li a{line-height: 1.4; display: block; color: #515151; position: relative; padding-left: 12px; text-decoration: none;}
#secondary li a::before{
	content: "";
	position: absolute;
	left:0;
	top:3px;
	width: 3px;
	height:15px;
 background: #008392;
}
#secondary li a:hover::before{
	border-top: 2px solid #2AB8A5;
	border-right: 2px solid #2AB8A5;
}

/*
# Footer
-------------------------------*/
/* PageTop */
#pagetop {
	position: fixed;
	z-index: 9998;
	width: 40px;
	height: 40px;
	bottom: 20px;
	right: 20px;
 background: #262626;
}
#pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
 text-indent: -9999px;
}
#pagetop a::before,
#pagetop a::after{
 margin: auto;
 content: "";
	position: absolute;
	top:0;right:0;bottom:0;left:0;	
}
#pagetop a::after{
 width: 15px;
 height: 15px;
 border-top: 2px solid #CDD6DD;
 border-right: 2px solid #CDD6DD;
 -datawebs_parentkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
#pagetop a::before{
 width: 2px;
 height: 15px;
	background: #CDD6DD;
}

/* Footer */
footer{font-size: 1.4rem;}
#fNav{background: #262626;}
#fNav ul{margin-bottom:30px;padding: 10px 0;}
footer ul a{display: block; padding:0 10px; color: #393C3E; text-decoration: none; position: relative;}
#fNav a{color: #FFF;}
footer ul a::before{
	content: "";
	position: absolute;
	right:-1px;
	top:0;bottom:0;
 margin: auto;
	width: 1px;
	height: 14px;
 background: #393C3E;
}
footer #fNav ul a::before{background: #FFF;}
footer li:last-child a::before{content: none;}
address {
margin-right: auto;
font-style: normal;
}
#copy{
	margin-top: 10px;
	color:#262626;
	clear: both;
	text-align: center;
 padding-bottom: 15px;
	margin-bottom: 0 !important;
	font-family:'Verdana','Droid Sans','Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

/*-------------------------------
# Content
-------------------------------*/
/*
リンクボタン（進む→）
------------------------------*/
.linkBt{
	-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;	
	flex-wrap:wrap;
 justify-content:space-between;
	width: 100%;
	margin: 40px 0 !important;
	padding: 0;
}
p.linkBt > a {width: 90%;margin: auto;}
.listMokuji p.linkBt > a {width: 100%;}
.linkBt li{list-style: none;width: 32%;}
.linkBt a,
.listMokuji h3 a{
text-align: center;
display: block;
width: 100%;
text-decoration: none;
padding:15px 30px;
color:#262626;
border: 1px solid #E66322;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
background-color: #FFF;
}
.linkBt a::before,
.linkBt a::after,
.listMokuji h3 a::before,
.listMokuji h3 a::after{
	content: "";
	position: absolute;
 }
.linkBt a::before,
.listMokuji h3 a::before{
	top:0;bottom:0;margin: auto;
	right: 12px;
	width: 10px;height: 10px;
	border-top: 2px solid #E66322;
	border-right: 2px solid #E66322;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
 border-radius: 1px;
}
.linkBt a::after,
.listMokuji h3 a::after{
	top:0;bottom:0;margin: auto;
	right: 12px;
	width: 20px;height: 2px;
	background: #E66322;
 border-radius: 2px;
}
.linkBt a:hover,
.listMokuji h3 a:hover{background-color:#FFECC6;}

/* リンクボタン（←もどる） */
.linkBt .prev a::before{
	left: 12px;right: auto;
	-webkit-transform: rotate(-130deg);
	transform: rotate(-130deg);
}
.linkBt .prev a::after{	left: 12px;right: auto;}

/* コンテンツ目次・店舗リスト */
.listMokuji{margin: 50px auto;	flex-wrap: wrap; }
.listMokuji li{list-style: none; margin-bottom: 30px; margin-right:2.564102564%;}
.listMokuji li:nth-child(3n){margin-right:0}
.listMokuji li img:first-child{ display: block;margin: 0 auto;}
.listMokuji h3{
line-height: 1.1;
	margin-top:20px;
	margin-bottom: 20px;
 text-align: center;
 font-weight: 600;
	padding-left:0;
	border-bottom:none;
}
.listMokuji h3 a{padding:8px 30px;}
.listMokuji .linkBt {padding-bottom:70px; margin: 0 !important;}
.listMokuji .linkBt a{
position: absolute;
height: 50px;
bottom:0;
margin-bottom: 20px !important;
padding:10px 30px;
}
.linkBt a[target="_blank"]{text-align: left; background: none;padding: 10px 40px 10px 30px;}
.linkBt a[target="_blank"]::before{
border: none;
width: 16px;height: 16px;
background: url("../images/ico_blank.png") no-repeat ;
background-size: 16px 16px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.linkBt a[target="_blank"]::after{content: none;}

/*外部リンク*/
.linkBlank{text-align: center;}
.linkBlank a{
padding: 15px 60px 15px 40px;
border: 1px solid #E66322;
text-decoration: none;
color: #262626;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.linkBlank a::before{
content: "";
position: absolute;
top:0;bottom:0;margin: auto;
right: 40px;
background: url("../images/ico_blank.png") no-repeat top right;
background-size: 16px 16px;
width: 16px;height: 16px;
}
.linkBlank  a[target="_blank"]{background: none;}
.linkBt a[target="_blank"]:hover,
.linkBlank a:hover{background-color:#FFECC6;}

/* リンクリスト */
.topicList li{	list-style: none;}
.topicList li a{
	color: #000;
	padding-left:22px;
	margin-bottom:0;
	position:relative;
}
.topicList li a:before{
 content: "";
	width: 10px;
 height:10px;
 position: absolute;
	border-top: 2px solid #E66322;
	border-right: 2px solid #E66322;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
 top: 6px;
	left:0;
}
.topicList li a:hover{text-decoration: none;}
.topicList li ul li a::before {
    border-top: 2px solid #CCC;
    border-right: 2px solid #CCC;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top:5px;
}

.topicList ul.poststoc-list {
    margin-left:0;
}

.topicList ul.poststoc-list li {
    margin-left:0;
    margin-bottom:1em;
}

.topicList ul.poststoc-list li a {
/*    display: inline-block; _display: inline; */
    padding :0 0 0 15px ;
    background-image:none;
}
.topicList ul.poststoc-list li a:before {
    top:8px;
}
.topicList ul.poststoc-list li .poststoc-new{
    margin-left: 20px;
    color:#cc3333;
    font-size:0.9em;
}
.topicList ul.poststoc-list li .poststoc-published {
    font-size:0.95em;
    color:#999999;
    margin-left: 15px;
}

#content p.waku-orange{
	padding: 5px 10px 3px 12px;
	border-width: 1px;
    border-style: solid;
    border-color: #E66322;
	background-color: #ffffdd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}
	}