@charset "utf-8";.pc{display:none;}
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{text-decoration:none;}
#contentsArea a:hover{opacity:0.7;}
#contents.column1{background:#fff;display:block; padding: 2px 0 10px 0;}
#contentsArea{position:relative;}
#keyVisual{width:100%;position:relative; overflow: hidden;}
#keyVisual h1{position:absolute;top:11px;left:10px;right:10px;font-size:36px;color:#fff;text-shadow:1px 1px 7px #000;font-weight:bold;z-index:100;text-indent:0;width:auto;white-space:nowrap;text-align:center;}
#keyVisual h1 span{ display:block; font-size:28px;}
#keyVisual .sub_ttl{border-top:1px solid #fff;position:absolute;top:110px;left:10px;right:10px;color:#fff;background:rgba(0, 0, 0, 0.55);font-size:13px;padding:7px;box-sizing:border-box;z-index:100;line-height:1.4;}
#keyVisual dl{width:100%;overflow:hidden;}
#keyVisual dl dd{background:#fff;margin:5px 10px;padding:7px 10px;border:1px solid #ddd;}
#contentsArea #keyVisual dl dd a{position:relative;display:block;padding-right:15px;}
#contentsArea #keyVisual dl dd a:hover{text-decoration:none;opacity:0.6;}
#contentsArea #keyVisual dl dd a::after{position:absolute;content:"";border-bottom:2px solid #333;border-right:2px solid #333;height:7px;width:7px;top:50%;margin-top:-4px;transform:rotate(45deg);right:0;display:block;}
#keyVisual dl dd .tour{font-size:17px;text-align:center;}
#keyVisual dl dd .day{font-size:14px;}
#keyVisual dl dd .price{font-size:12px;}
#keyVisual dl dd .price em{font-style:normal;color:#c21508;font-size:25px;font-weight:bold;}
.rslides_tabs{display:none;}
#keyVisual .rslides {display: block; overflow: hidden; margin-bottom:0; position: relative;}
#keyVisual .rslides li { float: left; position: absolute;top: 0; left: 0;}
#keyVisual .rslides img{width:100%; float: left;}

.navi{width:100%;}
.navi ul{overflow:hidden; margin: 0 6px;}
.navi ul li{float:left;text-align:center;font-size:14px;width: 50%;margin-bottom: 8px;box-sizing:border-box;padding-left: 5px;padding-right: 5px;
}
#contentsArea .navi ul li a {border-radius: 5px;box-sizing:border-box;display: block;background-color: #003867;border:1px solid #003867;padding: 15px;color: #fff;line-height: 1.3;position: relative;padding-right: 8px;font-feature-settings : "palt" 1;padding-left: 30px;}

#contentsArea .navi ul li a:before {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 5px;
  height: 5px;
  margin-left: -3px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(135deg);
  content: "";
}

#contentsArea .navi ul li a:after{background:url(../images/navi_ico.svg) 0 0 no-repeat;display: block; background-size: 150px;
content: '';width: 25px;height: 25px;top: 10px;left: 8px;position: absolute;}
#contentsArea .navi ul li:nth-child(1) a:after{background-position: 0 0;}
#contentsArea .navi ul li:nth-child(2) a:after{background-position: -25px 0;}
#contentsArea .navi ul li:nth-child(3) a:after{background-position: -50px 0;}
#contentsArea .navi ul li:nth-child(4) a:after{background-position: -75px 0;}
#contentsArea .navi ul li:nth-child(1) a:hover:after{background-position: 0 -25px;}
#contentsArea .navi ul li:nth-child(2) a:hover:after{background-position: -25px -25px;}
#contentsArea .navi ul li:nth-child(3) a:hover:after{background-position: -50px -25px;}
#contentsArea .navi ul li:nth-child(4) a:hover:after{background-position: -75px -25px;}
#contentsArea .navi ul li a br {display: none;}


