@charset "utf-8";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #CC3300}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t11b { font-size: 11px; line-height: 12px}
.t12b { font-size: 12px ; font-weight: bold ; color: #666666}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}
.t12_12 { font-size: 12px; line-height: 12px}
.t12_14 { font-size: 12px; line-height: 14px}
.t12_16 { font-size: 12px; line-height: 16px}
.e10 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 10px;}
.e12 { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px}
.e12b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold}
.e14b { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold}
.e14pink { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 14px; font-weight: bold ; color: #FF3399}
.e12w { font-family: "Verdana", "Geneva", "Courier" "Helvetica", "Alial", ; font-size: 12px; font-weight: bold ; color: #FFFFFF}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}

.pr__bnr {
	width: 98%;
    margin: 0 1%;
    text-align: center;
    display: block;
}
.pr__bnr img {max-width: 100%;}

/* CSS初期設定 */
* {
    outline: none!important;
}
#bg {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

#wrapper main * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*title*/
img.smpTitle {width:100%;}

/*全国旅行支援対象県*/
#pref_box {
	width: 100%;
	display: flex;
	font-size: 14px;
	margin: 0 auto 10px;
}
#pref_box dt {
	width: 28%;
	background: #ea616e;
	text-align: center;
	color: #FFF;
	display: grid;
    align-items: center;
	position:relative;
}
#pref_box dt:after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ea616e;
    position: absolute;
    top: 38%;
    right: -8px;
}
#pref_box dd {
	width: 72%;
    padding: 0 10px 0 20px;
    font-size: 14px;
    line-height: 1.2;
    background: #FFF;
    box-sizing: border-box;
    overflow: scroll;
}
#pref_box #pref_box_txt{
	color: #ea616e;
    border: none;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
	text-align: center;
}
#pref_box dd ul {
    width: fit-content;
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#pref_box dd ul.unset {
    -webkit-line-clamp: unset;
}
#pref_box dd li{display:inline-block;}
#pref_box dd li:after{content:"、";}
#pref_box dd li:last-child:after{content:"";}
#lplink{
    clear: both;
    display: block;
    margin: 10px;
    border: 1px solid #5bb2e0;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: #5bb2e0;
    background: #FFF;
}

/*スリックバー*/
.innerBox.planBoxO,
.tripa_useWrap_wrap {
	overflow-x: scroll;
	/*margin-bottom:1%;*/
}
.innerBox.planBoxO::-webkit-scrollbar,
.tripa_useWrap_wrap::-webkit-scrollbar {
  height: 8px;
}
.innerBox.planBoxO::-webkit-scrollbar-track,
.tripa_useWrap_wrap::-webkit-scrollbar-track {
  margin: 0 5px;
  background: #ffecea;
  border-radius: 5px;
}
.innerBox.planBoxO::-webkit-scrollbar-thumb,
.tripa_useWrap_wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ab4050;
}
.spnone,.smpnone{display:none!important}
#wrapper article{
	width:100%;
	height:auto;
}
#bg{width:100%!important}

/*ぱんくず*/
#wrapper div#dirPathBlock{
	margin: 0 0 0 0;
	font-size:10px;
}

#title{
	margin:0;
	padding:0;
	height:270px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(/yado/onsen/new_images/bg.jpg) no-repeat 50% 50%;
	background-size:cover;
}

#title:after{
	width:100%;
	height:10px;
	background:url(/yado/onsen/new_images/im_top_border.png) repeat;
	content:"";
	display:block;
	position:absolute;
	z-index:2;
}

#title p{
	position: absolute;
	top:0;
	left: 70px;
	right: 0;
	bottom: 0;
	margin:auto;
	color:#FFF;
	font-weight:bold;
	width: 60%;
	line-height:40px;
	text-shadow:
	1px 1px 4px rgba(000,000,000,0.8),
	0px 1px 0px rgba(255,255,255,0.3);
	z-index:1;
}

#title strong{
	position:absolute;
	display:block;
	color:#FFF;
	text-align:center;
	z-index:99999;
	left: -10px;
	right: 0;
	bottom: 10px;
	font-size:14px;
	line-height:25px;
}

#title img{
	width:100%;
	height:auto;
}

.smpMapBox{
	display:block;
}

