@charset "utf-8";
img {vertical-align: bottom;}
.sp{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;}
#widewrapper, #contentsArea{width:100%;}
#contents.column1{padding:0;width:100%;background:#fff;}
#mainContents{width:950px;display:block;margin:0 auto;}
#keyVisual{width:100%; min-width: 950px; position:relative;margin-bottom: 0; overflow: hidden;}
#keyVisual .main  { width:70%; max-width: 610px; text-align: center;position:absolute;top:50%; margin-top: -80px; left:calc((100% - 610px)/2); z-index: 999;}
#keyVisual h1{font-size:340%;color:#fff;text-shadow:1px 1px 7px #000;font-weight:bold;text-indent:0;}
#keyVisual h1 span{font-size:60%;}
#keyVisual .sub_ttl  {color:#fff;border-top:1px solid #fff;background:rgba(0, 0, 0, 0.55);font-size:85%;padding:2%;box-sizing:border-box;line-height:120%; margin-top:4%; text-align: left;}
#keyVisual dl   {display: none; width:28%; max-width: 310px; position:absolute;background:rgba(255, 255, 255, 0.6);top:50%; margin-top: -58px; right:calc((100% - 950px)/2); z-index:100; padding: 0 0 5px;}
#keyVisual dl dt{background:#000;color:#fff;text-align:center;font-size:16px;font-weight:bold;padding:5px;}
#keyVisual dl dd{background:#fff;margin:5px 5px 0;padding:7px 10px;}
#contentsArea #keyVisual dl dd a {position:relative;display:block;padding-right:15px;}
#contentsArea #keyVisual dl dd a:hover {text-decoration:none;opacity:0.5;}
#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; position: relative;}
#keyVisual .rslides li {width:100%; float: left; position: absolute;top: 0; left: 0;}
#keyVisual .rslides img{width:100%; float: left;}
.navi   {width:100%;background-color: #003867;padding: 10px 0 ;}
.navi ul{overflow:hidden;width:814px; margin:0 auto;}
.navi ul li {float:left;text-align:center;font-size:16px; width: calc(25% - 10px); margin: 0 4px;}
#contentsArea .navi ul li a {border-radius: 5px;box-sizing:border-box;display: block;background-color: #003867;border:1px solid #fff;padding: 15px;color: #fff;line-height: 1.3;position: relative;padding-left: 40px;padding-right: 8px;}
#contentsArea .navi ul li a:hover  {background:#fff;opacity:1;color: #003867;}
#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 br {display: none;}
#contentsArea .navi ul li a:hover:before {

  border-top: 2px solid #003867;
  border-right: 2px solid #003867;

}
#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;}


