@charset "utf-8";

/*
* DP area page（utf8）
* 2014/5/21
* Miura
*/

.link_r1 a{
	padding-left: 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
.link_r1 a:link   { background-position: -189px -797px;}
.link_r1 a:visited{ background-position: -189px -847px;}
.link_r1 a:hover,
.link_r1 a:active { background-position: -189px -897px;}

.link_r2 a{
	padding-left: 10px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
.link_r2 a:link   { background-position: -189px -947px;}
.link_r2 a:visited{ background-position: -189px -997px;}
.link_r2 a:hover,
.link_r2 a:active { background-position: -189px -1047px;}

.controller li{
	position: absolute;
	z-index: 3;
	width: 24px;
	height: 24px;
}

.controller li a{
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat;
	overflow: hidden;
}
.controller li.prev a:link,
.controller li.prev a:visited{ background-position: 0 -50px;}
.controller li.prev a:hover{ background-position: 0 -80px;}
.controller li.next a:link,
.controller li.next a:visited{ background-position: -30px -50px;}
.controller li.next a:hover{ background-position: -30px -80px;}

.sns{
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    float: right;
    margin: -5px 15px 0 0;
    text-align: right;
    width: 250px;
}

#grpLocationArea {
    float: left;
    font-size: 82%;
    margin-bottom: 15px;
    width: 680px;
}

/* ==========================================================================
   contents
========================================================================== */
#contents{
	position: relative;
	z-index: 1;
	min-width: 965px;
	padding: 15px 5px 30px 20px;
	background-repeat: no-repeat;
	background-position: top right;
}
#hokkaido #contents { background-image: url(https://img.travel.rakuten.co.jp/share/themes/prefecture/images/bg_hokkaido.jpg);}
#tohoku #contents      { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_tohoku.jpg);}
#kitakanto #contents   { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_kitakanto.jpg);}
#metropolitan #contents{ background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_metropolitan.jpg);}
#izuhakone #contents   { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_izuhakone.jpg);}
#koshinetsu #contents  { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_koshinetsu.jpg);}
#hokuriku #contents    { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_hokuriku.jpg);}
#tokai #contents       { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_tokai.jpg);}
#kinki #contents       { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_kinki.jpg);}
#chugoku #contents     { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_chugoku.jpg);}
#shikoku #contents     { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_shikoku.jpg);}
#kyushu #contents      { background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/bg_kyushu.jpg);}
#okinawa #contents  { background-image: url(https://img.travel.rakuten.co.jp/share/themes/prefecture/images/bg_okinawa.jpg);}
#pageTitle{
	clear: both;
	width: 30%;
	float:left;
	margin-bottom: 15px;
	font-size: 280%;
	font-weight: normal;
}
#pageTitle span{
	font-size: 60%;
	vertical-align: 7px;
}

.aroundLink{
	padding: 3px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FFFFFF;
	background: rgba(255, 255, 255, 0.8); 
	font-size: 82%;
	line-height: 1.2;
	width:65%;
	float:right;
	margin-right:15px;
	margin-bottom:5px;
}
.aroundLink dl{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCC;
}
.aroundLink dt{
	width: auto;
	float: left;
	margin-right: 5px;
	padding: 3px 7px 1px;
	background-color: #CC6633;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.aroundLink dd{
	float: left;
	padding-top: 3px;
}
.aroundLink dd ul{
	padding-left: 5px;
}
.aroundLink dd li{
	display: inline;
	padding-right: 10px;
}

.aroundLink ul.link_r2 li{
	display:inline;
	font-size:90%;
	white-space:nowrap;
}

/*-----primary-----*/
#contents .primary{
	clear: both;
	position: relative;
	z-index: 3;
	float: left;
	width: 680px;
    margin-right: -680px;
}


/*search*/
.searchBox{
	z-index: 0;
	width: 654px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 5px 3px 3px 3px;
	background-color: #76AE25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}

.searchBox h2{
	height: 21px;
	margin-left: 10px;
	padding-top: 3px;
	font-size: 90%;
	color: #FFFFFF;
}

.searchBox .inner{
	z-index: 1;
	width: 636px;
	padding: 8px;
	border: 1px solid #457F0F;
	background-color: #FFFFFF;
	position:relative;
}

#keywordSearchForm .keywordList{ overflow:hidden;}
#keywordSearchForm .keywordList li{
	float: left;
	padding: 3px 10px 10px 5px;
	font-size: 82%;
}
#keywordSearchForm .keywordList li img { vertical-align:-2px; padding:0 3px;}
#keywordSearchForm .keyword{
idth: 550px; padding: 3px; background-color: #FFFFCC; border: 1px solid #CCCCCC; clear:both;width:550px;}
#keywordSearchForm .submit{
	float: right;
}