.smpMapBox a {
	background: #d78000;
    width: 24%;
    float: left;
    display: block;
    font-size: 15px;
    text-align: center;
    color: #FFF;
    margin: 0.5%;
    padding: 5px 0;
    position: relative;
}

.smpMapBox a:after {
	width: 0;
	height: 0;
	border-left: 5px solid white;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position:absolute;
	top: 35%;
    right: 5%;
    content: "";
}

/* ナビ
------------------------------------------ */
#navList{
	width:100%;
	background:#592A30;
	margin-bottom:5px;
}
#navList ul{
	text-align:center;
	margin:0 auto;
	overflow:hidden;
}
#navList ul li{
	display:block;
	float:left;
	width:25%;
	font-size:12px;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
#navList ul li a{
	display:block;
	color:#FFF;
	padding:10px 0 18px;
	background:url(/yado/onsen/new_images/im_arrow_menu.png) no-repeat 50% 86%;
	background-size:8px auto;
}

/* article
------------------------------------------ */
.article{
	background:url(/yado/onsen/new_images/im_top.gif) no-repeat top left,url(/yado/onsen/new_images/im_bottom.gif) no-repeat bottom left;
	background-color:#faf3f0;
	position:relative;
	margin:0 0 30px;
}
.article h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:20px;
	font-weight:normal;
	color:#5b2b31;
	margin-bottom: 10px;
}
.article h3{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:16px;
	font-weight:normal;
	color:#5b2b31;
	background:url(/yado/onsen/new_images/ti_smp_bg_kodawari.png) no-repeat;
	background-size:auto 40px;
	height:40px;
	line-height:40px;
	display:block;
	clear:both;
	padding:0 0 0 20px;
	margin-bottom:10px;
}
.article h4{
	font-size:12px;
	font-weight:normal;
	color:#5b2b31;
	background:url(/yado/onsen/new_images/ti_bg_rank.png) no-repeat;
	background-size:10px auto;
	display:block;
	clear:both;
	padding:0 0 0 15px;
	margin:0 0 12px 5px;
}
.inner{
	padding:15px;
	overflow:hidden;
}
.catche{
	font-size:12px;
	color:#5b2b31;
	line-height:28px;
}
.catche.mb20{margin-bottom:15px;}
#link01 .inner{background:url(/yado/onsen/new_images/bg_i01.png) no-repeat;background-size:120px auto;}
#link02 .inner{background:url(/yado/onsen/new_images/bg_i02.png) no-repeat;background-size:100px auto;}
#link03 .inner{background:url(/yado/onsen/new_images/bg_i03.png) no-repeat;background-size:100px auto;}
#link04 .inner{background:url(/yado/onsen/new_images/bg_i04.png) no-repeat;background-size:120px auto;}
#link05 .inner{background:url(/yado/onsen/new_images/bg_i05.png) no-repeat;background-size:120px auto;}
#link06 .inner{background:url(/yado/onsen/new_images/bg_i05.png) no-repeat;background-size:120px auto;}