#search-box p.searchSubmit a{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/btn_search.gif) 0 0 no-repeat;display:block;height:49px;width:122px;}
#search-box p.searchSubmit a:hover{opacity:0.8}
#contentsArea #search-box{border-color:#003867;width:950px;margin:0 auto 30px; border:0;}
#contents #search-box p.searchSubmit{margin-top:15px !important;}
#contentsArea .ana h2#search-box-title{background:#003867;color:#fff;font-size:22px;text-align:center;padding:10px;margin:0;}
#contentsArea .ana#mapList h1{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/ttl02.gif);}
#contentsArea .ana h1#AREABOX{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/ttl03.gif);}
#contentsArea .ana#ANC03 h1{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/ttl04.gif);}
dl.airbox01,dl.airbox02{width:48%;margin-right:10px;float:left;}
dl.airbox01 dt,dl.airbox02 dt{width:29%;margin-right:10px;float:left;font-size:82%;font-weight:bold;line-height:1.2;padding-top:10px;}
#search-box dl.airbox01 dd,#search-box dl.airbox02 dd{float:left;margin-right:3%;margin-bottom:10px;min-height:22px;width:60%;}
#search-box .inputDate{background-color:#fffde0;}
.ninki h3{text-align:center;font-size:20px;margin-bottom:20px;}
.ninki ul{overflow:hidden;margin:0 auto 30px;}
.ninki ul li{float:left;width:170px;margin-left:20px;}
#contentsArea .ninki ul li.btn_ana a{color:#fff;font-size:16px;background:#0664d7;text-align:center;display:block;position:relative;}
#contentsArea .ninki ul li.btn_jal a{color:#fff;font-size:16px;background:#d00d0b;text-align:center;display:block;position:relative;}
#contentsArea .ninki ul li a:hover{color:#fff;}
#SALE{width:100%;background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/bg1.gif) repeat;}
.bg{padding:30px 0;}
.midashi{text-align:center;margin-bottom:30px;font-size:35px;color:#003867;}
.midashi span{padding-bottom:3px;}
.column1 .hotels{width:952px;margin:0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.htl_name{margin:5px;font-size:16px;}
#SALE .htlBox4 .area{background-color:#51b1cd;}
#SALE .htlBox4{border-color:#51b1cd;width: calc(25% - 16px); margin: 0 4px 8px;}
#SALE .htlBox4:nth-child(4n){margin-right:0;}
#SALE .htlBox4 .photo{margin-bottom:10px;padding:0;}
#SALE .htlBox4 .plan li a{background-color:#ffffe6;border:1px solid #EEEF78;}
#SALE .htlBox4 .plan .chara li{background:rgba(0, 0, 0, 0) url("https://img.travel.rakuten.co.jp/package/ana/special/gokuraku/images/arbg.png") no-repeat scroll center center;font-size:14px;height:26px;padding:2px 0 0;text-align:center;width:100%;margin:5px 0 10px;}
#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;}
.air_btn{width:772px;margin:0 auto;overflow:hidden;}
.air_btn li{float:left;margin:15px 39px 10px;width:307px;}
#RANKING{background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/bg3.jpg) center center no-repeat;background-size:cover;}
#RANKING .midashi{color:#fff;}
.tag{width:950px;margin:0 auto;display:flex;justify-content:left;align-items:center;}
.tag li{margin-right:3px;font-size:20px;position:relative;height:50px;padding-top:10px;}
.tag li.active{height:60px;padding-top:0;}
#contentsArea .tag li a:hover{opacity:1;color:#d2d2d2;}
.tag li span{font-size:16px;display:block;}
.tag li.tag02 a{line-height:40px;padding:0;}
.tag li.tag02.active a{line-height:50px;padding:0;}

#contentsArea a.btn_act{border-radius:7px 7px 0 0;background:#1b0e80;color:#fff;height:42px;display:block;text-align:center;padding:0 25px;padding-top:8px;}
#contentsArea li.active a.btn_act{border-radius:7px 7px 0 0;background:#f0f0ef;color:#000;height:60px;display:block;text-align:center;padding-top:13px;}
.motion{background:#f0f0ef;width:950px;margin:0 auto;padding:15px;box-sizing:border-box;}
.motion h3{font-size:30px;margin:20px 0;}
.motion .txt{font-size:14px;background:#e6e6e5;padding:15px 20px;margin-bottom:15px;}
.area_rank li{background:#fff;padding:15px;margin-bottom:15px;overflow:hidden;}
.area_rank li .fl{float:left;width:298px;margin-right:15px;}
.area_rank li .fl img{width:90%;}
.area_rank li .fr{float:right;width:576px;}
.first{padding-left:77px;font-size:22px;color:#d79700;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_1st.gif) left center no-repeat;margin-bottom:20px;}
.second{padding-left:77px;font-size:22px;color:#787878;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_2nd.gif) left center no-repeat;margin-bottom:20px;}
.third{padding-left:77px;font-size:22px;color:#c16e46;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_3rd.gif) left center no-repeat;margin-bottom:20px;}
.fourth{padding-left:77px;font-size:22px;color:#0d0466;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_4th.gif) left center no-repeat;margin-bottom:20px;}
.fifth{padding-left:77px;font-size:22px;color:#0d0466;background:url(https://img.travel.rakuten.co.jp/package/special/metropolitan/201805/images/icon_5th.gif) left center no-repeat;margin-bottom:20px;}
.rank_htl{font-weight:bold;font-size:22px;margin-bottom:20px;}
.area_rank li .explain{font-size:16px;margin-bottom:20px;}
#contentsArea .area_rank li a.set_btn{float:right;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;}
#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{width:930px;margin:20px auto;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;margin:0 auto;width:950px; display: flex; justify-content: center;}
#OSUSUME ul li, #OSUSUME2 ul li{float:left;width:300px;margin-right:25px;margin-bottom:10px;}
#OSUSUME ul li img{width:100%;display:block;}
#OSUSUME ul li a{display:block;}
#OSUSUME ul li:nth-child(3n), #OSUSUME2 ul li:nth-child(3n){margin-right:0;}
#OSUSUME ul li p.ttl{color:#fff;text-align:center;font-size:16px;background:#003867;padding:5px;}
#OSUSUME ul li p.explain{background:#e8e6e6 url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/arrow.png) 270px 90% no-repeat;background-size:19px auto;padding:10px 10px 30px;font-size:16px;}
#OSUSUME2 ul li p{font-size:15px;text-align:center;margin:7px 0 10px;}
#CAR, #YADO{margin-bottom:30px;}
#CAR .midashi, #YADO .midashi{text-align:left;border-left:3px solid #003867;padding-left:15px;}
#CAR ul{overflow:hidden;}
#CAR ul li{float:left;width:23.5%;margin-right:2%;}
#CAR ul li:nth-child(4n){margin-right:0;}
#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:8px;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;}
.links{background:#f0f0f0;padding:20px 35px 17px;}
#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:20px 0 50px;}
.box_bnr img{display:block;margin:0 auto;}
#contentsArea a.btn_act a:hover{color:#999;}

.gosearch {display: none;}

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

#KW{
	height:500px;
	padding:30px 0;
	/*width: 950px;*/
    /*margin: 20px auto;*/
	background: url(https://travel.rakuten.co.jp/package/special/okinawa/images/spring.jpg) center center no-repeat;
    background-size: cover;
}

#center{
	margin-top:30px;
}



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:20px 50px;
}

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:20px 50px;
}

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

.text-box{
	margin:50px 0 30px;
}

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

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


div.carbnr{
	text-align: center;
    margin: 20px auto 15px;
    font-size: 14px;
}

.htlBox .btn li {
	width: 95px;
	float: left;
	margin-left: 5px;
}

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

.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:20px;
}
.rcmKW .crrBtn .jalBtn a{
	background:#d00d0b;
	border-radius: 5px;
	color: #fff!important;
	padding:20px;
}
/* /Recommend Keyword */



p.kw_name{
	font-size:16px;
	text-align:center;
	margin: 10px 0;
	font-weight:bold;
}

.ninki .htlBox {
    border-right: 1px solid #dfdfdf;
    border-left: none;
    border-bottom: none;
    border-top: none;
	margin-right: 0px;
}

div.ninki{
	margin-bottom:30px;
}

.ninki .htlBox{	width:230px;}

.ninki section.htlBox:nth-of-type(4) {
    border:none;
	margin-right: 0px;
}

#search-box #domestic-search-container .searchCategory { margin-bottom: 0 !important;}
#search-box #domestic-search-container .searchCategory li.on { background-color: #003867 !important;}
#search-box .searchNavi li.on:after {border-top: 7px solid #003867 !important;}
.column1 #search-box .structure dt.number { padding-top: 0 !important;}
#search-box.verB.test #dap-search-form .ninzuDP dl.structure.new dd { width: 65% !important; padding-top: 0 !important;}
#search-box p.searchSubmit a { height: auto !important; text-indent: 0 !important;}
#search-box p.searchSubmit a:hover { color: #fff !important;}
#search-box.verB.test .explain { left: 0 !important; top: 10px !important;}
#search-box.verB .squeeze.dpCal li { padding-top: 0; margin-bottom: 0;}

#COUPON {background:url(https://img.travel.rakuten.co.jp/package/special/okinawa/images/bg2.gif) repeat; padding: 40px 0;}
.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;}
#Searchbox { padding-top: 40px;}

#pointcpn_footer { padding: 60px 0 0 0 !important;}
.column1 #search-box .structure dt.date { padding-top: 0;}