/* keyword */

#suggest { border: 2px solid #76AE25; background: #FFF; box-shadow: 0px 3px 3px #666;position: absolute;z-index: 4;width:300px;}
#suggest li{ border-bottom: 1px dotted #76AE25; font-size: 82%;}
#suggest li:last-child, #tabimado ul li:last-child, #station ul li:last-child{ border-bottom: none;}

#suggest li a{ display: block; padding: 10px 7px 10px 12px; background-image: url(https://img.travel.rakuten.co.jp/share/common/images/sprite_common_pc.png); background-repeat: no-repeat; cursor: pointer;}
#suggest li a:link,#suggest ul li a:visited{ background-position: -142px -890px;}
#suggest li a:hover,#suggest ul li a:active{ background-position: -142px -990px; background-color: #EBF2D8;}


#dateSearch .searchStep{
	position: absolute;
	z-index: 7;
	top: 110px;
	right: -90px;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	background: #000;
	list-style-position: inside;
	color: #FFFFFF;
	font-size: 82%;
	line-height: 1.8;
	box-shadow: 0 1px 4px #444;
}
#dateSearch .searchStep:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#dateSearch .searchStep:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}

#dateSearch .searchCategory li{
	float: left;
	margin-bottom: 5px;
	padding: 3px 10px 0 5px;
	font-size: 82%;
	line-height: 1.1;
}
#dateSearch .searchCategory li#searchCategory8 {
    display: none;
}
#dateSearch .searchCategory li img{
	vertical-align: -2px;
}

#dateSearch .srcStructure{
	clear: both;
	position: relative;
	z-index: 1;
	width: 618px;
	margin-top: 8px;
	padding: 8px;
	background: #EBF2D8;
	border: 1px solid #7DB230;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 78%;
}
#dateSearch #dap-search-form .srcStructure{
	padding-bottom: 25px;
}

#dateSearch .srcStructure .srcDp{
	width: 578px;
	margin-bottom: 10px;
	padding: 0 0 8px 40px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/dp_area/images/area_sprite.png) no-repeat;
}
#dateSearch .srcStructure #srcDpHotel{ background-position: -10px -866px; border-bottom: 1px dotted #7DB230;}
#dateSearch .srcStructure #srcDpCars { background-position: -10px -950px; border-bottom: 1px dotted #7DB230;}
#dateSearch .srcStructure #srcDpAir  { background-position: -10px -980px; margin-bottom: 0;}

#dateSearch .srcStructure .srcBus{
	margin-bottom: 10px;
}
#dateSearch .srcStructure .srcCar{
	margin-bottom: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom: 1px dotted #7DB230;
}
#dateSearch .srcStructure #srcCarBody{ margin-right: 50px; padding-bottom: 0; border-bottom: none;}

#dateSearch .srcStructure dl{
	float: left;
	padding-right: 10px;
}
#dateSearch .srcStructure .srcBus dl,
#dateSearch .srcStructure .srcCar dl{ padding-right: 30px;}

#dateSearch .srcStructure dl dt{
	margin-bottom: 5px;
	color: #437617;
	font-weight: bold;
}
#dateSearch #dap-search-form #srcDpAir dl dt,
#dateSearch #du-search-form dl dt{
	float: left;
	padding: 5px 10px 0 0;
}
#dateSearch .srcStructure dl dt span{ font-weight: normal;}

#dateSearch #dap-search-form #srcDpAir dl dd,
#dateSearch #du-search-form dl dd{
	float: left;
}

#dateSearch .srcStructure #dh-checkin,
#dateSearch .srcStructure #dh-checkout,
#dateSearch .srcStructure #dap-dpt-date,
#dateSearch .srcStructure #dap-arv-date,
#dateSearch .srcStructure #dap-in-date,
#dateSearch .srcStructure #dap-out-date,
#dateSearch .srcStructure #du-checkin{
	width: 94px;
	padding: 3px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -102px -478px #FFC;
	border: 1px solid #CCCCCC;
}

#dateSearch .srcStructure input.disabled{
	background-color: #EAEAEA !important;
	color: #999999;
}
#dateSearch .srcStructure .undated{
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding: 6px 7px;
	background-color: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.1;
}
#dateSearch .srcStructure .undated input{
	vertical-align: -2px;
	margin-right: 3px;
}

#dateSearch .srcStructure .selectNumber li{
	float: left;
}
#dateSearch .srcStructure .selectNumber li.numChild{
	margin: 3px 0 0 15px;
}

