@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: #a00000}

/* CSS初期設定 */
#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;
}

/*ここから*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
/* ------------------------------
	flexbox
------------------------------ */
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
		 -ms-flex-wrap: wrap;/*複数行*/
      flex-wrap: wrap;
}

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/

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

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

/**/
#title{
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	text-align:center;
	height:auto;
}
#title p{
	bottom:0px;
	left: 0;
	margin:auto;
	width: 100%;
}
#title img{width: 100%;}

/*navi-menu*/
.navList{
	margin: 8px 0 0;
	padding: 0;
	display:block;
	overflow:hidden;
}
.navList li{
	display:block;
	width:50%;
	float:left;
	margin-bottom:8px;
}
.navList li {position: relative;}
.navList li a:after {
	content: "";
	position: absolute;
	right:3%;
	top:42%;
	width:16px;
	height:16px;
	background:url(../images/icon_arrow02.svg) no-repeat;
	background-size:contain;
}
.navList li.navi06 a:after {
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
.navList li img {
	width:88%;
	height:auto;	
	text-align:center;
}
.navList li a:hover{
	text-decoration:none!important
}
.navList li:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
text-decoration:none!important;
}
/* campaign */
div#newsbox_wrap {
	 margin: 3% 2% 3%;
	padding: 10px auto 0;	
    border: 1px solid #ff0044;
	background-color:#fff1de;
	-moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;  
}
div#newsbox_wrap dl{
	border-bottom: 1px dotted #ff5975;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
div#newsbox_wrap dl:last-child{border:none;}
div#newsbox_wrap dl dt{
	padding:2px 8px;
	background-color:#ff5975;
	color: #FFF;
	font-size:17px;
	line-height:1.35;
}
div#newsbox_wrap dl dd {
	clear:both;
	margin:8px 5px 0;
	font-size:16px;
}
#newsbox_wrap dl .subtxt {font-size:12px; line-height:1.35em;}

