@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2014.4.15
* @author HeChengHao
* @taiwan
*/

/* -- Reset -- */
#contentsArea {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;background-color:#fff;}
#contentsArea .htlBox h1,#contentsArea .htlBox h1:visited{color:#313131;text-decoration:none; font-size:18px;}
#contentsArea .htlBox h1:hover,#contentsArea .htlBox h1:active{color:#C00;text-decoration:underline;}
#contentsArea a:visited:hover,#contentsArea a:link:hover,#contentsArea a:visited:active,#contentsArea a:link:active{text-decoration:none;}
.sp{ display:none;}

/* -- contentsArea -- */
#contentsArea,#contentsArea #contents{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/secret/images/bg.gif) repeat;}
#contentsArea #contents.column1{ padding:15px 0; width:950px;}
#mainContents{width: 950px;}
	



.bg{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/secret/images/bg.gif) repeat; margin:0; padding:0;}

/* -- top -- */



body #topBnr{ width:100%; height:303px; position:relative; margin:0; clear:both;}
body #topBnr h1{ display:block; position:absolute;  z-index:10; bottom:0; left:0; width:100%; padding-top:8px; padding-bottom:8px; text-align:center; color:#a58700; font-size:20px; /*background:url(file:///C|/Users/TS-ATS%7E1.TSU/AppData/Local/Temp/ffftp00003880/images/black.png) repeat;*/}
body #topBnr img.main{ display:block; width:658px; margin-top:-268px; margin-left:auto; margin-right:auto; position:relative; z-index:5;}
body #topBnr div.w1200{width:100%; max-width:1440px;margin:0 auto;position:relative;height:268px;}
body #topBnr div.sliders{ width:100%;max-width:1440px; position:relative; margin:0; height:303px; padding:0;}
body #topBnr div.sliders div#imgs{width:100%;max-width:1440px; position:relative; margin:0;overflow:hidden;padding:0;height:303px;}

body #topBnr #arrowL{display:block; width:30px; height:30px; top:145px; left:10px;position:absolute;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
body #topBnr #arrowR{display:block; width:30px; height:30px; top:145px; right:10px;position:absolute;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
#topBnr a#arrowL img,#topBnr a#arrowR img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; width:100%;} 
#topBnr a#arrowL:hover img,#topBnr a#arrowR:hover img{opacity:1;-moz-opacity:1; -khtml-opacity:1; filter: alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; width:100%;}
body #topBnr div.sliders div#imgs span{display:inline; margin:0 auto; padding:0;}
body #topBnr div.sliders div#imgs img.pc{ display:inline; margin:0 auto; padding:0;}

body #topBnr div.w1200 span.date{ display:block; width:930px; margin:-95px auto 0 auto; color:#222222; font-size:14px; text-align:center; position:relative; z-index:10; line-height:18px;}




/* -- PC top -- */
/* #keyVisual h1{ height:198px;background:url(http://travel.rakuten.co.jp/kaigai/special/korea/hotel/images/ttlBnr.jpg) no-repeat;} */
#keyVisual h1{text-indent: 0px; line-height: 0;}
#keyVisual h1 img{margin: 0px; padding:0;}


/* btn */
#contents div.nav_area {margin-bottom: 30px;
    padding: 0;
    background: #fff;
    border-top: 2px solid #a58700;
    border-left: 2px solid #a58700;
}

#contents div.nav_area .btn { display: flex; justify-content: space-evenly; flex-wrap: wrap;}
#contents div.nav_area .btn li {
    flex-grow: 1;
    width: 25%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0;
}

#contents .nav_area .btn li.on a {color: #a58700;background-color: #F9F4DB;pointer-events:none;}
#contents .nav_area .btn li a{ font-size:130%;
	display:block;
	background-color:#FFFFFF;
	color:#a58700;
	padding:11px 4px;
	background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/secret/images/arrow_c.png) ;
	background-repeat: no-repeat;
	background-position:right 50%;
	border-bottom:2px solid #a58700; 
	border-right:2px solid #a58700; 
}
#contents .nav_area .btn li:nth-child(4n) a {border-right:2px solid #a58700;}

#contents .nav_area .btn li a:hover{background-color:#f5f2e4; color:#f2e6cb;}


/* 各ページのボタンを色変え　htmlのクラスの番号を合わせる ★最後の行は「,」いらない　*/
#contents .index .nav_area .btn li a:hover{background-color:#f9f4ef; color:#a58700;background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/secret/images/arrow_c.png) ;}

/* ナビボタンが一番右まで来たとき用の調整　*/
#contents .nav_area .btn li.navi_right{width:190px; height:70px; line-height:54px; float:right;}

/* h1 */
#contentsArea h1.ttlhotel,#contentsArea #search-box h1{
	margin:0;
	margin: 0px 0 0 0\9; /* ie7 */
	padding: 10px 0px;
	font-size:130%;
	color: #a58700;
	text-align: center;
	background-color:#232323; opacity:0.8;
}
#contentsArea h1.ttlarea{
	margin:0;
	margin: 0px 0 0 0\9; /* ie7 */
	padding: 10px 0px;
	 padding:20px 0 10px 200px;
	font-size:130%;
	color: #a58700;
	
	background:url(https://img.travel.rakuten.co.jp/kaigai/special/secret/images/ttlbg.gif) no-repeat;
}
	