#dateSearch .srcStructure .selectNumber li.numChild span{
	padding-left: 3px;
}
#dateSearch .srcStructure .selectNumber li.numChild a{
	position: relative;
	padding: 3px 7px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FFFFCC;
	color: #1D52A5;
	text-decoration: underline;
	cursor: pointer;
}

#dateSearch .childBoxAngle {
	position: absolute;
	border-bottom: solid 16px #CCC;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
#dateSearch #dh-search-form .childBoxAngle{
	top: -8px;
	left: 200px;
}
#dateSearch #dap-search-form .childBoxAngle{
	top: -6px;
	left: 208px;
}
#dateSearch #du-search-form .childBoxAngle{
	top: -6px;
	left: 203px;
}

#dateSearch div.childBox {
	-webkit-border-radius: 7px;
	-moz-border-radius:    7px;
	border-radius:         7px;
	z-index: 9999;
    background-position: -765px -5px;
    background-repeat: no-repeat;
    font-size: 82%;
    padding-top: 7px;
    width: 425px;
	-webkit-box-shadow: 7px 10px 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 7px 10px 6px rgba(0, 0, 0, 0.3);
    position: absolute;
	display:none;
}
#dateSearch #dh-search-form div.childBox {
	top: 122px;
	left: 277px;
}
#dateSearch #dap-search-form div.childBox {
	top: 240px;
	left: 75px;
	width: 483px;
}
#dateSearch #du-search-form div.childBox {
	top: 100px;
	left: 160px;
}
#dateSearch div.childBox table{
	border:1px solid #E6E6E6;
	border-spacing: 0px;
	margin-bottom:2px;
	width:100%;
}
#dateSearch div.childBox table tr{
	border:1px solid #E6E6E6;
	padding:3px;
}
#dateSearch div.childBox table tr th{
    background-color: #EFEFEF;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    text-align: center;
    width: 4em;
}
#dateSearch div.childBox table tr td{
	padding:3px;
}
#dateSearch div.childBox table tr td span{
    display: inline-block;
    margin-right: 3px;
    width: 7em;
}

#dateSearch #dap-search-form div.childBox table tr td span {
	width: 9em;
}

#dateSearch p.tbClose a {
    background-position: -30px -115px;
    height: 12px;
    width: 12px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin:3px;
	float:right;
} 

#dateSearch div.sltBox {
	-webkit-border-radius: 7px;
	-moz-border-radius:    7px;
	border-radius:         7px;
	border:4px solid #CCC; /* IE7 and below */
	background-color:#FFF;
    padding-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
}
#dateSearch div#viewMess {
    z-index: 9999;
    color:#0000FF;
    position: absolute;
    background-color:#FFF;
    background-image: url(https://img.travel.rakuten.co.jp/share/themes/mapsearch/images/bg_viewmsg.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    border:1px solid #7CADB6;
    padding:3px 10px;
    font-size:100%;
    font-weight:bold;
    display:none;
    white-space:nowrap;
}

#dateSearch .srcStructure .term{
	display: inline;
	color: #CC0000;
}

#dateSearch .srcStructure .selectAirport{
	margin: 7px 0;
}
#dateSearch .srcStructure .selectAirport li{
	float: left;
}
#dateSearch .srcStructure .selectAirport li.arv{
	padding-left: 30px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -175px -524px;
}

#dateSearch .srcStructure #srcDpAir .option{
	margin-bottom: 7px;
}
#dateSearch .srcStructure #dap-parts-contents{
	display: none;
	width: 564px;
	height: 25px;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FFFFFF;
}
#dateSearch .srcStructure #dap-parts-contents p{
	float: left;
	padding-top: 5px;
}
#dateSearch .srcStructure #dap-parts-contents ul{
	float: left;
}
#dateSearch .srcStructure #dap-parts-contents ul li{
	float: left;
	margin-left: 10px;
}
#dateSearch .srcStructure #dap-parts-contents ul li input{
	margin-left: 5px;
}

#dateSearch .srcStructure .srcCar .inputField li{
	margin-bottom: 5px;
}

#dateSearch .srcStructure .srcCar .searchWay{
	margin-bottom: 5px;
}
#dateSearch .srcStructure .srcCar .searchWay li,
#dateSearch .srcStructure #srcCarBody li{
	display: inline;
	white-space: nowrap;
	padding-right: 7px;
	line-height: 1.8;
}

#dateSearch .srcStructure .submit{
	position: absolute;
	bottom: 8px;
	right: 8px;
}