/* planBoxO
------------------------------------------ */
.planBoxO{
	width: 100%;
    overflow-x: scroll;
    margin-bottom: 10px;
}
.slick_area.pro_osusume_onsen {width: 1200px;}
.planBoxO .slick_area > div{
	width: 230px;
	float: left;
	padding-bottom:10px;
	margin: 0 10px 10px;
	background:#FFF;
	-moz-box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
	-webkit-box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
	box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
		margin-right:0;
}
.planBoxO .slick_area img{
	width:100%;
	height:auto;
}
.planBoxO .slick_area .photo{
	margin-right:15px;
	margin-bottom:10px;
	width:40%;
	float:left;
}
.planBoxO .slick_area dl{
	margin:0;
	padding:15px 10px 10px 10px;
	display:block;
}
.planBoxO .slick_area dl dt{
	font-size:14px;
	display:block;
	margin-bottom:10px;
	text-align:left;
	line-height:20px;
	overflow:hidden;
}
.planBoxO .slick_area dl dt a{
	color:#5A2A31;
}
.planBoxO .slick_area dl dt br{
	display:none
}
.planBoxO .slick_area dl dt img{
	width:20px;
	height:auto;
	vertical-align:top!important;
	margin-right:8px;
	margin-left:0;
}
.rank01 a{color:#a87e00!important;}
.rank02 a{color:#6C8389!important;}
.rank03 a{color:#D54E2A!important;}
.rank04 a{color:#1C8E80!important;}
.planBoxO .slick_area dl dd{
	line-height:20px;
	height: 100px;
}

/*東西有名温泉*/
.slick_area.east_pop_onsen {
	width: 2640px;
}
.slick_area.west_pop_onsen {
	width: 1680px;
}

/* rankingBox
------------------------------------------ */
.rankingBox .innerBox{
	background:#FFF;
	-moz-box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
	-webkit-box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
	box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
		overflow:hidden;
}
.rankingBox .innerBox dl dt{
	background:url(/yado/onsen/new_images/ti_bg_pop.gif) repeat-x;
	background-size:auto 35px;
	height:35px;
	color:#FFF;
	line-height:35px;
	text-align:center;
	font-size:14px;
}
.rankingBox .innerBox dl dd{
	padding:15px 15px 5px;
	display:block;
	overflow:hidden;
}
.rankingBox .innerBox dl dd ul{
	float:left;
}
.rankingBox .innerBox dl dd ul:first-child{
	margin-right:10px;	
}
.rankingBox .innerBox dl dd ul li{
	margin-bottom:8px;
	padding:0 0 0 10px;
	background:url(/yado/onsen/new_images/im_arrowp.png) no-repeat 0 50%;
	background-size:6px auto;
}
.rankingBox .innerBox dl dd ul li br{
	display:none;
}

/* btn
------------------------------------------ */
.btnA.btnS{margin-bottom:2%;}
.btnA a{
	color: #ffffff;
	display:block;
	padding: 10px 0;
	background:url(/yado/onsen/new_images/im_arrow.png) no-repeat #5a2a31 95% 50%;
	background-size:16px auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0),
		0px 1px 0px rgba(255,255,255,0);
		text-align:center;
		font-size:14px;
		clear:both;
		margin:0 15px;
}
.btnB a{margin:0}

/*各地温泉リンク*/
#area_onsen_ichiran_top.article{
	padding: 15px;
    overflow: hidden;
}
.disnone{display:none!important;}
ul#area_onsen_ichiran_nav li {
	width: 15.66666%;
    float: left;
    text-align: center;
    color: #5a2a31;
    background: #dec6c4;
    padding: 5px 0;
    font-size: 12px;
    margin: 1% 0.5%;
}
ul#area_onsen_ichiran_nav li.area_onsen_ichiran_nav_select {
    color: #FFF;
    background: #5a2a31;
	position:relative;
}
div#area_onsen_ichiran li{
	display: inline-block;
    margin: 2%;
    font-size: 14px;
}

/* おすすめ旅行情報 */
.tripa_useWrap_wrap{
	width: 100%;
    overflow-x: scroll;
}
.slick_area.tripa_useWrap {
    width: 1050px;
}
#useWrap {
	padding: 10px;
	margin-bottom: 30px;
}
#useWrap div.tripa {
	width: 200px;
    float: left;
    margin: 5px 5px 10px;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
}
#useWrap div.tripa p {
	margin: 0 0 3% 0;
    height: 150px;
    overflow: hidden;
}
#useWrap div.tripa p img {
    width: auto;
    height: 100%;
}
#useWrap div.tripa dl {
	overflow: hidden;
	display: block;
	padding: 0;
}
#useWrap div.tripa dt {
	font-size: 14px;
	margin: 0 0 2% 0;
	padding: 0;
	font-weight: bold;
}
#useWrap div.tripa dd {
	font-size: 12px;
}
#useWrap div.tripa dd > span {
	display: block;
	margin: 5px 0 0 0;
}
#useWrap div.tripa dd > span a {
	color: #CCC;
	font-size: 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#useWrap div.tripa dd > span span {
	color: #F69;
	display: inline;
	font-size: 12px;
}

/*Q&A*/
#qanda_box b.qaicon{
	font-size: 20px;
	margin-right: 2%;
	color: #7f2b31;
}
#qanda_box h3{
	margin: 0 0 2% 0;
    padding: 5px 10px;
    background: #592a30;
    color: #FFF;
    line-height: 1.4;
    height: 52px;
}
#qanda_box div > div{
    width: 100%;
    box-sizing: border-box;
}
#qanda_box .inner div > div{
	padding: 10px;
    margin-bottom: 3%;
	background: #fff;
}
#qanda_box p{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 16px;
    font-weight: bold;
	padding: 5px 8px;
}