#contentsArea .ana #search-box-title{background:#003867;color:#fff;font-size:18px;text-align:center;padding:5px;text-indent:0;margin:0;}
#contents #search-box{border-color:#003867;border:0;}
#contentsArea section.ana{margin-bottom:15px;margin-left:10px;margin-right:10px;}
#contentsArea div.ana{margin-bottom:15px;margin-left:10px;margin-right:10px;}
#search-box-body{display:block;}
.airbox01,.airbox02{background:#edf1f2;padding:0 0 10px 0;margin-bottom:10px;}
.airbox01 dt,.airbox01 dd{margin:10px 10px 0 10px;}
.airbox02 dt,.airbox02 dd{margin:10px 10px 0 10px;}
.airbox01 dt.date01{background:#fadfab;padding:2px 0 2px 10px;font-weight:bold;margin:0;}
.airbox02 dt.date02{background:#fadfab;padding:2px 0 2px 10px;font-weight:bold;margin:0;}
#search-box .inputDate{background-color:#fffde0;}
.ninki h3{text-align:center;font-size:18px;/*margin-bottom:20px;*/}
.ninki ul{overflow:hidden;}
.ninki ul li{float:left;width:48% !important;margin-left:2%;margin-bottom:7px;}
#contentsArea .ninki ul li.btn_ana a{color:#fff;font-size:14px;background:#0664d7;text-align:center;display:block;position:relative;}
#contentsArea .ninki ul li.btn_jal a{color:#fff;font-size:14px;background:#d00d0b;text-align:center;display:block;position:relative;}
#contentsArea .ninki ul li a:hover{color:#fff;}
/*#SALE{background:#f5f5f5;}*/
/* .bg{padding:20px 0;} */
.midashi{text-align:center;font-size:24px;color:#003867; clear: both;padding-top:30px;}
.midashi span{padding-bottom:10px;font-size:24px; display: block;}
.htl_name{margin:10px;font-size:18px;}
#SALE .htlBox4 .area{background-color:#51b1cd;color:#fff;font-size:13px;}
#SALE .htlBox4{border-color:#51b1cd;}
#SALE .htlBox4 .photo{margin:0;padding:0;float:none;width:96%;}
#SALE .htlBox4 .plan li a{background-color:#ffffe6;border:1px solid #EEEF78; padding: 8px;}
#SALE .htlBox4 .plan .chara li{background:#8CC5FF;font-size:16px;padding:8px 0 5px;text-align:center;width:100%; margin: 0 0 8px;}
#SALE .htlBox4 .plan .chara{width:100%;}
#SALE .htlBox4 .plan li a .price{text-align:center;}
#SALE .htlBox4 .btn li.btn_ana a{background:#0664d7;}
#SALE .htlBox4 .btn li.btn_ana a:hover{background:#0664d7;}
#SALE .htlBox4 .btn li.btn_jal a{background:#d00d0b;}
#SALE .htlBox4 .btn li.btn_jal a:hover{background:#d00d0b;}
#SALE .htlBox4 .plan li a .price span{color:#bf0000;font-size:110%;font-weight:bold;}
#SALE .htlBox4 .plan li a .price span em{font-size:160%;}
.logo{overflow:hidden;}
.logo li{float:left;margin:10px 10px 0 0;}
#SALE .htlBox4 .btn li{float:left;/*width:100%;*/}
#SALE .htlBox4 .btn li a{margin:0 4%;font-weight:bold;font-size:16px;}
.air_btn{overflow:hidden;padding:10px 0;}
.air_btn li{float:left;margin-left:2%;width:47%;}
.air_btn li img{width:100%;}
#RANKING{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/bg3.jpg) center bottom no-repeat;background-size:cover; overflow: hidden;}
#RANKING .midashi{color:#fff;}
.tag{overflow:hidden;margin-bottom:5px;}
.tag li{float:left;width:47%;margin-left:2%;margin-bottom:8px;}
#contentsArea .tag li a{border-radius:5px;background:#1b0e80;color:#fff;font-size:16px;display:block;text-align:center;white-space:nowrap;letter-spacing:-1px;height:50px;padding-top:10px;border:1px solid #fff;}
#contentsArea .tag .tag01 a,#contentsArea .tag .tag02 a{height:60px;line-height:60px;padding-top:0;}
#contentsArea .tag li.active a{background:#f0f0ef;color:#000;}
#contentsArea .tag li a:hover{opacity:1;}
.tag li span{font-size:11px;display:block;}
.motion{background:#f0f0ef;padding:10px;box-sizing:border-box;margin:5px 10px 10px;}
.motion h3{font-size:24px;margin-bottom:10px;}
.motion .txt{font-size:14px;background:#e6e6e5;padding:10px;margin-bottom:15px;}
.area_rank li{background:#fff;padding:10px;margin-bottom:10px;overflow:hidden;}
.area_rank li .fl img{width:80%;margin:0 auto 10px;display:block;}
.first{padding-left:77px;font-size:18px;color:#d79700;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_1st.gif) left top no-repeat;margin-bottom:10px;}
.second{padding-left:77px;font-size:18px;color:#787878;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_2nd.gif) left top no-repeat;margin-bottom:10px;}
.third{padding-left:77px;font-size:18px;color:#c16e46;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_3rd.gif) left top no-repeat;margin-bottom:10px;}
.fourth{padding-left:77px;font-size:18px;color:#0d0466;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_4th.gif) left top no-repeat;margin-bottom:10px;}
.fifth{padding-left:77px;font-size:18px;color:#0d0466;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_5th.gif) left top no-repeat;margin-bottom:10px;}
.rank_htl{font-weight:bold;font-size:13px;margin-bottom:10px;}
.area_rank li .explain{font-size:15px;margin-bottom:10px;}
#contentsArea .area_rank li a.set_btn{color:#fff;font-style:18px;padding:12px 15px;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ec6664 0%, #d61715 100%) repeat scroll 0 0;border-radius:5px;text-align:center;display:block;font-weight:bold;}
#contentsArea .area_rank li a.set_btn:hover{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #f68f8e 0%, #f68f8e 100%) repeat scroll 0 0;color:#fff;}
.atn{margin:10px;font-size:12px;}
#OSUSUME{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/bg2.gif) repeat;}
#OSUSUME ul, #OSUSUME2 ul{overflow:hidden;}
#OSUSUME ul li, #OSUSUME2 ul li{float:left;width:47%;margin-left:2%;margin-bottom:10px;}
#OSUSUME ul li img, #OSUSUME2 ul li img{width:100%;display:block;}
#OSUSUME ul li a{display:block;}
#OSUSUME ul li p.ttl{color:#fff;text-align:center;font-size:15px;background:#003867;padding:5px;}
#OSUSUME ul li p.explain{background:#e8e6e6 url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/arrow.png) 90% 90% no-repeat;background-size:19px auto;padding:10px 10px 30px;font-size:14px;}
#OSUSUME2 ul { margin-top: 10px;}
#OSUSUME2 ul li p{font-size:14px;text-align:center;margin:5px 0 10px;}
#OSUSUME2{margin:20px 0 -30px;}
#CAR .midashi, #YADO .midashi{text-align:left;border-left:3px solid #003867;padding-left:15px;margin-left:10px; padding-top: 0; margin-top: 30px;}
#CAR ul{overflow:hidden; margin-top: 10px;}
#CAR ul li{float:left;width:47%;margin-left:2%;margin-bottom:10px;}
#contentsArea #CAR ul li a{border:1px solid #979797;border-radius:5px;display:block;position:relative;padding:0 15px 0 5px;}
#contentsArea #CAR ul li a::after{content:"";position:absolute;border-top:2px solid #979797;border-right:2px solid #979797;height:9px;width:9px;top:50%;margin-top:-5px;transform:rotate(45deg);right:7px;display:block;}
#contentsArea #CAR ul li a img{display:block;margin:10px auto;}
#contentsArea #CAR ul li a p{font-weight:bold;font-size:14px;color:#003867;text-align:center;margin-bottom:10px;line-height:1.4;}
#contentsArea #CAR ul li a p span{display:block;font-size:12px;color:#4e4e4e;font-weight:normal;}
#YADO{margin-bottom:30px;}
.links{background:#f0f0f0;padding:10px;margin:10px;}
#contentsArea .links a{font-size:14px;display:inline-block;padding-left:20px;background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/arrow.png) left center no-repeat;background-size:14px auto;margin:0 10px 5px 0;}
.box_bnr{margin:10px 0 80px;}
.box_bnr img{display:block;margin:0 auto;width:90%;}
.box_bnr .midashi{margin:20px auto 10px;padding:0 10px;font-size:18px;}
.show_box{background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0;bottom:0;left:0;padding:0 2% 5px;position:fixed;width:96%;z-index:999;}
.show_this{font-size:12px;margin:0 auto;}
.show_this .close{color:#fff;padding:5px 0;text-align:right;}
.show_this .close span{cursor:pointer;display:inline-block;padding-right:12px;}
.show_box a img{width:100%;}
.topsale {display: none;}

.gosearch {position: fixed;bottom: 40px;right: 5px;width: 55px;height: 55px;z-index: 9999;}
#contentsArea .gosearch a {display: block;} 


p.bnr{
	/*background-image:url(https://img.travel.rakuten.co.jp/package/special/images/gw_bnr_sp_10.gif);*/
	background-repeat: no-repeat;
	background-color:#ffea00;
	height:50px;
	background-position-x:center;
	text-align:center;
}

#KW{
	padding:30px 5px;
	background: url(https://travel.rakuten.co.jp/package/special/okinawa/images/spring.jpg) center bottom no-repeat;
    background-size: cover;
}


/*.domesitcbtn{
	margin-left:215px;
}*/

a.anabtn{
	display:block;
	border-radius:30px;
	background:#000099;
	font-size:18px;
	font-weight:bold;
	color:#fff !important;
	magin:0 auto;
	text-align:center;
	padding:10px 0;
	/*width:170px;*/
}

a.jalbtn{
	display:block;
	border-radius:30px;
	background:#CC0000;
	font-size:18px;
	font-weight:bold;
	color:#fff !important;
	magin:0 auto;
	text-align:center;
	padding:10px 0;
	/*width:170px;*/
}

.midashi img, .text-box img{
	width:30px;
}

.text_bg{
	font-size:120%;
	color:#fd6161;
    text-shadow: 2px 2px 5px #fefefe, -2px 2px 5px #fefefe, 2px -2px 5px #fefefe, -2px -2px 5px #fefefe;
	}

.spring_text{
	text-align:center;
	font-size: 100%;
    line-height: 2.0;
	margin-top:30px;
	font-weight:bold;
	letter-spacing:3px;
	color:#622d1f;
}

div.carbnr{
	text-align: center;
}
div.carbnr img{
    width: 80%;
    margin: 10px auto;
}

/* add 20190613 */
.htlBox .basic:before,
.htlBox .rate a:before,
.htlBox .rank a:before,
.htlBox .plan li a:before {
  display: none;
}
#SALE .htlBox4 .photo{width: 100%;}
.area_rank li .fl img {
    width: 100%;
}
.area_rank li .fl img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.area_rank li{
    padding: 0;
    border-radius: 5px;
}
div.fr{padding:10px 15px}
#contentsArea .area_rank li a.set_btn{margin:10px}


/* Recommend Keyword */
.rcmKW{
	margin-bottom: 30px;
	width: 100%;
	margin: 20px auto 20px;
	height: auto;
}
.rcmKW h3{
text-align: center;
font-size: 18px;
margin-bottom: 10px;
}
.rcmKW .ttlB{
	text-align: center;
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}
.rcmKW .Btns{
	margin: 0 auto 40px;
}	
.rcmKW .crrBtn{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 10px auto;
	overflow: hidden;
	width: 90%;
}

.rcmKW .crrBtn li{
	float: left;
	width: 48%;
}
.rcmKW .crrBtn a{
	display: block;
}
.rcmKW .crrBtn .anaBtn{
	margin-right: 4%;
}
.rcmKW .crrBtn .anaBtn a{
	background:#0664d7;
	border-radius: 5px;
	color: #fff!important;
	padding:10px;
}
.rcmKW .crrBtn .jalBtn a{
	background:#d00d0b;
	border-radius: 5px;
	color: #fff!important;
	padding:10px;
}
/* /Recommend Keyword */

.ninki .htlBox{

	width:47%;
	float:left;
	margin: 5px;

}

.htlBox ul.btn li.btn_ana{
	width:50%;
}

.htlBox ul.btn li.btn_jal{
	width:50%;
}



.ninki div.basic{
border-bottom: none;
}

p.kw_name{
	font-size:14px;
	text-align: center;
	font-weight:bold;
	margin-top:10px;
}
p.kw_name{
	font-size:16px;
	text-align:center;
	margin: 10px 0;
	font-weight:bold;
}
.ninki section.htlBox:nth-of-type(4) {
    border:none;
	margin-right: 0px;
}
.ninki section.htlBox:nth-of-type(2) {
    border:none;
	margin-right: 0px;
}
.ninki .htlBox {
    border-right: 1px solid #dfdfdf;
    border-left: none;
    border-bottom: none;
    border-top: none;
	margin-right: 0px;
	border-radius: 0px!important;
}

.ninki .htlBox .basic{
	padding-bottom:0px;
}

.ninki .htlBox ul.btn li.btn_ana{
	width:48%;
}

.ninki .htlBox ul.btn li.btn_jal{
	width:48%;
}
#search-box .searchNavi li { width: 24% !important;}
#search-box .searchNavi li.on label { background-color: #003867 !important;background: -webkit-gradient( linear, left top, left bottom, from(#003867), to(#003867) ) !important; border: 1px solid #003867 !important;}
#search-box .searchNavi li.on:after { border-top: 7px solid #003867 !important;}
#search-box div.line.sibori { display: none;}
#search-box #dap-search-form .heyaDP dl.fltDl dd { min-height: auto !important; top: 0 !important;}
#search-box .structure dd { margin-bottom: 8px;}
#search-box p.searchSubmit a { box-shadow: none !important; text-shadow: none !important;}
#search-box.verB .squeeze.dpCal { margin-top: 0 !important;}
#search-box.verB .squeeze.dpCal li{ margin-bottom: 0; padding-bottom: 0 !important;}
#search-box.verB.test #dap-search-form #dpCarPC { margin-top: 0 !important; top: 0 !important;}
#search-box.verB.test p.searchSubmit a{ border: 0 !important;}
#search-box { margin-bottom: 0 !important;}

.htlBox .basic { border: 0; padding: 0;}

#OSUSUME .midashi {padding-top: 0;}

.rt-footer { z-index: 1;}

#COUPON {background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/bg2.gif) repeat;}

.cpLinkwindow{ width: 285px; margin: 0 auto !important; left: 0 !important; top: 0 !important; padding-left: 5px;}
.cpLinkwindow a.arr-green-windowA {
    background-color: #cacaca;
    position: relative;
    border-radius: 5px;
    font-weight: normal;
    margin-left: 10px;
    padding: 5px 6px;
    top: -5px;
    color: #333333;
    text-decoration: none;
    font-size: 12px
}

.cpLinkwindow a.arr-green-windowB:after {
    background: url(https://img.travel.rakuten.co.jp//special/sales/template/html/images/Linkwindow.svg) center center no-repeat;
    background-size: auto;
    position: absolute;
    content: "";
    width: 16px;
    height:16px;
    right: -20px;
    top:50%;
    margin-top: -8px;
    background-size: 16px
}

.couponOneClick .coupon__button__pattern {justify-content: space-around;}
.couponOneClick .coupon__button,.couponOneClick .coupon__button a{ width: 180px;}

.ss-container.serach { padding: 0 0 10px 0 !important;}