#dateSearch .areaList{
	float: left;
	width: 154px;
	margin-top: 20px;
}
#dateSearch .areaList li{
	margin-bottom: 5px;
	font-size: 82%;
	line-height: 1.2;
}
#dateSearch .areaList li.first{
	font-weight: bold;
}
#dateSearch .areaList li a{
	display: block;
	padding: 2px 0 2px 10px;
	zoom: 1;
}

#dateSearch .areaMap{
	position: relative;
	z-index: 3;
	top: -1px;
	float: right;
	width: 480px;
	height: 480px;
	overflow: hidden;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/dp_area/images/area_sprite.png);
	background-position: 142px 0;
}
#hokkaido #dateSearch .areaMap img,
#okinawa #dateSearch .areaMap img{
	zoom: 0.8;
	-moz-transform:scale(0.8, 0.8) translate(-77px,-77px);
}

/*service*/
#service{
	position: relative;
	z-index: 0;
	float: left;
	width: 240px;
}

.serviceBox{
	width: 220px;
	margin-bottom: 15px;
	padding: 5px 8px;
	border: 2px solid #76AE25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
.serviceBox#serviceCS,
.serviceBox#serviceTDR,
.serviceBox#serviceUSJ{ width: 236px; padding: 0;}

.serviceBox#serviceCS a{ display: block; background: url(https://img.travel.rakuten.co.jp/share/themes/area/images/area_sprite.png) no-repeat bottom right;}
.serviceBox#serviceTDR a.first,
.serviceBox#serviceUSJ a.first{ display: block; padding: 5px 0 3px 0; background: url(https://img.travel.rakuten.co.jp/share/themes/area/images/area_sprite.png) no-repeat bottom right;}

.serviceBox#serviceCS a:hover,
.serviceBox#serviceTDR a.first:hover,
.serviceBox#serviceUSJ a.first:hover{ text-decoration: none;}

.serviceBox h2{
	margin-bottom: 5px;
	padding: 5px 0 5px 40px;
	color: #437617;
	font-size: 90%;
	background-repeat: no-repeat;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/area/images/area_sprite.png);
}
#serviceHotel h2  { background-position: -3px -618px;}
#serviceOnsen h2  { background-position: -3px -668px;}
#servicePackage h2{ background-position: -3px -718px;}
#serviceBus h2    { background-position: -3px -768px;}
#serviceCars h2   { background-position: -3px -818px;}
#serviceCS h2     { background-position: 3px -861px; margin-bottom: 0; padding-left: 48px; line-height: 1.2; text-decoration: underline;}
#serviceTDR h2    { padding: 10px 0 7px 48px; background-position: 3px -918px; text-decoration: underline;}
#serviceUSJ h2    { padding: 0 20px 0 48px; background-position: 3px -968px; text-decoration: underline;}

#serviceCS a:hover h2,
#serviceTDR a:hover h2,
#serviceUSJ a:hover h2{ text-decoration: none;}

.serviceBox ul.column1,
.serviceBox ul.column2{
	width: 220px;
}

.serviceBox ul.column1 li{
	margin-bottom: 7px;
	font-size: 82%;
}

.serviceBox ul.column2 li{
	float: left;
	width: 50%;
	margin-bottom: 7px;
	font-size: 82%;
}

.serviceBox .subTitle{
	margin-bottom: 7px;
	padding: 5px 0;
	text-align: center;
	font-size: 78%;
	font-weight: normal;
	color: #457F0E;
	border: 1px dotted #76AE25;
	background-color: #EBF2D8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}

.serviceBox .others{
	clear: both;
	margin-top: 7px;
	text-align: right;
	font-size: 82%;
}

.serviceBox .dpBox{
	padding: 5px 0;
	border-top: 1px dotted #76AE25;
}
.serviceBox .dpBox a{
	display: block;
	padding: 7px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.serviceBox .dpBox a:hover{
	background-color: #EBF2D8;
	text-decoration: none;
}

.serviceBox .dpBox h3{
	margin-bottom: 5px;
	font-size: 90%; 
}
.serviceBox .dpBox .price{
	margin-bottom: 5px;
	color: #CC0000;
	font-size: 82%;
}
.serviceBox .dpBox .price span{
	font-weight: bold;
}
.serviceBox .dpBox .departure{
	margin-bottom: 5px;
	color: #000000;
	font-size: 82%;
}
.serviceBox .dpBox .detail{
	color: #000000;
	font-size: 82%;
}

/*hotel*/
#hotel{
	position: relative;
	z-index: 0;
	float: right;
	width: 400px;
	padding-right: 20px;
}

#ichioshi{
	position: relative;
	z-index: 7;
	width: 382px;
	margin-bottom: 15px;
	padding: 8px 8px 0 8px;
	border: 1px solid #76AE25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
#ichioshi h1{
	margin: 2px 0 7px 3px;
	color: #437617;
	font-size: 90%;
}