/*サイドなし*/
#rightBox{display:none;}

/*ガシェット*/
#gadget_section {padding: 10px;}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}

.pr__bnr {
	width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 0 2%;
}
.pr__bnr img {
	width: auto;
    vertical-align: middle;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
 	width:950px;
    max-width: 950px;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	margin:0 auto;
	padding:3px 0;
}
h3{line-height: 0;}

*{margin:0;padding:0;}
.clear{
  clear:both;
}

ul {
	list-style:none;
}
.clear {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearfix { 
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end of for macIE */
.clearfix {
	overflow:hidden;
}
/* CSS初期設定 */
#bg {
	/* font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	vertical-align:bottom;
}
#bg a img {
	border:0;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

#wrapper article {
    width: 950px;
    margin: 0 auto;
}

/*全国旅行支援対象県*/
#pref_box {
	width: 650px;
	display: flex;
	font-size: 16px;
	margin: 0 auto 10px;
}
#pref_box dt {
	width: 20%;
	background: #ea616e;
	text-align: center;
	color: #FFF;
	display: grid;
    align-items: center;
	position:relative;
}
#pref_box dt:after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #ea616e;
    position: absolute;
    top: 32%;
    right: -12px;
}
#pref_box dd {
	width: 80%;
    padding: 0px 15px 0 30px;
    font-size: 16px;
    line-height: 1.3;
    background: #FFF;
    box-sizing: border-box;
}
#pref_box #pref_box_txt{
	color: #ea616e;
    border: none;
    font-size: 20px;
    margin: 0;
    padding: 15px 0 0 0;
	text-align: center;
}
#pref_box dd ul {
    width: fit-content;
    margin: auto;
}
#pref_box dd li{display:inline-block;}
#pref_box dd li:after{content:"、";}
#pref_box dd li:last-child:after{content:"";}
#lplink{
	width: 200px;
    clear: both;
    display: block;
    margin: 10px auto;
    border: 1px solid #5bb2e0;
    padding: 5px;
    font-size: 13px;
    text-align: center;
    color: #5bb2e0;
    background: #FFF;
}

/*各地温泉リンク*/
#area_onsen_ichiran .planBoxO > div dt{
	color:#5e3d41;
	font-size:16px;
	text-align:left;
}
#area_onsen_ichiran .inner{
    padding: 20px 0;
}
#area_onsen_ichiran .rankingBox .innerBox dl {
	width: 100%;
	float: none; 
	line-height: 1.4;
    background: #FFF;
}
#area_onsen_ichiran .rankingBox .innerBox dl dt {
	background: none;
	height: auto;
	color: #000;
	line-height: 1;
	text-align: left;
	font-size: 100%;
	border: none;
}
#area_onsen_ichiran .rankingBox .innerBox dl dd {
    padding: 10px 10px 2px;
}
#area_onsen_ichiran .rankingBox .innerBox dl dd ul li {
    display:inline-block;
    margin-bottom: 8px;
    padding: 0 0 0 10px;
    background: url(/yado/onsen/new_images/im_arrowp.png) no-repeat 0 50%;
    background-size: 6px auto;
}
#area_onsen_ichiran .rankingBox .innerBox dl dd ul li:first-child {
	font-weight:bold;
    background: none;
    padding: 0;
    margin: 0;
}

/* map */
.map2{
	width:700px;
	height: 503px;
}

/*-----------------------------------------------------------
検索ガジェット
-----------------------------------------------------------*/
.layer_board ul#tab_templete li{
	font-size:12px;
	width:33%;
}
.serchBox_templete dl select{
	font-size:12px;
}
.serchBox_templete dl.right50{
	margin:0 0 10px 25px;
}

/*エリアのおすすめ*/
#area_onsen_ichiran {
    background-color: #faf3f0;
    padding: 10px;
}

#area_onsen_ichiran h2 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 12px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    color: #333333;
    margin: 0 0 4% 8%;
}