/* hotel */
#contentsArea .htl.column_4{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;

}
#contentsArea .spRight {
    clear: both;
    padding-top: 10px;
}
#contentsArea .roomType {
    background: #fff;
    width: 23%;
    display: block;
    border-radius: 8px;
    float: left;
    margin: 1%;
}
#contentsArea .hotelbox .photo img {
	width: 100%;
	display: block;
}
#contentsArea .htlBox {border: 1px solid #a58700;
    background-color: #fff;
    line-height: 1.4;
    margin-bottom: 15px;
}
#contentsArea .htl .column-list {
	width: 297px;
	margin-left: 13px;
	margin-right: 0;
}
#contentsArea .htlBox .areaNm {
    background-color: #a58700;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 8px;
    padding-left: 10px;}
.htlBox .basic .htlNm {
    color: #000;
    font-weight: 700;
    /*font-size: 18px;*/
    padding-bottom: 10px;
}
.htlBox .basic, .htlBox .sub {
    padding: 10px;
}

#contentsArea .btnbox li a {
	border-radius: 5px;
	    border-style: solid;
    border-color: #a58700;
    display: block;
    font-size: 14px;
    text-align: center;
    padding: .8em 0 .7em 0;
    position: relative;
    cursor: pointer;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 400;
}
#contentsArea .btnbox > li:nth-child(1) > a:nth-child(1)
{ border-width: 2px; background: #a58700; 
	color: #fff; position: relative;}
	.btnbox > li:nth-child(1) > a:nth-child(1):before {
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		width: 5px;
		height: 5px;
		margin-top: -3px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
	#contentsArea .btnbox > li:nth-child(1) > a:nth-child(1):hover {
	background-color: #fff !important;
	color: #a58700;
}
#contentsArea .btnbox > li:nth-child(1) > a:nth-child(1):hover:before
{		border-top: 3px solid #a58700;
	border-right: 3px solid #a58700;}
	#contentsArea .htlBox .price {
	font-size: 14px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}
#contentsArea .price a {
    color: #000 !important;
    font-weight: normal;
}
#contentsArea .hotelbox .details {
    text-align: center;
    color: #000;
}
.hotelbox .details {
    font-size: 12px;
    margin: 0 10px;
}
.htlBox .price .present {
	color: #d00505;
	font-weight: 700;
    font-size: 25px;
}
.hotelbox .other {
    display: block;
    text-align: center;
    font-weight: normal;
    text-decoration: underline;
    color: #333;
}
.hotelbox .btnbox {
    overflow: hidden;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 8px;
    clear: both;
    margin-bottom: 8px;
}
.htlBox .btnbox li {
    margin-bottom: 5px;
    font-weight: 700;
}
a.ss-btn-white02 {
    color: #4bcd00;
    border-color: #4bcd00;
}
.htlBox .price b.aboutP {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}
.htlBox .price em.red {
    font-size: 16px;
}

.hotelbox .price span em {
    font-style: normal;
    font-size: 30px;
    color: #ca0b1a;
}

/* search */
#contentsArea #search-box{ width:950px; padding:0px; border:none;}
#contentsArea #search-box-body{ width:920px; padding:10px; border:none;border:#fafb9d solid 5px;margin: 0;}

#contentsArea #search-box{
	background: #fafb9d;
}



#contentsArea #search-box #search-box-body{ background:#fff;}
#contentsArea #search-box #search-box-body .category{width:920px;}
#contentsArea #search-box #domestic-search-box,#contentsArea #search-box #overseas-search-box{padding:15px;}
#contentsArea #search-box p.searchSubmit a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}




.category{padding:10px 0;}
.category ul .catBox dl{width: 48%;padding-top:5px;text-decoration:underline; }
.category ul .catBox dl dd{width:90%;font-size:100%;text-align: left;line-height: 150%;padding:0;margin: 0;}
.category ul .catBox dl dt{font-size:120%;margin: 0;text-align: left;padding:5px 0;}
.category ul .catBox dl span{font-size:80%;padding:0;margin: 0;font-weight: normal;}

.category ul .catBox .photo {width:48%;}



#contents .pagetop a{text-decoration:underline; padding-bottom: 10px;}
#contents .pagetop {padding: 20px; width:910px;}


/* day */
.txt_day{font-size:80%;padding:5px 10px;clear: both;}


/*--BTN COLOR--*/

#contentsArea .pageBtn a{ opacity:0.8;
	line-height: 44px;
	font-size: 130%;
	color: #a58700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	background-color: #232323; 
	background-image: url(https://img.travel.rakuten.co.jp/kaigai/special/secret/images/arrow_t.png) ;
	background-repeat: no-repeat;
	background-position:right 50%;}

#contentsArea #contents .pageBtn a:hover {
color: #a58700;
	text-decoration: underline;
	border:0;
	background-color: #232323; } 




.pageBtn ul.btn3 li {margin-right:11px; margin-left:0;width: 309px; margin-bottom:10px;}
.pageBtn ul {width: 960px;}
.pageBtn {margin-bottom: 15px; margin-top:15px;}
.column1 .htlBox3 { width: 294px;}

.htlBox3 .rate,
.htlBox3 .rank{
	position: absolute;
	top: 3px;
	right: 5px;
	margin: 0;
	padding: 0;
	border: none;
}
.htlBox3 .rate a,
.htlBox3 .rank{ border:1px solid #a58700;
	padding: 3px;
	background-color: #FFF;
	border-radius: 3px;
	line-height: 1.1;
}
.htlBox .area { font-size:100%;}