#ichioshi li{
	width: 382px;
	padding: 5px 0;
	border-top: 1px dotted #76AE25;
}
#ichioshi li a{
	display: block;
	width: 368px;
	padding: 7px;
	color: #333333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
#ichioshi li a:hover{
	background-color: #EBF2D8;
	text-decoration: underline;
}
#ichioshi li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#ichioshi li .photo{
	float: left;
	width: 100px;
	line-height: 1.1;
}
#ichioshi li .photo img{
	width: 100%;
}

#ichioshi li .info{
	float: right;
	width: 260px;
}
#ichioshi li .info .area{
	margin-bottom: 3px;
	font-size: 65%;
}
#ichioshi li .info h2{
	margin-bottom: 5px;
	color: #1D52A5;
	font-size: 90%;
}
#ichioshi li .info .outline{
	line-height: 1.4;
	font-size: 82%;
}

#ranking{
	position: relative;
	width: 382px;
	margin-bottom: 15px;
	padding: 8px 8px 5px 8px;
	border: 1px solid #76AE25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
#ranking h1{
	margin: 2px 0 5px 0;
	color: #437617;
	font-size: 90%;
}
#ranking h1 a{
	color: #437617;
}

#ranking ul.switch{
	position: absolute;
	z-index: 3;
	width: 180px;
	top: 8px;
	right: 0;
	height: 23px;
	display:none;
}

#ranking ul li{
	float: left;
	height: 23px;
	margin: 0 5px;
	font-size: 90%;
	font-weight: bold;
}

#ranking ul li a{
	display: block;
	width: 60px;
	padding: 4px 0 0 10px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-align: center;
}
#ranking ul li a:link   { background-position: -189px -947px;}
#ranking ul li a:visited{ background-position: -189px -997px;}
#ranking ul li a:hover,
#ranking ul li a:active { background-position: -189px -1047px;}

#ranking ul li a.active{
	display: block;
	width: 60px;
	height: 19px;
	padding: 3px 10px 0 10px;
	border-style: solid solid none solid;
	border-color: #CCCCCC;
	border-width: 1px;
	background-image: none;
	background-color: #FFFFFF;
	color: #BB4305;
	font-style: normal;
}

#ranking ol{
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	margin-bottom: 10px;
	height: 180px;
	padding-top: 7px;
	border-top: 1px solid #CCCCCC;
	list-style-type: none;
}

#ranking ol li{
	float: left;
	position: relative;
	width: 100px;
	width: 112px;
	height: 180px;
	padding: 0 7px;
	font-size: 78%;
	border-right: 1px dotted #999999;
}
#ranking ol li .icon{
	position: absolute;
	top: 80px;
	left: 5px;
}
#ranking ol li .photo{
	text-align: center;
	height: 90px;
	margin-bottom: 7px;
}
#ranking ol li a{
	display: block;
	cursor: pointer;
	height: 166px;
	padding: 7px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
#ranking ol li a p.pref{
	margin-bottom: 5px;
}
#ranking ol li a:link p.pref,
#ranking ol li a:visited p.pref,
#ranking ol li a:hover p.pref,
#ranking ol li a:active p.pref{ color: #000000;}

#ranking ol li a:hover{
	background-color: #EBF2D8;
}
#ranking ol li a:hover .photo img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#ranking h2{
	line-height: 1.2;
}

#ranking .more{
	margin: 5px;
	text-align: right;
	font-size: 82%;
}

#recent2{
	position: relative;
	width: 382px;
	padding: 8px;
	border: 1px solid #76AE25;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
#recent2 h1{
	margin: 2px 0 5px 0;
	color: #437617;
	font-size: 90%;
}
#recent2 #recTtlNum{
	margin-bottom: 7px;
	font-size: 82%;
}
#recent2 #recTtlNum strong{
	color: #CC0000;
	font-size:120%;
}
#recent2 #recTtlNum span{
	font-size: 79%;
}

#recent2 .controller li{
	position: absolute;
	top: 85px;
}
#recent2 .controller li.prev{ left: -12px;}
#recent2 .controller li.next{ right: -12px;}

#recent2 .recentList{
	float:left;
}
#recent2 div#verticalRecentRoot {
	display:inline-block;
	}
#recent2 div.recentContents {
	/* width:380px; */
	}
#recent2 div.recentContents div.recentHotel{
	width:180px;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