/* タイトル
------------------------------------------ */
#title{
	margin:0;
	padding:0;
	height:270px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(/yado/onsen/new_images/bg.jpg) no-repeat 50% 50%;
}
#title:after{
	width:100%;
	height:10px;
	background:url(/yado/onsen/new_images/im_top_border.png) repeat;
	content:"";
	display:block;
	position:absolute;
	z-index:2;
}
#title p.titImage{
	position: absolute;
	top:0;
	left: 70px;
	right: 0;
	bottom: 0;
	margin:auto;
	color:#FFF;
	font-weight:bold;
	width: 679px;
	line-height:40px;
	text-shadow:
	1px 1px 4px rgba(000,000,000,0.8),
	0px 1px 0px rgba(255,255,255,0.3);
	z-index:1;
}
p.txt{
	display:block;
	color:#000;
	text-align:left;
	width:980px;
	margin:0 auto;
	font-size:12px;
	line-height:25px;

}
#title p.txt{
	position:absolute;
	display:block;
	color:#FFF;
	text-align:center;
	z-index:9;
	left: 20px;
	width:100%;
	right: 0;
	bottom: 16px;
	font-size:15px;
	line-height:25px;
}
#title img{
	width:100%;
	height:auto;
}

/* ナビ
------------------------------------------ */
#navList{
	width:100%;
	height:66px;
	background:url(/yado/onsen/new_images/bg_navi.png);
	/margin-bottom:30px;
}
#navList ul{
	text-align:center;
	margin:0 auto;
}
#navList ul li{
	display:inline-block;
	font-size:18px;
	background:url(/yado/onsen/new_images/im_line.png) no-repeat 100% 50%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
#navList ul li:last-child{background:none}
#navList ul li a{
	display:block;
	color:#FFF;
	padding:20px 15px;
	background:url(/yado/onsen/new_images/im_arrow_menu.png) no-repeat 50% 86%;
	background-size:11px auto;
}
#navList ul li a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.7 ;
	background:url(/yado/onsen/new_images/im_arrow_menu.png) no-repeat 50% 88%;
	background-size:11px auto;
}

/* article
------------------------------------------ */
.article{
	background:url(/yado/onsen/new_images/im_top.gif) no-repeat top left,url(/yado/onsen/new_images/im_bottom.gif) no-repeat bottom left;
	background-color:#faf3f0;
	position:relative;
	margin-bottom:45px;
}
.article h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:30px;
	font-weight:normal;
	color:#5b2b31;
}
.article h3{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:20px;
	font-weight:normal;
	color:#5b2b31;
	background:url(/yado/onsen/new_images/ti_bg_kodawari.png) no-repeat;
	background-size: 100%;
	height:57px;
	line-height:62px;
	display:block;
	clear:both;
	padding:0 0 0 20px;
	margin-bottom:22px;
}
.article h4{
	font-size:16px;
	font-weight:normal;
	color:#5b2b31;
	background:url(/yado/onsen/new_images/ti_bg_rank.png) no-repeat;
	height:36px;
	line-height:36px;
	display:block;
	clear:both;
	padding:0 0 0 25px;
	margin:0 0 12px 5px;
}
.inner{
	padding:35px 30px 35px 30px;
	overflow:hidden;
}
.catche{
	font-size:14px;
	color:#5b2b31;
	line-height:28px;
}
.catche.mb20{margin-bottom:15px;}
#link01 .inner{background:url(/yado/onsen/new_images/bg_i01.png) no-repeat;}
#link02 .inner{background:url(/yado/onsen/new_images/bg_i02.png) no-repeat;}
#link03 .inner{background:url(/yado/onsen/new_images/bg_i03.png) no-repeat;}
#link04 .inner{background:url(/yado/onsen/new_images/bg_i04.png) no-repeat;}
#link05 .inner{background:url(/yado/onsen/new_images/bg_i05.png) no-repeat;}
#link06 .inner{background:url(/yado/onsen/new_images/bg_i05.png) no-repeat;}
#link01 .innerBox{
	margin-top:-100px;
	text-align:center;
}