/* search */
.search_gadget_box h2 {
	font-size:17px;
	line-height:40px;
	font-weight:bold;
	color:#444;
	text-indent:40px;
	position: relative;
	border-bottom:4px solid #ff8800;
}
.search_gadget_box h2:before {
	position:absolute;
	left:0px;
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/icon_search.svg) no-repeat;
	background-size:contain;	
}
/**/
.ti-keyword {
	clear:both;
	margin-top:50px;
	position:relative;
	height:30px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	color:#444;
	text-indent:30px;
}
.ti-keyword:before {
	position:absolute;
	left:0px;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/icon_search.svg) no-repeat;
	background-size:contain;
}
/*keywords*/
.search_gadget_box ul.keywords {
	margin: 3% 0 6%;
}
.search_gadget_box ul.keywords li {
    display: inline-block;
	margin: 1%;
	padding: 8px 4px;
    border: 2px solid #ff8700;
    font-size: 15px;
	line-height:1.25;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin-bottom:10px;
}
.search_gadget_box ul.keywords li a {
	color: #ff8700;
	text-decoration:none;
}
/* wrap-section */
.wrap-section {width:100%!important; padding:0 0 30px 0; clear:both;}
.bg00{ background-color:#fff1e0;}
.bg01{ background-color:#ffe8e8;}
.bg02{ background-color:#eaf5e6;}
.bg03{ background-color:#fff1e0;}
.bg04{ background-color:#ebf7ff;}
.bg05{ background-color:#f8eefa;}
/* subti H2 */
.wrap-section h2 {
	height:52px;
	padding-top:11px;
	font-size:12px;
	font-weight:normal;
	line-height:39px;
	color:#fff;
	text-indent:45px;
	position: relative;
}
.navList li:after,
.wrap-section h2:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
}
.navList li.navi06:after {
	height: 5px!important;
}
.wrap-section h2:before {
	position:absolute;
	left:5px;
	content:"";
	display:inline-block;
	width:35px;
	height:35px;	
}
h2#link00_1,
h2#link00_2{
	margin-bottom: 10px;
}

/*00*/
#link00,
#link00_1,
#link00_2 {
	background-color:#ffa742;
	border-bottom:2px solid #ff8800;
}
#link00:after,
#link00_1:after,
#link00_2:after {
  background: -webkit-repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
  background: repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
}
/*01*/
.navi01,
#link01,
#link06 {
	background-color:#ff8a9e;
	border-bottom:2px solid #ff5975;
}
.navi01:after,
#link01:after,
#link06:after {
  background: -webkit-repeating-linear-gradient(45deg, #ff8a9e, #ff8a9e 3px, #febfd2 3px, #febfd2 6px);
  background: repeating-linear-gradient(45deg, #ff8a9e, #ff8a9e 3px, #febfd2 3px, #febfd2 6px);
}
/*02*/
.navi02,
#link02 {
	background-color:#6ccc3d;
	border-bottom:2px solid #00a800;
}
.navi02:after,
#link02:after {
  background: -webkit-repeating-linear-gradient(45deg, #6ccc3d, #6ccc3d 3px, #99ee64 3px, #99ee64 6px);
  background: repeating-linear-gradient(45deg, #6ccc3d, #6ccc3d 3px, #99ee64 3px, #99ee64 6px);
}
/*03*/
.navi03,
#link03 {
	background-color:#ffa742;
	border-bottom:2px solid #ff8800;
}
.navi03:after,
#link03:after {
  background: -webkit-repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
  background: repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
}
/*04*/
.navi04,
#link04 {
	background-color:#54bbff;
	border-bottom:2px solid #0099ff;
}
.navi04:after,
#link04:after {
  background: -webkit-repeating-linear-gradient(45deg, #54bbff, #54bbff 3px, #3ba5e8 3px, #3ba5e8 6px);
  background: repeating-linear-gradient(45deg, #54bbff, #54bbff 3px, #3ba5e8 3px, #3ba5e8 6px);
}
/*05*/
.navi05,
#link05 {
	background-color:#c684d9;
	border-bottom:2px solid #a861c2;
}
.navi05:after,
#link05:after {
  background: -webkit-repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
  background: repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
}
/*06*/
.navi06 {
	background: -webkit-repeating-linear-gradient(45deg, #178cfb, #178cfb 3px, #1a9bfc 3px, #1a9bfc 6px);
  background: repeating-linear-gradient(45deg, #178cfb, #178cfb 3px, #1a9bfc 3px, #1a9bfc 6px);
	
	border-bottom:2px solid #0063e6;
}
.navi06:after {
	background-color:#0063e6;
 }
/*icon*/
#link00:before,
#link00_1:before,
#link00_2:before {
	background:url(../images/icon_flag.svg) no-repeat;
	background-size:contain;	
}
#link01:before,
#link06:before {
	background:url(../images/icon_baby.svg) no-repeat;
	background-size:contain;	
}
#link02:before {
	background:url(../images/icon_family.svg) no-repeat;
	background-size:contain;	
}
#link03:before {
	background:url(../images/icon_area.svg) no-repeat;
	background-size:contain;	
}
#link04:before {
	background:url(../images/icon_spot.svg) no-repeat;
	background-size:contain;	
}
#link05:before {
	background:url(../images/icon_guide.svg) no-repeat;
	background-size:contain;	
}
/*txt*/
.explain{
	display:block;
	margin:20px 18px;
	font-size:13px;
	line-height:1.35em;
}
.blue_btn,
.pur_btn {
    width: 90%;
    text-align: center;
    font-size: 14px;
    margin: 2% auto 0;
}
.blue_btn a,
.pur_btn a {
    display: block;
	text-decoration:none;
	color:#fff;
	padding: 10px 0;
	border-radius: 5px;
	position:relative;
}
.blue_btn a{background:#1883ca}
.pur_btn a{background:#9d33bb}
.blue_btn a:after,
.pur_btn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 40%;
    right: 2%;
}
.txt-link2 {
	margin-top:0px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
.txt-link2-wrap { text-align:center; margin-top:30px;}
/* 00 ファミパック*/
.panf-box {
	margin:0 15px;
}
.panf-box li {
	width:100%;
	padding:10px;
	border: 1px solid #DDD;
	background-color:#FFF;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	list-style:none;
	margin-top:20px;
}
.panf-box h3.ti-panf {
	font-size:15px;
	font-weight:bold;
	color:#ff5975;
	text-align:center;
	margin-bottom:10px;
}
.panf-img {
	width:40%!important;
	height:auto;
	float:left;
	margin-right:4%;
}
.panf-img img {
	width:100%!important;
	height:auto!important;
}
.panf-box li dd {
	width: 55%;
	float: left;
}

/*btn*/
.btn {
	display:block;
	clear:both;
	background-color:#ff8800;
	text-align:center;
	color:#FFF;
	margin-bottom:10px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 position:relative;
}
.btn:after {
	position:absolute;
	content:"";
	display:inline-block;
}
.btn a {
	display:block;
	color:#FFF;
	text-decoration:none!important;
}
.btn a:hover {
	color:#FFF;
	text-decoration:none!important;
}
.btn:hover {
	opacity:0.8!important;
	filter: alpha(opacity=80)!important;
	-ms-filter: "alpha( opacity=80 )"!important;
}
/*famillyplan-btn*/
.btn.famipack-btn,
.btn.famillyplan-btn {
	height:30px;
	height:2.2em;
	padding: 9px 10px 20px;
	font-size:14px;
	font-weight:bold;
	line-height:1.0;	
}
.btn.famillyplan-btn {
	background-color: #dd335d;	
}
.btn.famipack-btn {
	background-color: #ff8800;
	font-size:12px;
}
.famillyplan-btn:after,
.famipack-btn:after {
	right:4%/*8px*/;
	top:24%/*7px*/;
	width:16px;
	height:16px;
}
.famillyplan-btn:after {
	background:url(../images/icon_arrow02.png) no-repeat;
	background-size:contain;
}
.famipack-btn:after {
	background:url(../images/icon_arrow01.png) no-repeat;
	background-size:contain;
}

/* API */
.planboxarea {margin-bottom:50px;}
.planboxarea li{
    margin: 0 5px 10px;
    padding: 36px 10px 10px;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    float: left;
    box-shadow: none!important;
    background: #fff;
    box-sizing: border-box;
	position: relative;
}
.planboxarea li > p{
    margin-bottom: 10px;
}
.planboxarea li{
	border: 3px solid #ff8a9e;
}
.planboxarea li .thumb {
    width: 100%;
    margin: 0 0 10px 0;
    -webkit-border-radius: 0 0 0 0!important;
    border-radius: 0 0 0 0!important;
}
.planboxarea li span {
	font-size: 12px;
    color: #FFF;
    display: inline-block;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
	z-index:1;
	letter-spacing: -1px;
	background: #ff8a9e;
}
.planboxarea li img {
    width: 100%;
    height: auto;
}
.planboxarea li dl dt{
	width:95%;
	margin-bottom: 10px;
	padding: 0 0 0 1%;
	font-weight: bold;
	font-size:14px;
	overflow: hidden;
}
.planboxarea li dl dd.price {
    color: #F00;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    letter-spacing: -0.09em;
	border:none;
	margin: 4% 0;
}

@media (min-width: 760px) and (max-width: 809px) {
.planboxarea li dl dd.price {
	font-size: 14px;
}
}

/* 01 子供連れ */
.baby-wrap { margin-bottom:0px;}
.main-box {
	margin:0 20px;
}
.main-box li {
	width:100%;
	padding:0px;
	margin:0;
	background-color:#FFF;
	list-style:none;
	margin-bottom:30px;
}
/**/
.main-box li .thumb{
	display:block;
	width:100%!important;
	height:auto;
}
.main-box li .thumb img{
	width:100%!important;
	height:auto!important;
}
.main-box li dl {
	display:block;
	padding:15px;
	padding-bottom:20px;
}
.main-box li dt{
	display:block;
	font-size:16px;
	line-height:1.15em;
	font-weight:bold;
}
.main-box li dd {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:10px;
}
.main-box li a {
	color:#333;}
.main-box li a:hover{
	cursor: pointer;
	text-decoration:none!important;
	color:#06c!important;
}
.main-box li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
/* 03 */
/*area_search*//*.itemList_box*/
.area-wrap{
	background-color: #FFF;
	margin:0 10px 20px;
}
.area-box {
	padding:10px;
	width:100%;
}
.area-box .thumb{
	width: 40%;
	height:auto;
	float:left;
	margin-right:10px;
}
.area-box .thumb img{
	width:100%!important;
	height:auto!important;
}
.area-box dl {
	overflow:hidden;
	display:block;
	margin: 0 0;
}
.area-box dt{
	display:block;
	padding:5px 5px;
}
.area-box dd {
	display:block;
	font-size:13px;
	line-height:1.35em;
	padding:0 5px;
	margin-top:5px;
}
.area-btn-wrap,
.area-btn2-wrap,
.area-btn3-wrap {
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
.area-btn-wrap { width:100%; margin-top:20px;}
.area-btn-wrap li{
	display:block;
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.area-btn2-wrap {
	margin:10px 20px 0;
}
.area-btn2-wrap li{
	display: grid;
	align-items: center;
	margin-top:5px;
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.area-btn3-wrap li{
	display: grid;
	align-items: center;
	margin-right:10px;
	margin-left:10px;
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
/*area-btn*/
.area-btn {
	width:100%;
	height:40px;
	padding:10px 10px 12px;
	font-size:17px;
	font-weight:bold;
	line-height:1.0;	
}
.area-btn:after {
	right:12px;
	top:12px;
	width:16px;
	height:16px;
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
/*area-btn2*/
.area-btn2 {
	height:2.5em;
	font-size:15px;
	font-weight:bold;
	line-height:1.0;	
}
.area-btn2:after {
	right:4%/*5px*/;
	top:30%/*12px*/;
	width:12px;
	height:12px;
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
/*area-btn3*/
.area-btn3 {
	height:40px;
	padding:12px 10px 14px;
	font-size:18px;
	font-weight:bold;
	line-height:1.0;	
}
.area-btn3:after {
	right:12px;
	top:12px;
	width:16px;
	height:16px;
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
/*ranking*/
.subti-rank {
	font-size:18px;
	line-height:1.0em;
	font-weight:bold;
	border-bottom:2px solid #ff8800;
	width:100%;
	height:40px;
	line-height:40px;
	font-weight:bold;
	text-indent:40px;
	position:relative;
}
.subti-rank:before {
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	display:inline-block;
	width:35px;
	height:35px;
}
.subti-rank#rank01:before {
	background:url(../images/icon_rank01.svg) no-repeat;
	background-size:contain;
}

/*hotel*/
.hotel-box {
	margin:20px 0 0 0;
	width:100%;
	padding-bottom:4px;
}
.hotel-box h3.ti-hotel {
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-align:left;
	margin-bottom:5px;
}
.hotel-box .hotel-inner-box {
	padding:10px;
	border-top: 1px dotted #CCC;
}
.hotel-box .hotel-inner-box.last {}
.hotel-box .hotel-inner-box .thumb{
	width:40%!important;
	height:auto;
	float:left;
}
.hotel-box .hotel-inner-box .thumb img{
	width:100%!important;
	height:auto!important;
}
.hotel-box .hotel-inner-box dl {
	width:60%;
	float:left;
	display:block;
	padding: 0 5px 0 10px;
}
.hotel-box .hotel-inner-box dt{
	display:block;
	font-size:10px;
	line-height:1.25em;
}
.hotel-box dd.hotel-info {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:5px;
}
.hotel-box dd.hotel-price {
	font-size:13px;
	font-weight:bold;
	margin-top:5px;
}
.hotel-box dd.hotel-star {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:2px;
}
.icon-star img {width:12px; height:auto;}
.hotel-inner-box a { text-decoration:none;}
.hotel-inner-box a:hover { 
	cursor: pointer;
	text-decoration:none!important;
	color:#06c!important;}
/**/
.area-sub-wrap { margin-bottom:10px;}
.area-sub-box {
	margin:0 10px;
}
.area-sub-box > li {
	width:100%;
	padding:10px;
	background-color:#FFF;
	list-style:none;
	margin-top:10px;
}
/**/
.area-sub-box li .thumb{
	width:40%!important;
	height:auto;
	float:left;
}
.area-sub-box li .thumb img{
	width:100%!important;
	height:auto!important;
}
.area-sub-box li dl {
	overflow:hidden;
	display:block;
	padding:0 0 0 10px;
}
.area-sub-box li dt{
	display:block;
	border-bottom:2px solid #ff8800;
}
/*rank2*/
.subti-rank2 {
	font-size:15px;
	line-height:1.1em;
	font-weight:bold;
	width:100%;
	height:28px;
	line-height:25px;
	font-weight:bold;
	text-indent:30px;
	position:relative;
}
.subti-rank2:before {
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
}
.subti-rank2#rank02:before {
	background:url(../images/icon_rank02.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank03:before {
	background:url(../images/icon_rank03.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank04:before {
	background:url(../images/icon_rank04.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank05:before {
	background:url(../images/icon_rank05.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank06:before {
	background:url(../images/icon_rank06.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank07:before {
	background:url(../images/icon_rank07.svg) no-repeat;
	background-size:contain;
}
.area-sub-box li dd {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:5px;
}
.area-sub-box li a:hover{
	cursor: pointer;
	text-decoration:none!important;
}
.area-sub-box li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
.area-sub-box .btn-wrap {
	clear:both;
	margin-top:	20px;
}
/* 0405 共通 */
.guide-wrap,
.spot-wrap { margin-bottom:35px;}
.spot-wrap02 { margin-bottom:0px;}
.subti {
	width:100%;
	height:32px;
	font-size:16px;
	line-height:32px;
	font-weight:bold;
	text-indent:38px;
	position:relative;
}
.subti:before {
	position:absolute;
	left:4px;
	content:"";
	display:inline-block;
	width:27px;
	height:27px;
}
/* 04 レジャースポット */
.sub04 {
	color:#0099ff;
	border-bottom:2px solid #0099ff;
}
.sub04#link0401:before {
	background:url(../images/icon_0401.svg) no-repeat;
	background-size:contain;
}
.sub04#link0402:before {
	background:url(../images/icon_0402.svg) no-repeat;
	background-size:contain;
}
.sub04#link0403:before {
	background:url(../images/icon_0403.svg) no-repeat;
	background-size:contain;
}
/* 05 おすすめガイド */
.sub05 {
	color:#a861c2;
	border-bottom:2px solid #a861c2;
}
.sub05#link0501:before {
	background:url(../images/icon_0501.svg) no-repeat;
	background-size:contain;
}
.sub05#link0502:before {
	background:url(../images/icon_0502.svg) no-repeat;
	background-size:contain;
}
.spot-box01 li,
.guide-box01 li {
	padding:0px;
	background-color:#FFF;
	margin-top:15px;
}
/**/
.spot-box01 li .thumb,
.guide-box01 li .thumb{
	width:40%!important;
	height:auto;
	float:left;
}
.spot-box01 li .thumb img,
.guide-box01 li .thumb img{
	width:100%!important;
	height:auto!important;
	vertical-align: bottom;
}
.spot-box01 li dl,
.guide-box01 li dl {
	overflow:hidden;
	display:block;
	padding:10px;
}
.spot-box01 li dt,
.guide-box01 li dt{
	display:block;
	font-size:14px;
	line-height:1.35em;
	font-weight:bold;
}
.spot-box01 li dd,
.guide-box01 li dd {
	display:block;
	font-size:13px;
	line-height:1.35em;
}
.spot-box01 li dd{font-size:12px;
	line-height:1.25em;}
.spot-box01 li dd {margin-top:5px;}
.guide-box01 li dd {margin-top:25px;}
.spot-box01 li a,
.guide-box01 li a {
	color:#333;}
.spot-box01 li a:hover,
.guide-box01 li a:hover{
	cursor: pointer;
	text-decoration:none!important;
	color:#06c!important;
}
.spot-box01 li a:hover img,
.guide-box01 li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
/**/
.guide-box02 {
	border-bottom: 1px solid #DDD;/**/
	margin:20px 0;
}
.guide-box02 li {
	padding:15px;
	background-color:#FFF;
	border-top: 1px solid #DDD;/**/
}
/**/
.guide-box02 li .thumb{
	width:75px!important;
	height:75px;
	float:left;
}
.guide-box02 li .thumb img{
	width:100%!important;
	height:auto!important;
}
.guide-box02 li dl {
	overflow:hidden;
	display:block;
	padding-left: 15px;
}
.guide-box02 li dt{
	display:block;
	font-size:14px;
	line-height:1.35em;
	font-weight:bold;
}
.guide-box02 li dd {
	display:block;
	margin-top:7px;
	font-size:11px;
	line-height:1.35em;
}
.guide-box02 li a {color:#06c;}
.guide-box02 li a:hover{
	cursor: pointer;
	text-decoration: underline!important;
	color:#06c!important;
}
.guide-box02 li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
.guide-box02 li dd.txt-link-s { font-size:12px!important; font-weight:bold;}
/**/
.itemList_box_3c{
    background: #FFF;
    width: 29.33333%;
	float:left;
    margin: 0 2% 3%;
	position: relative;
}
.search_box_area div.itemList_box_3c > div dl.area_name dt.area_best{
    font-size:16px;
}
.search_box_area div.itemList_box_3c > div dl.area_name dd.itemList_ap{
    height: 96px;
}
.itemList_box_3c .orangeBtn a span{font-size:11px;}
/**/
.rankin_onsen_area_other_box { padding:0px;}
.osusumeyado_more_box acc_box {padding:0px;}
/**/
.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}	

.btnAll a{
	color:#FFF!important;
	background: #ffa600;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display:block;
	clear:both;
	margin-left:10px;
	margin-right:10px;
	color:#FFF;
	
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:18px;
	position:relative;
	padding:8px;
}
.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:35%;
	right:1%;
}
.btnAll a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}
/**/
a.osusumeyado_more_btn {
	clear: both;
    border: 1px solid #ff8800;
	background-color:#fff1e0;
    border-radius: 3px;
    text-align: center;
    padding: 10px 0 8px;
	margin: 2% 0 10%;
	margin-left:10px;
	margin-right:10px;
    font-size: 16px;
	font-weight:bold;
    display: block;
    color: #ff8800;
	text-decoration:none!important;
}
a.osusumeyado_more_btn:link
a.osusumeyado_more_btn:hover,
a.osusumeyado_more_btn:visited,
a.osusumeyado_more_btn:active{color: #ff8800;text-decoration:none!important;}
.osusumeyado_more_btn:before {content:"おすすめの宿をもっと見る";}
.osusumeyado_more_btn.open:before {content:"閉じる";}

/*add20191028*/
#qanda_box{
    background: #fff3f5;
	margin-bottom: 2%;
}
#link06{margin:0 auto 5%;}
#qanda_box > div{padding:0 10px;}
#qanda_box div:after{
    content: "";
    clear: both;
    display: block;
}
#qanda_box div > b {
    background: #2d3db1;
    font-size: 18px;
    margin: 0 1% 1% 0;
    color: #FFF;
    width: 9%;
    text-align: center;
	float:left;
}
#qanda_box div h3{
	font-weight: bold;
	font-size: 16px;
    margin-bottom: 3%;
    color: #2d3db1;
    line-height: 1.5;
	width:90%;
	float:left;
}
#qanda_box div p{
	width:90%;
	float:left;
	font-size: 14px;
	margin-bottom: 8%;
	line-height: 1.5;
}

/*slick*/
.slick-slide-js .slick-prev,
.slick-slide-js .slick-next {top: 40%;z-index: 40;}
.slick-slide-js .slick-prev {left: 0px;}
.slick-slide-js .slick-next {right: 0px;}
.slick-slide-js .slick-prev:before,
.slick-slide-js .slick-next:before {color: #242424;}
.slick-dots {
    position: initial!important;
}
.slick-dots li {
	border:none!important;
	background: none!important;
	float:none!important;
}

/*PRbanner*/
.pr_banner {
	width: 96%;
    margin: 2%;
}
.pr_banner a img {
    width: 320px;
	height: 60px;
	display: block;
    margin: auto;
}

}

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

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}

/* レイアウト */ 
.mT30 { margin-top:30px;}
.pcnone{display:none;}

/*wrapInner*/
#wrapInner{
	width:100%!important;
}
.inner950{
	width:950px;
	margin:0 auto;
	display:block;
}
/*title*/
#title{
	width: 100%;
    height: auto;
    background: url(../images/bg.jpg) center no-repeat;
}
#title img{
	width: 550px;
    height: auto;
    margin: auto;
    display: block;
}

/*navi-menu*/
.navList{
	width:960px;
	margin:15px auto;
	padding:0;
	display:block;
	overflow:hidden;
	text-align:left;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
	
}
.navList li{
	display:inline-block;
	margin:0 10px 0 0;
	width:150px;
	height:60px;/**/
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.navList li {position: relative;}
.navList li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
.navList li a:hover {text-decoration:none!important;}
.navList li:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
text-decoration:none!important;
}
.navList li img {
	width:100%;
	height:auto;
	padding-top:5px;
}
/* campaign */
div#newsbox_wrap {
	margin: 16px 20px 25px;
	padding: 10px 25px 0;	
    border: 1px solid #ff0044;
	background-color:#fff1de;
	-moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;  
}
div#newsbox_wrap dl{
	border-bottom: 1px dotted #ff5975;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
div#newsbox_wrap dl:last-child{border:none;}
div#newsbox_wrap dl dt{
	display:inline-block;
	padding:2px 10px;
	background-color:#ff5975;
	color: #FFF;
	font-size:18px;
	line-height:1.5;
	height:1.5em;
}
div#newsbox_wrap dl dd {
	clear:both;
	margin-top:10px;
	margin-left:15px;
	font-size:16px;
}
#newsbox_wrap dl .subtxt {font-size:12px; line-height:1.35em;}

/* search */
.search_gadget_box {
}
.search_gadget_box h2 {
	width:950px;
	font-size:20px;
	line-height:40px;
	font-weight:bold;
	color:#444;
	text-indent:50px;
	position: relative;
	border-bottom:4px solid #ff8800;
}
.search_gadget_box h2:before {
	position:absolute;
	left:0px;
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/icon_search.svg) no-repeat;
	background-size:contain;	
}
/**/
.ti-keyword {
	clear:both;
	margin-top:50px;
	position:relative;
	width:910px;
	margin-left:20px;
	height:30px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	color:#444;
	text-indent:30px;
}
.ti-keyword:before {
	position:absolute;
	left:0px;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/icon_search.svg) no-repeat;
	background-size:contain;
}
/*keywords*/
.search_gadget_box ul.keywords {
	width:100%;
	text-align:center;
    margin: 2% auto 6%;
	    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.search_gadget_box ul.keywords li {
       /* display: inline; */
    margin: 0 8px 10px;
    padding: 8px 12px;
    border: 2px solid #ff8700;
    font-size: 15px;
    line-height: 1.0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.search_gadget_box ul.keywords li a {
	color: #ff8700;
}
/* wrap-section */
.wrap-section {width:100%!important; padding:30px 0; clear:both;}
.bg00{ background-color:#fff1e0;}
.bg01{ background-color:#ffe8e8;}
.bg02{ background-color:#eaf5e6;}
.bg03{ background-color:#fff1e0;}
.bg04{ background-color:#ebf7ff;}
.bg05{ background-color:#f8eefa;}

/* subti H2 */
.wrap-section h2 {
	width:950px;
	height:52px;
	margin-bottom: 10px;
	padding-top:10px;
	font-size:24px;
	font-weight:normal;
	line-height:39px;
	color:#fff;
	text-indent:70px;
	position: relative;
}
.navList li:after,
.wrap-section h2:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
}
.navList li.navi06:after {
	height: 3px!important;
}
.wrap-section h2:before {
	position:absolute;
	left:20px;
	content:"";
	display:inline-block;
	width:35px;
	height:35px;	
}
/*00*/
#link00,
#link00_1,
#link00_2 {
	background-color:#ffa742;
	border-bottom:2px solid #ff8800;
}
#link00:after,
#link00_1:after,
#link00_2:after {
  background: -webkit-repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
  background: repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
}
/*01*/
.navi01,
#link01,
#link06 {
	background-color:#ff8a9e;
	border-bottom:2px solid #ff5975;
}
.navi01:after,
#link01:after,
#link06:after {
  background: -webkit-repeating-linear-gradient(45deg, #ff8a9e, #ff8a9e 3px, #febfd2 3px, #febfd2 6px);
  background: repeating-linear-gradient(45deg, #ff8a9e, #ff8a9e 3px, #febfd2 3px, #febfd2 6px);
}
/*02*/
.navi02,
#link02 {
	background-color:#6ccc3d;
	border-bottom:2px solid #00a800;
}
.navi02:after,
#link02:after {
  background: -webkit-repeating-linear-gradient(45deg, #6ccc3d, #6ccc3d 3px, #99ee64 3px, #99ee64 6px);
  background: repeating-linear-gradient(45deg, #6ccc3d, #6ccc3d 3px, #99ee64 3px, #99ee64 6px);
}
/*03*/
.navi03,
#link03 {
	background-color:#ffa742;
	border-bottom:2px solid #ff8800;
}
.navi03:after,
#link03:after {
  background: -webkit-repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
  background: repeating-linear-gradient(45deg, #ffa742, #ffa742 3px, #fed76c 3px, #fed76c 6px);
}
/*04*/
.navi04,
#link04 {
	background-color:#54bbff;
	border-bottom:2px solid #0099ff;
}
.navi04:after,
#link04:after {
  background: -webkit-repeating-linear-gradient(45deg, #54bbff, #54bbff 3px, #3ba5e8 3px, #3ba5e8 6px);
  background: repeating-linear-gradient(45deg, #54bbff, #54bbff 3px, #3ba5e8 3px, #3ba5e8 6px);
}
/*05*/
.navi05,
#link05 {
	background-color:#c684d9;
	border-bottom:2px solid #a861c2;
}
.navi05:after,
#link05:after {
  background: -webkit-repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
  background: repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
}
/*06*/
.navi06 {
	background: -webkit-repeating-linear-gradient(45deg, #178cfb, #178cfb 3px, #1a9bfc 3px, #1a9bfc 6px);
  background: repeating-linear-gradient(45deg, #178cfb, #178cfb 3px, #1a9bfc 3px, #1a9bfc 6px);
	
	border-bottom:2px solid #0063e6;
}
.navi06:after {
	background-color:#0063e6;
 }
/*icon*/
#link00:before,
#link00_1:before,
#link00_2:before {
	background:url(../images/icon_flag.svg) no-repeat;
	background-size:contain;	
}
#link01:before,
#link06:before {
	background:url(../images/icon_baby.svg) no-repeat;
	background-size:contain;	
}
#link02:before {
	background:url(../images/icon_family.svg) no-repeat;
	background-size:contain;	
}
#link03:before {
	background:url(../images/icon_area.svg) no-repeat;
	background-size:contain;	
}
#link04:before {
	background:url(../images/icon_spot.svg) no-repeat;
	background-size:contain;	
}
#link05:before {
	background:url(../images/icon_guide.svg) no-repeat;
	background-size:contain;	
}
/*txt*/
.explain{
	display:block;
	margin:20px 18px;
	font-size:13px;
	line-height:1.35em;
}
.blue_btn,
.pur_btn {
	width:80%;
	text-align: center;
    font-size: 18px;
	margin:0 auto 4%;
	display: block;
}
.blue_btn a,
.pur_btn a {
	display: block;
	text-decoration:none;
	color:#fff;
	padding: 10px 60px;
	border-radius: 5px;
	position:relative;
}
.blue_btn a{background:#1883ca}
.pur_btn a{background:#9d33bb}
.blue_btn a:after,
.pur_btn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 40%;
    right: 2%;
}
.blue_btn a:hover,
.pur_btn a:hover {text-decoration: none!important;opacity:0.8;}
.txt-link2 {
	margin-top:50px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
.txt-link2-wrap { text-align:center;}

/* 00 ファミパック*/
.panf-box {
	margin-top:20px;
	margin-right:-5px;
	margin-left:-5px;
	margin-bottom:-15px;
}
.panf-box li {
	width:230px;
	padding:15px;
	padding-bottom:5px;
	margin:0 5px 15px;
	border: 1px solid #DDD;
	background-color:#FFF;
}
.panf-box h3.ti-panf {
	font-size:15px;
	font-weight:bold;
	color:#ff5975;
	text-align:center;
	margin-bottom:10px;
}
.panf-img {
	text-align:center;
	margin-bottom:10px;
}
.panf-img img {
	max-width:150px;
	height:auto;
}
.panf-img img:hover{opacity:0.8;}

/*btn*/
.btn {
	display:block;
	clear:both;
	background-color:#ff8800;
	text-align:center;
	color:#FFF;
	margin-bottom:10px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 position:relative;
}
.btn:after {
	position:absolute;
	content:"";
	display:inline-block;
}
.btn a {
	display:block;
	color:#FFF;
	text-decoration:none!important;
}
.btn a:hover {
	color:#FFF;
	text-decoration:none!important;
}
.btn:hover {
	opacity:0.8!important;
	filter: alpha(opacity=80)!important;
	-ms-filter: "alpha( opacity=80 )"!important;
}
/*famillyplan-btn*/
.btn.famipack-btn,
.btn.famillyplan-btn {
	width:200px;
	height:30px;
	padding:9px 10px 11px;
	font-size:16px;
	font-weight:bold;
	line-height:1.0;
}
.btn.famillyplan-btn {
	background-color: #dd335d;	
}
.btn.famipack-btn {
	background-color: #ff8800;
	font-size:14px;
}
.famillyplan-btn:after,
.famipack-btn:after {
	right:8px;
	top:7px;
	width:16px;
	height:16px;
}
.famillyplan-btn:after {
	background:url(../images/icon_arrow02.png) no-repeat;
	background-size:contain;
}
.famipack-btn:after {
	background:url(../images/icon_arrow01.png) no-repeat;
	background-size:contain;
}

/* API */
.planboxarea {margin-bottom:50px;}
.planboxarea li{
	/*height: 330px!important;*/
    margin: 0 5px 10px;
    padding: 36px 10px 10px;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    float: left;
    box-shadow: none!important;
    background: #fff;
    box-sizing: border-box;
	position: relative;
}
.planboxarea li > p{
    margin-bottom: 10px;
}
.planboxarea li{
	border: 3px solid #ff8a9e;
}
.planboxarea li .thumb {
    width: 100%;
    margin: 0 0 10px 0;
    -webkit-border-radius: 0 0 0 0!important;
    border-radius: 0 0 0 0!important;
}
.planboxarea li span {
	font-size: 12px;
    color: #FFF;
    display: inline-block;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
	z-index:1;
	letter-spacing: -1px;
	background: #ff8a9e;
}
.planboxarea li img {
    width: 100%;
    height: auto;
}

/*.planboxarea li dl dd{
	height:30px;
}*/

.planboxarea li dl dt{
	width:95%;
	margin-bottom: 10px;
	padding: 0 0 0 1%;
	font-weight: bold;
	font-size:14px;
	overflow: hidden;
}
.planboxarea li dl dd.price {
    color: #F00;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    letter-spacing: -0.09em;
	border:none;
	margin: 4% 0;
}

@media (min-width: 760px) and (max-width: 809px) {
.planboxarea li dl dd.price {
	font-size: 14px;
}
}

/* 01 子供連れ */
.baby-wrap { margin-bottom:0px;}
.main-box {
	margin:17px -19px 20px 0;
}
.main-box li {
	width:304px;
	padding:0px;
	margin:0 19px 0 0;
	background-color:#FFF;
}
/**/
.main-box li .thumb{
	display:block;
	width:100%!important;
	height:auto;
}
.main-box li .thumb img{
	width:100%!important;
	height:auto!important;
}
.main-box li dl {
	display:block;
	padding:15px;
	padding-bottom:20px;
}
.main-box li dt{
	display:block;
	font-size:16px;
	line-height:1.15em;
	font-weight:bold;
}
.main-box li dd {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:10px;
}
.main-box li a {
	color:#333;}
.main-box li a:hover{
	cursor: pointer;
	text-decoration:none!important;
	color:#06c!important;
}
.main-box li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
/* 03 */
/*area_search*//*.itemList_box*/
.area-wrap{
	background-color: #FFF;
	width:100%;
	padding:20px;
}
.area-box {
	padding:0px;
	width:100%;/*910*/
}
.area-box .thumb{
	width:320px!important;
	height:auto;
	float:left;
	margin-right:20px;
}
.area-box .thumb img{
	width:100%!important;
	height:auto!important;
}
.area-r-contents {
	padding:0;
}
.area-box dl {
	overflow:hidden;
	display:block;
	margin: 0 0;
}
.area-box dt{
	display:block;
	padding:5px 10px;
}
.area-box dd {
	display:block;
	font-size:15px;
	line-height:1.35em;
	padding:0 10px;
	margin-top:15px;
}
.area-btn-wrap,
.area-btn2-wrap,
.area-btn3-wrap {
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
.area-btn-wrap { margin-top:30px;}
.area-btn-wrap li{
	display:inline-block;
	margin-right:10px;
	margin-left:10px;
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.area-btn2-wrap { margin-right:-10px;}
.area-btn2-wrap li{
	display:inline-block;
	margin-right:10px;
	margin-top:10px;
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.area-btn3-wrap li{
	display:inline-block;
	margin-right:10px;
	margin-left:10px;
	vertical-align: middle;
	letter-spacing: normal; /* 文字間を元に戻す */
}
/*area-btn*/
.area-btn {
	width:250px;
	height:40px;
	padding:12px 10px 14px;
	font-size:16px;
	font-weight:bold;
	line-height:1.0;	
}
.area-btn:after {
	right:12px;
	top:12px;
	width:16px;
	height:16px;
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
/*area-btn2*/
.area-btn2 {
	width:137px!important;/*304px*/
	height:36px;
	padding:5px 7px 7px 1px;
	font-size:12px;
	font-weight:bold;
	line-height:28px;	
}
.area-btn2:after {
	right:5px;
	top:12px;
	width:12px;
	height:12px;
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
/*area-btn3*/
.area-btn3 {
	width:270px;
	height:40px;
	padding:12px 10px 14px;
	font-size:18px;
	font-weight:bold;
	line-height:1.0;	
}
.area-btn3:after {
	right:12px;
	top:12px;
	width:16px;
	height:16px;
	background:url(../images/icon_arrow01.svg) no-repeat;
	background-size:contain;
}
/*ranking*/
.subti-rank {
	font-size:24px;
	line-height:1.0em;
	font-weight:bold;
	border-bottom:3px solid #ff8800;
	width:100%;
	height:45px;
	line-height:40px;
	font-weight:bold;
	text-indent:50px;
	position:relative;
}
.subti-rank:before {
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
}
.subti-rank#rank01:before {
	background:url(../images/icon_rank01.svg) no-repeat;
	background-size:contain;
}

/*hotel*/
.hotel-box {
	margin:30px 0 0 0;
	width:100%;
}
.hotel-box h3.ti-hotel {
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-align:left;
	margin-bottom:5px;
	
}
.hotel-box .hotel-inner-box {
	float:left;
	width:295px;
	padding:0px;
	margin:0 10px 0 0;
	border-right: 1px dotted #CCC;
}
.hotel-box .hotel-inner-box.last {
	border-right: none;
	margin-right:0;
}
.hotel-box .hotel-inner-box .thumb{
	width:40%!important;
	height:auto;
	float:left;
}
.hotel-box .hotel-inner-box .thumb img{
	width:100%!important;
	height:auto!important;
}
.hotel-box .hotel-inner-box dl {
	width:60%;
	float:left;
	/*overflow:hidden;*/
	display:block;
	padding: 0 5px 0 10px;
}
.hotel-box .hotel-inner-box dt{
	display:block;
	font-size:10px;
	line-height:1.25em;
}
.hotel-box dd.hotel-info {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:5px;
}
.hotel-box dd.hotel-price {
	font-size:13px;
	font-weight:bold;
	margin-top:5px;
}
.hotel-box dd.hotel-star {
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:2px;
}
.icon-star {}
.icon-star img {width:12px; height:auto;}
.hotel-inner-box a { text-decoration:none; color:#333;}
.hotel-inner-box a:hover { 
	cursor: pointer;
	text-decoration:none!important;
	color:#06c!important;
}

/**/
.area-sub-wrap { margin-bottom:10px;}
.area-sub-box {
	margin:17px -19px 20px 0;
}
.area-sub-box > li {
	width:304px;
	padding:10px 10px 10px;
	margin:0 19px 19px 0;
	background-color:#FFF;
}
/**/
.area-sub-box li .thumb{
	width:40%!important;
	height:auto;
	float:left;
}
.area-sub-box li .thumb img{
	width:100%!important;
	height:auto!important;
}
.area-sub-box li dl {
	overflow:hidden;
	display:block;
	padding:0 0 0 10px;
}
.area-sub-box li dt{
	display:block;
	border-bottom:2px solid #ff8800;
}
/*rank2*/
.subti-rank2 {
	font-size:15px;
	line-height:1.1em;
	font-weight:bold;
	width:100%;
	height:33px;
	line-height:30px;
	font-weight:bold;
	text-indent:30px;
	position:relative;
}
.subti-rank2:before {
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
}
.subti-rank2#rank02:before {
	background:url(../images/icon_rank02.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank03:before {
	background:url(../images/icon_rank03.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank04:before {
	background:url(../images/icon_rank04.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank05:before {
	background:url(../images/icon_rank05.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank06:before {
	background:url(../images/icon_rank06.svg) no-repeat;
	background-size:contain;
}
.subti-rank2#rank07:before {
	background:url(../images/icon_rank07.svg) no-repeat;
	background-size:contain;
}
.area-sub-box li dd {
	height: 80px;
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin-top:5px;
}
.area-sub-box li a {}
.area-sub-box li a:hover{
	cursor: pointer;
	text-decoration:none!important;
}
.area-sub-box li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
.area-sub-box .btn-wrap {
	clear:both;
	margin-top:5px;}

/* 0405 共通 */
.guide-wrap,
.spot-wrap { margin-bottom:35px;}
.spot-wrap02 { margin-bottom:0px;}
.subti {
	width:100%;
	height:32px;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
	text-indent:38px;
	position:relative;
}
.subti:before {
	position:absolute;
	left:4px;
	content:"";
	display:inline-block;
	width:27px;
	height:27px;
}
/* 04 レジャースポット */
.sub04 {
	color:#0099ff;
	border-bottom:2px solid #0099ff;
}
.sub04#link0401:before {
	background:url(../images/icon_0401.svg) no-repeat;
	background-size:contain;
}
.sub04#link0402:before {
	background:url(../images/icon_0402.svg) no-repeat;
	background-size:contain;
}
.sub04#link0403:before {
	background:url(../images/icon_0403.svg) no-repeat;
	background-size:contain;
}
/* 05 おすすめガイド */
.sub05 {
	color:#a861c2;
	border-bottom:2px solid #a861c2;
}
.sub05#link0501:before {
	background:url(../images/icon_0501.svg) no-repeat;
	background-size:contain;
}
.sub05#link0502:before {
	background:url(../images/icon_0502.svg) no-repeat;
	background-size:contain;
}
.spot-box01,
.guide-box01 {
	margin:17px -19px 20px 0;
}
.spot-box01 li,
.guide-box01 li {
	width:304px;
	height:114px;
	padding:0px;
	margin:0 19px 0 0;
	background-color:#FFF;
}
/**/
.spot-box01 li .thumb,
.guide-box01 li .thumb{
	width:50%!important;
	height:auto;
	float:left;
}
.spot-box01 li .thumb img,
.guide-box01 li .thumb img{
	width:100%!important;
	height:auto!important;
}
.spot-box01 li dl,
.guide-box01 li dl {
	height:104px;
	overflow:hidden;
	display:block;
	padding:10px;
}
.spot-box01 li dt,
.guide-box01 li dt{
	display:block;
	font-size:14px;
	line-height:1.35em;
	font-weight:bold;
}
.spot-box01 li dt {font-size:13px;
	line-height:1.15em;}
.spot-box01 li dd,
.guide-box01 li dd {
	display:block;
	font-size:12px;
	line-height:1.35em;
}
.spot-box01 li dd{font-size:11px;
	line-height:1.25em;}
.spot-box01 li dd {margin-top:5px;}
.guide-box01 li dd {margin-top:25px;}
.spot-box01 li a,
.guide-box01 li a {
	color:#333;}
.spot-box01 li a:hover,
.guide-box01 li a:hover{
	cursor: pointer;
	text-decoration:none!important;
	color:#06c!important;
}
.spot-box01 li a:hover img,
.guide-box01 li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
/**/
.guide-box02 {
	margin:17px -26px 0px 0;
}
.guide-box02 li {
	width:462px;
	padding:15px;
	margin-right: 26px;
	margin-bottom:25px;
	background-color:#FFF;
}
/**/
.guide-box02 li .thumb{
	width:75px!important;
	height:75px;
	float:left;
}
.guide-box02 li .thumb img{
	width:100%!important;
	height:auto!important;
}
.guide-box02 li dl {
	overflow:hidden;
	display:block;
	padding-left: 15px;
}
.guide-box02 li dt{
	display:block;
	font-size:14px;
	line-height:1.35em;
	font-weight:bold;
}
.guide-box02 li dd {
	display:block;
	margin-top:7px;
	font-size:11px;
	line-height:1.35em;
}
.guide-box02 li a {color:#06c;}
.guide-box02 li a:hover{
	cursor: pointer;
	text-decoration: underline!important;
	color:#06c!important;
}
.guide-box02 li a:hover img {
	opacity:0.7!important;
	filter: alpha(opacity=70)!important;
	-ms-filter: "alpha( opacity=70 )"!important;
}
.guide-box02 li dd.txt-link-s { font-size:12px!important; font-weight:bold;}
/**/
.itemList_box_3c{
    background: #FFF;
    width: 29.33333%;
	float:left;
    margin: 0 2% 3%;
	position: relative;
}
.search_box_area div.itemList_box_3c > div dl.area_name dt.area_best{
    font-size:16px;
}
.search_box_area div.itemList_box_3c > div dl.area_name dd.itemList_ap{
    height: 96px;
}
.itemList_box_3c .orangeBtn a span{font-size:11px;}
/**/
.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}
.btnAll a{
	width:419px;
	height:52px;
	line-height:52px;
	color:#FFF!important;
	background: #ffa600;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:18px;
	position:relative;
}
/*おすすめ宿*/
.rankin_onsen_area_other_box{clear:both; margin-top:20px;}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other{
	width: 31.3333%;
	margin:0 1%;/**/
	float:left;
}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dt{
	position:relative;margin-bottom: 5px;
}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dt > img{
	width:100%;
}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dt span.info{
	position: absolute;
	left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
    color: #FFF;
}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dt span.info p:first-child{
    width: 58%;
    float: left;
    text-align: center;
    padding-top: 5px;
	font-size: 11px;
}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dt span.info p:nth-of-type(2){
	width: 37%;
    float: left;
    padding: 0 0 0 5px;
    text-align: right;
	font-size: 10px;
	line-height: 1;
}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dd:nth-of-type(1){font-size:10px;height: 36px;}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dd.fw_bold{height:30px;}
.rankin_onsen_area_other_box dl.rankin_onsen_area_other dd.rankin_onsen_area_other_ap_text{
	font-size:10px;
	height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*add20191028*/
#qanda_box{background: #fff3f5;}
#link06{margin:0 auto 1%;}
#qanda_box div > b{
    background: #2d3db1;
    font-size: 20px;
    margin-right: 1%;
    color: #FFF;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    float: left;
    padding-top: 3px;
}
#qanda_box div h3{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 1%;
	color: #2d3db1;
	line-height: 1.5;
	padding-top: 2px;
}
#qanda_box div p{
	font-size: 16px;
	margin-bottom: 3%;
	line-height: 1.6;
	padding-top: 3px;
}

/*slick*/
.slick-slide-js .slick-prev,
.slick-slide-js .slick-next {top: 40%;z-index: 40;}
.slick-slide-js .slick-prev {left: 0px;}
.slick-slide-js .slick-next {right: 0px;}
.slick-slide-js .slick-prev:before,
.slick-slide-js .slick-next:before {color: #242424;}
.slick-dots {position: initial!important;}
.slick-dots li {
	border:none!important;
	background: none!important;
	float:none!important;
}

/*PRbanner*/
.pr_banner {
	width: 100%;
    margin-bottom: 2%;
    /* padding-top: 20px; */
    clear: both;
}
.pr_banner a {
    width: 640px;
	height: 120px;
    display: block;
    margin: 0 auto;
}
.pr_banner a img {
	width: 100%;
	height: auto;
}

}

/*----------季節のおすすめ特集バナー----------*/
/*759px以下*/
@media screen and (max-width: 759.9px) {
#link07 {
	margin: 0 auto 1%;
	background-color: #c684d9;
	border-bottom: 2px solid #a861c2;
}
#link07:before {
	background: url(../images/icon_guide.svg) no-repeat;
	background-size: contain;
}
#link07:after {
	background: -webkit-repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
	background: repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
}
ul.recomandBox {
	display: flex;
    flex-wrap: wrap;
	padding: 0 0 0 2%;
}
ul.recomandBox li {
    background: #fff;
    box-shadow: 1px 2px 2px 1px #C8C8C8;
    width: 46%;
    padding: 0;
    margin: 0 2% 5%;
    overflow: hidden;
}
ul.recomandBox li img {
    width: 100%;
    height: auto;
}
ul.recomandBox li dt {
    display: block;
    padding: 10px;
    font-size: 12px;
}
ul.recomandBox li dd {
	padding: 0 10px 10px;
	color:#222!important;
}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
#link07 {
	margin: 0 auto 1%;
	background-color: #c684d9;
	border-bottom: 2px solid #a861c2;
}
#link07:before {
	background: url(../images/icon_guide.svg) no-repeat;
	background-size: contain;
}
#link07:after {
	background: -webkit-repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
	background: repeating-linear-gradient(45deg, #c684d9, #c684d9 3px, #e9baf4 3px, #e9baf4 6px);
}
ul.recomandBox {
    display: flex;
    flex-wrap: wrap;
}
ul.recomandBox li {
	width: calc(92% / 4);
    padding: 0;
    background: #fff;
    box-shadow: 1px 3px 5px #afafaf;
    margin: 0 1% 5%;
    overflow: hidden;
}
ul.recomandBox li img {
    width: 100%;
    height: auto;
}
ul.recomandBox li dt {
    display: block;
    padding: 10px;
    font-size: 14px;
}
ul.recomandBox li dd {
    padding: 0 10px 10px;
	color:#222!important;
}
}
/*--------------------------------------------*/