#recent2 div.recentContents div.recentHotel p.dptDateANA{
	padding-left:46px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/icon_ana.gif) 0 2px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#recent2 div.recentContents div.recentHotel p.dptDateJAL{
	padding-left:46px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/icon_jal.gif) 0 2px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#recent2 div.recentContents div.recentHotel a img {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#recent2 div.recentContents div.recentHotel:first-child{ 
	margin-right:5px;
	border-right: 1px dotted #999999;}

#recent2 .recentList li a{
	display: block;
	padding: 7px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
#recent2 .recentList li a:hover{
	background-color: #EBF2D8;
}

#recent2 .recentList li .photo{
	height: 90px;
	margin-bottom: 7px;
	text-align: center;
}

#recent2 .recentList li .pref{
	margin-bottom: 3px;
	font-size: 65%;
	color: #333333;
}
#recent2 .recentList li h2{
	font-size: 82%;
}
#recent2 .recentList li .delete a{
	position: absolute;
	right: 5px;
	top: 3px;
	width: 9px;
	height: 9px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -191px -750px;
	text-indent: -9999px;
	overflow: hidden;
}

#recent2 .more{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 78%;
	line-height: 1.2;
}
#recent2 .more a{
	padding-left: 12px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -189px -796px;
}
#recent2 h3{
    color: #437617;
    font-size: 90%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
}
#recent2 ul#wdgtTabArea,
#recent2 ul#radioSwtch,
#recent2 ul.boxNavi,
span#pgIndex{
	display:none;
}
#recent2 div.recentList{
	font-size:82%;
}
#recent2 p.empty{
	color:#999999;
}
#recent2 p.empty a{
	display:none;
}
p.daysAndRate {
	margin-bottom:5px;
}
p.daysAndRate strong{
	color:#990000;
}
div.recentList:first-child {
	width:50%;
	border-right: 1px dotted #999999;
	}
div.trcentHotel a img{
   float: left;
    margin-right: 5px;
	margin-bottom:5px;
}
p.iconRndTrp {
	clear:both;
	font-weight:bold;
	}
p.upBtn a{
    left: -13px;
    position: absolute;
	display: block; 	
	width: 24px;
	height: 24px; 
	background: url("https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png") no-repeat 0 -50px; 		
	text-indent: -9999px; overfolow: hidden;
	top: 85px;
	}
p.downBtn a{
    right: -13px;
    position: absolute;
	display: block;
	width: 24px;
	height: 24px; 
	background: url("https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png") no-repeat -30px -50px; 	
	text-indent: -9999px; overfolow: hidden;
	top: 85px;
	}

/*-----secondary-----*/
#contents .secondary{
	position: relative;
	z-index: 1;
	float: right;
	width: 100%;
}

.secondaryBox{
	position: relative;
	z-index: 5;
	clear: both;
	margin-left: 680px;
}

.secondaryBox h3{
	position: relative;
	margin: 0 15px 15px 0;
	padding: 7px 0;
	background-color: #CC6633;
	text-align: center;
	line-height: 1.1;
	color: #FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 90%;
}
.secondaryBox h3:after{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 102, 51, 0);
	border-top-color: #CC6633;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

#feature .spBox{
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #CCCCCC;
	width: 152px;
	padding: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.4;
	list-style-type: none;
}

#feature .spBox a{
	display: block;
	color: #333333;
}
#feature .spBox a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#feature .spBox .photo{
	margin-bottom: 3px;
}
#feature .spBox .photo img{
	width: 100%;
	max-width: 152px;
	height: auto;
}

#feature .spBox dl{
	height: 5em;
	margin-left:15px;
}
#feature .spBox dt{
	font-weight: bold;
	font-size: 90%;
	color: #1D54A7;
}
#feature .spBox dd{
	font-size: 82%;
}

#spot .rankBox li{
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #CCCCCC;
	width: 168px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.4;
	list-style-type: none;
	font-weight: bold;
}

#spot .rankBox{
	position: relative;
}
#spot .rankBox li a.pickup{
	display: block;
	padding: 8px;
	color: #333333;
	font-size: 90%;
	border-bottom: 1px dotted #CCCCCC;
    background-color: #EAEAEA;
}
#feature .spBox,
#spot .rankBox li{
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #CCCCCC;
	width: 152px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.4;
	list-style-type: none;
}
#spot .rankBox li img{
	width: auto;
	max-height: 102px;
	margin-bottom: 3px;
}
#spot .rankBox li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#spot .rankBox li a.pref{
	display: block;
	padding: 6px 8px 6px 22px;
	font-size: 82%;
	font-weight: normal;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}