/* planBoxO
------------------------------------------ */
.planBoxO .slick_area > div > div > div {
    width: 200px;
    padding: 10px;
    margin: 0 5px;
    background: #FFF;
    -moz-box-shadow: 0px 0px 8px rgba(250,226,215,0.9);
    -webkit-box-shadow: 0px 0px 8px rgb(250 226 215 / 90%);
    box-shadow: 0px 0px 8px rgb(250 226 215 / 90%);
}
.planBoxO .slick_area img{
	width:100%;
	height:auto;
}
.planBoxO .slick_area .photo{
	margin-bottom:15px;
}
.planBoxO .slick_area dl{
	margin:0;
	padding:0 10px 10px 10px;
}
.planBoxO .slick_area dl dt{
	font-size:15px;
	display:block;
	margin-bottom:10px;
	text-align:center;
	line-height:20px;
}
.planBoxO .slick_area dl dt span{font-size:12px;}
.planBoxO .slick_area dl dt img{
	width:20px;
	height:auto;
	vertical-align:top!important;
	margin: 0 0 5% 44%;
}
.planBoxO .slick_area p.photo img {
    width: 100%;
    height: 100%;
}
.rank01 a{color:#a87e00!important;}
.rank02 a{color:#6C8389!important;}
.rank03 a{color:#D54E2A!important;}
.rank04 a{color:#1C8E80!important;}
.planBoxO .slick_area dl dd{
	line-height:24px;
	height: 125px;
}

/* rankingBox
------------------------------------------ */
#link02 .inner .innerBox dl dt a:link,
#link02 .inner .innerBox dl dt a:hover,
#link02 .inner .innerBox dl dt a:active,
#link02 .inner .innerBox dl dt a:visited{text-decoration:none!important;}
.rankingBox .innerBox{
	background:#FFF;
	-moz-box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
	-webkit-box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
	box-shadow:
		0px 0px 8px rgba(250,226,215,0.9);
		overflow:hidden;
}
.rankingBox .innerBox dl{
	width:50%;
	float:left;
}
.rankingBox .innerBox dl dt{
	background:url(/yado/onsen/new_images/ti_bg_pop.gif) no-repeat;
	height:46px;
	color:#FFF;
	line-height:46px;
	text-align:center;
	font-size:16px;
	border-right:1px solid #973e46;
}
.rankingBox .innerBox dl dd{
	padding:15px 10px 2px;
	display:block;
	overflow:hidden;
	border-right:1px solid #e3dcd8;
}
.rankingBox .innerBox dl dd ul:first-child{margin-right:10px;	}
.rankingBox .innerBox dl dd ul li{
	margin-bottom:8px;
	padding:0 0 0 10px;
	background:url(/yado/onsen/new_images/im_arrowp.png) no-repeat 0 50%;
	background-size:6px auto;
}

/* bnrBox
------------------------------------------ */
.innerBox.planBoxO > div:nth-of-type(-n+4) .btnA.btnS{margin-bottom:2%;}
.innerBox.planBoxO > div:nth-of-type(n+4) .btnA.btnS{
	width:50%;
	float:left;
}
.innerBox.planBoxO > div:nth-of-type(n+4) .btnA.btnS a {
    width: 145px;
	font-size:13px;
}
.bnrBox{
	overflow:hidden;
	margin-bottom:15px;
}
.bnrBox li{
	width:121px;
	float:left;
	margin:0 0 10px 0;
}
.bnrBox li:hover{
	cursor:pointer;
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.7 ;
}
.bnrBox li img{
	margin-bottom:8px;
}

/* --------------------------------------------------- serch */
div.mapS{position:relative;}
div.mapS > p{position:absolute;}
div.mapS p.hokkaido{
	top: 113px;
    right: 120px;
}
.mapS p.tohoku{
	top: 190px;
    right: 162px;
}
.mapS p.kitakanto{
	top: 264px;
    right: 200px;
}
.mapS p.bousou{
	bottom: 100px;
    right: 275px;
}
.mapS p.izuhakone1{
	bottom: 79px;
    right: 124px;
}
.mapS p.izuhakone2{
	bottom: 4px;
    right: 136px;
}
.mapS p.koushinetsu{
	top: 146px;
    left: 392px;
}
.mapS p.tokai{
    bottom: 5px;
    right: 330px;
}
.mapS p.hokuriku{
	top: 172px;
    left: 275px;
}
.mapS p.sanin_sanyo{
	top: 190px;
    left: 132px;
}
.mapS p.shikoku{
	bottom: 72px;
    left: 212px;
}
.mapS p.kinki{
	bottom: 5px;
    left: 285px;
}
.mapS p.kyushu{
	bottom: 5px;
    left: 122px;
}
.mapS p a {
    font-size: 18px;
    color: #FFF!important;
}
.mapS p span {
	font-size: 12px;
    width: 100%;
    display: block;
	margin-top: 10px;
}

/* btn
------------------------------------------ */
.btnA a{
	color: #ffffff!important;
	display:block;
	padding: 10px 0;
	background:url(/yado/onsen/new_images/im_arrow.png) no-repeat #5a2a31 95% 50%;
	background-size:16px auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0),
		0px 1px 0px rgba(255,255,255,0);
		text-align:center;
		font-size:16px;
}
.btnA a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.8 ;
}
.btnS a{
	width:176px;
	margin:0 auto;
}
.btnB a{
	width:500px;
	margin:0 auto;
	padding:15px 0;
	font-size:18px;
}
.innerBox.planBoxO{margin-bottom: 3%;}
#link05 .planBoxO > div dt{
	color:#5e3d41;
	font-size:16px;
	text-align:left;
}
#link05 .inner{
	padding-bottom:20px;
}