#spot .rankBox li.ranking01 span{ background-position: -5px -20px;}
#spot .rankBox li.ranking02 span{ background-position: -5px -140px;}
#spot .rankBox li.ranking03 span{ background-position: -5px -260px;}
#spot .rankBox li.ranking04 span{ background-position: -5px -380px;}
#spot .rankBox li.ranking05 span{ background-position: -5px -500px;}

#spot .rankBox li a.pref:link   { background-position: -182px -792px;}
#spot .rankBox li a.pref:visited{ background-position: -182px -842px;}
#spot .rankBox li a.pref:hover,
#spot .rankBox li a.pref:active { background-position: -182px -892px;}
#spot .rankBox .update{
	/*position: absolute;
	bottom: 0;
	right: 15px;*/
	clear: both;
	margin-right: 15px;
	text-align: right;
	font-size: 78%;
}

@media screen and (max-width: 1262px) {
	#feature .spBox{
		float: inherit;
		width: auto;
		padding: 8px;
	}
	#feature .spBox .photo{
		float: left;
		margin-kleft:15px;
	}
	#feature .spBox dl{
		float: left;
		width: 48%;

	}

	#spot .rankBox li{
		float: inherit;
		width: auto;
		padding: 0;
	}
	#spot .rankBox li a{
		margin-right: 0;
		text-align: left;
		line-height: 1.2;
	}
#spot .rankBox li a.pickup{
	display: block;
	padding: 8px;
	color: #333333;
	font-size: 90%;
	background-color: #EAEAEA;
	border-bottom: 1px dotted #CCCCCC;
}
	#spot .rankBox li img{
		float: left;
		width: 50%;
		max-width: 152px;
		margin-bottom: 3px;
	}
	#spot .rankBox li span{
		float: right;
		width: 48%;
		height: auto;
		padding: 10px 0 0 0;
	}

	#izuhakone #spot .rankBox li{
		float: inherit;
		width: auto;
		padding: 8px;
	}
	#izuhakone #spot .rankBox li a{
		margin-right: 0;
		text-align: left;
		line-height: 1.2;
	}
	#izuhakone #spot .rankBox li img{
		float: left;
		width: 50%;
		max-width: 152px;
		margin-bottom: 3px;
	}
	#izuhakone #spot .rankBox li span{
		float: right;
		width: 48%;
		height: auto;
		padding: 30px 0 0 0;
	}
}

/* rank */

#spot .rankBox ol li {
	padding: 8px;
	}
#spot .rankBox ol li span{
	display: block;
	padding-left: 35px;
	height: 35px;
	overflow: hidden;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/prefecture/images/area_sprite.png);
}
#spot .rankBox ol li.ranking01 span{ background-position: -5px -20px;}
#spot .rankBox ol li.ranking02 span{ background-position: -5px -140px;}
#spot .rankBox ol li.ranking03 span{ background-position: -5px -260px;}
#spot .rankBox ol li.ranking04 span{ background-position: -5px -380px;}
#spot .rankBox ol li.ranking05 span{ background-position: -5px -500px;}

@media screen and (max-width: 1262px) {
	#spot .rankBox ol li span{
		float: left;
		width: auto;
		height: auto;
		padding: 30px 0 0 0;
		margin-left:15px;
	}

}

div#viewMess {
    color:#0000FF;
    position: absolute;
    background-color:#FFF;
    background-image: url(https://img.travel.rakuten.co.jp/share/themes/mapsearch/images/bg_viewmsg.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    border:1px solid #7CADB6;
    padding:3px 10px;
    font-size:100%;
    font-weight:bold;
    display:none;
    white-space:nowrap;
    z-index: 9999;
}


/* ==========================================================================
   pagetop
========================================================================== */
.pagetop{
	clear: both;
	bottom: 20px;
	margin-right: 20px;
	text-align: right;
	font-size: 82%;
}
.pagetop a{
	padding-left: 14px;
}


/* ==========================================================================
   clearfix
========================================================================== */
.aroundLink dl:after,
.searchBox .inner:after,
#dateSearch .searchCategory:after,
#dateSearch .srcStructure:after,
#dateSearch .srcStructure .srcDp:after,
#dateSearch .srcStructure .srcBus:after,
#dateSearch .srcStructure .srcCar:after,
#dateSearch .srcStructure .selectAirport:after,
#dateSearch .srcStructure #dap-parts-contents:after,
.serviceBox ul.column2:after,
#ichioshi li:after,
#ichioshi li a:after,
#recent .recentList:after,
.secondaryBox:after,
#feature .spBox:after,
#spot .rankBox:after,
#spot .rankBox li:after,
#spot .rankBox li a:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}



/* DP custom */


/* --- Lead text --- */
.rakupaku { margin:10px 15px 10px 0; font-size:78%; background:#fff; border:1px solid #33F; line-height:28px; letter-spacing:-1px;clear:both;}
.rakupaku span { background:#33F; padding:5px 20px; color:#fff; margin-right:20px; position:relative;}
.rakupaku span:after { border:solid transparent; border-left-color:#33F; border-width:15px; content:""; position:absolute; right: -30px; top:0; }
.rakupaku span:after { top:-1px; }

/* other prefecture */
nav.areaNavi { font-size:78%; clear:both; overflow:hidden; margin:20px 15px 15px 0; line-height:1.2; border:1px solid #76AE25; border-radius:5px; padding:15px 30px 0; clear:both;}
nav.areaNavi section { overflow:hidden; padding-bottom:7px; border-bottom:1px dashed #ccc; margin-bottom:4px;}
nav.areaNavi section h2 { width:5em; margin:3px 0; float:left; font-size:110%;}
nav.areaNavi section h2 a {white-space:nowrap;}
nav.areaNavi section ul { overflow:hidden; float:right; width:88%; margin:0 5px;}
nav.areaNavi section ul li { display:inline; color:#ccc; white-space: nowrap; margin:3px 0;}
nav.areaNavi section ul .rt { margin-right:10px; border-left:1px solid #CCC; padding-left:5px;}
nav.areaNavi section .lst { border:none;}

/* pricebox */
.pricebox { padding: 8px; background-color: #EAEAEA; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; line-height: 1.4; list-style-type: none; margin: 0 15px 15px 0;display:inline-block;width: -moz-available;}
.pricebox a { color:#000;}
.pricebox a:hover { text-decoration:underline;}
.pricebox .photo { float:left; width:30%;}
.pricebox .photo img { height: auto; width: 100%;max-width: 90px;}
.pricebox dl { font-size:62%; float:left; margin-left:8px; line-height:1.5; display:inline;width:60%;}
.pricebox dl dt { font-size:130%; font-weight:bold; }
.pricebox dl dd.priceRange strong { color:#900; display:block; font-size:120%;text-align:center;}
.pricebox dl dd.priceRange strong span {font-size:160%;display:inline-block;}
.pricebox:after { display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;}

div#ui-datepicker-div {
	z-index:3;!important
	}

.djp-radio__label::before {
	content: '';
	display: inline-block;
	height: 10px;
	width: 18px;
	margin: auto 4px auto 0;
	background: url(https://trvimg.r10s.jp/share/common/images/icon_djp.png) no-repeat center;
}
#djpChildPopup {
    position: absolute;
    z-index: 100;
    left: 0px;
    margin: 8px;
}
.djp-date-input,
.djp-area-input {
    border-bottom: 1px dotted #7DB230;
    padding-bottom: 8px;
}
.djp-date-input__wrap {
    display: flex;
    gap: 16px;
    margin-bottom: 4px;
}
.djp-input__title {
    color: #54822B;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}
.djp-date-input__wrap--dpt,
.djp-date-input__wrap--arv {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.djp-checkin-input__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFF;
    border-radius: 5px;
    padding: 8px;
    margin-top: 8px;
}
.djp-area-input__wrap {
    display: flex;
    gap: 32px;
    margin-top: 8px;
}
.djp-area-input__wrap--dpt,
.djp-area-input__wrap--arv {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.djp-guest-input__wrap {
    display: flex;
    gap: 32px;
    margin: 8px 0;
}
.djp-guest-input__wrap--people-count,
.djp-guest-input__wrap--room-count {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.djp-guest-input__wrap--people {
    display: flex;
    align-items: center;
    gap: 10px;
}
.djp-chldNum {
    border: 1px solid #CCC;
    border-radius: 2px;
    padding: 2px 5px;
    background-color: #FFC;
    color: #00E;
    text-decoration: unset;
    padding: 3px 7px;
}
.djp-popup__wrap {
    border-radius: 8px;
    border: 4px solid #CCC;
    background: #FFF;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 4px;
}
.djp-popup__wrap--row {
    display: flex;
}

.djp-popup__wrap--row-title {
    padding: 8px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    background: #EAEAEA;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    width: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.djp-popup__child {
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    min-width: 250px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 4px 16px 4px 8px;
}
.djp-popup__child--content {
    white-space: nowrap;
}
.djp-popup__infant {
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    min-width: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px 4px 8px;
}
.djp-popup__infant--text {
    font-size: 13px;
    line-height: 16px;
}
.djp-popup__infant--content {
    white-space: nowrap;
}