/*各地温泉リンク*/
#area_onsen_ichiran_top.article{
	padding: 15px;
    overflow: hidden;
}
.disnone{display:none!important;}
ul#area_onsen_ichiran_nav {display: flex;}
ul#area_onsen_ichiran_nav li {
    width: 20%;
    text-align: center;
    color: #5a2a31;
    background: #dec6c4;
    padding: 5px 0;
    font-size: 16px;
    margin: 0.5%;
	cursor:pointer;
}
ul#area_onsen_ichiran_nav li.area_onsen_ichiran_nav_select {
    color: #FFF;
    background: #5a2a31;
	position:relative;
}
ul#area_onsen_ichiran_nav li.area_onsen_ichiran_nav_select:after {
	content: "";
    width: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 8px solid #5a2a31;
    position: absolute;
    bottom: -24%;
    left: 35%;
}
ul#area_onsen_ichiran_nav li:hover {opacity:0.8;}
div#area_onsen_ichiran li{
	display: inline-block;
    margin: 1%;
    font-size: 14px;
}

/* おすすめ旅行情報 */
#useWrap {
	padding: 10px 10px 20px;
    margin-bottom: 30px;
}
#useWrap .tripa_useWrap_wrap{
    width: 880px;
    margin: auto;
}
#useWrap div.slick_area div.tripa {
	overflow: hidden;
    margin: 5px;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
}
#useWrap div.slick_area div p {
	margin: 0 0 3% 0;
    height: 150px;
    overflow: hidden;
}
#useWrap div.slick_area div p img {
    width: auto;
    height: 100%;
}
#useWrap div.slick_area div dl {
	overflow: hidden;
	display: block;
	padding: 0;
}
#useWrap div.slick_area div dt {
	font-size: 16px;
	margin: 0 0 2% 0;
	padding: 0;
	font-weight: bold;
}
#useWrap div.slick_area div dd {
	font-size: 14px;
}
#useWrap div.slick_area div dd > span {
	display: block;
	margin: 5px 0 0 0;
}
#useWrap div.slick_area div dd > span a {
	color: #CCC;
	font-size: 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#useWrap div.slick_area div dd > span span {
	color: #F69;
	display: inline;
	font-size: 12px;
}

/*Q&A*/
#qanda_box b.qaicon{
	font-size: 20px;
    margin-right: 2%;
    color: #7f2b31;
}

#qanda_box h3{
    margin: 0 0 2% 0;
}

#qanda_box div > div{
    width: 100%;
    box-sizing: border-box;
}
#qanda_box .inner div > div{
	padding: 20px;
    margin-bottom: 3%;
	background: #fff;
}
#qanda_box p{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 18px;
    line-height: 1.8;
	font-weight: bold;
	padding-left:20px;
}

/*ガシェット*/
#gadget_section {padding: 25px;}

}

/*ガシェット*/
/*共通*/
:root {
	--gadget-accent-color: #5c2c32;
	--gadget-noactive-color: #e8dad4;
	--gadget-botton-color: #F29A16;
}
.search_kokunaiBar .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
.search_kokunaiBar .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
.search_kokunaiBar .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}