@charset "utf-8";

#main { width:100%; margin:10px auto; }

/*///reset*/
#caribbeanResorts div,#caribbeanResorts dl,#caribbeanResorts dt,#caribbeanResorts dd,#caribbeanResorts ul,#caribbeanResorts ol,#caribbeanResorts li,#caribbeanResorts h1,#caribbeanResorts h2,#caribbeanResorts h3,#caribbeanResorts h4,#caribbeanResorts h5,#caribbeanResorts h6,#caribbeanResorts p{
	margin: 0;
	padding: 0;
	}

#caribbeanResorts table {
	border-collapse: collapse;
	border-spacing: 0;
	}

#caribbeanResorts img {
	border: 0;
	}

#caribbeanResorts em,#caribbeanResorts strong{
	font-style: normal;
	font-weight: normal;
	}

#caribbeanResorts ol,#caribbeanResorts ul {
	list-style: none;
	font-size: 0px;
	}

#caribbeanResorts h2,#caribbeanResorts h3,#caribbeanResorts h4,#caribbeanResorts h5,#caribbeanResorts h6 {
	font-size: 100%;
	font-weight: normal;
	}

#caribbeanResorts img{
	border:0;
}	
/*/reset///*/

@media screen and (min-width: 768px) {
#main .sp { display:none!important; }

#caribbeanResorts .clearfix:after{
	content: "";
	display: block;
	clear: both;
}

#caribbeanResorts{
 min-width: 1100px;
 font-size: 14px;
 line-height: 1.5em;
 color: #000;
 font-family: "Tsukushi B Round Gothic","筑紫B丸ゴシック","Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#caribbeanResorts .inner{
 margin-left: auto;
 margin-right: auto;
 padding: 0 35px;
 width: 1100px;
 box-sizing: border-box;
 position: relative;
 }
#caribbeanResorts .mb20{
 margin-bottom: 20px;
}
#caribbeanResorts a:hover{
 opacity: 0.7;
}

#caribbeanResorts .mainView{
 width: 100%;
 height: 680px;
 background: url(../images/line_wave.png) center bottom repeat-x, url(../images/bg_mv.jpg) center top no-repeat;
 background-size: auto, cover;
 text-shadow: -2px -2px 3px #FFFFFF, 2px -2px 3px #FFFFFF, -2px 2px 3px #FFFFFF, 2px 2px 3px #FFFFFF; 
 position: relative;
}
#caribbeanResorts .mv_mi{
 margin-bottom: 10px;
 padding: 10px 0 0 45px;
 width: 542px;
}
#caribbeanResorts .mainView .txt{
 width: 680px;
 color: #191919;
 text-align: center;
 font-weight: bold;
}

#caribbeanResorts .maparea{
 height: 880px;
 background: url(../images/grad.jpg) center bottom repeat-x;
 background-color: #38acbd;
}
#caribbeanResorts .maparea .inner{
 padding: 20px 0 0;
}
#caribbeanResorts .maparea .map{
 width: 720px;
 height: 580px;
 float: left;
 background: url(../images/map.png) no-repeat;
 position: relative;
}
#caribbeanResorts .maparea .map .posi{
 position: absolute;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
 }
#caribbeanResorts .maparea .map .posi:hover{ 
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
#caribbeanResorts .maparea .map .posi a:hover{ 
 opacity: 1.0;
}
#caribbeanResorts .maparea .map .no01{
 left: 195px;
 top: 122px;
}
#caribbeanResorts .maparea .map .no02{
 left: 311px;
 top: 87px;
}
#caribbeanResorts .maparea .map .no03{
 left: 260px;
 top: 220px;
}
#caribbeanResorts .maparea .map .no04{
 left: 213px;
 top: 255px;
}
#caribbeanResorts .maparea .map .no05{
 left: 330px;
 top: 232px;
}
#caribbeanResorts .maparea .map .no06{
 left: 584px;
 top: 215px;
}
#caribbeanResorts .maparea .map .no07{
 left: 329px;
 top: 381px;
}
#caribbeanResorts .maparea .map .no08{
 left: 91px;
 top: 255px;
}
#caribbeanResorts .maparea .map .no09{
 left: 85px;
 top: 155px;
}
#caribbeanResorts .maparea .map .no10{
 left: 100px;
 top: 211px;
}
#caribbeanResorts .maparea .map .no11{
 left: 241px;
 top: 52px;
}
#caribbeanResorts .maparea .txtBox{
 width: 380px;
 float: right;
 color: #FFF;
 line-height: 1.8em;
 position: relative;
 box-sizing: border-box;
}
#caribbeanResorts .maparea .txtBox p.lope_top img,
#caribbeanResorts .maparea .txtBox p.lope_bot img{
 margin: 24px 0 20px;
 width: 380px;
 height: auto;
 display: block;
}
#caribbeanResorts .maparea .txtBox .txt{
 margin: 0 0 20px;
}
#caribbeanResorts .maparea .add_bn {
	text-align:center;
}
#caribbeanResorts .maparea .add_bn span{
	font-size:16px;
	color:#fff;
	display:block;
	padding:0 0 5px 0;
}
#caribbeanResorts .maparea .add_bn img{
	width:600px;
}

#caribbeanResorts #country01.countryWrapper{
 background: url(../images/bg_content_01.jpg) center top repeat-y;
}
#caribbeanResorts #country02.countryWrapper{
 background: url(../images/bg_content_02.jpg) center top repeat-y;
}
#caribbeanResorts #country03.countryWrapper{
 background: url(../images/bg_content_03.jpg) center top repeat-y;
}
#caribbeanResorts #country04.countryWrapper{
 background: url(../images/bg_content_04.jpg) center top repeat-y;
}
#caribbeanResorts #country05.countryWrapper{
 background: url(../images/bg_content_05.jpg) center top repeat-y;
}
#caribbeanResorts #country06.countryWrapper{
 background: url(../images/bg_content_06.jpg) center top repeat-y;
}
#caribbeanResorts #country07.countryWrapper{
 background: url(../images/bg_content_07.jpg) center top repeat-y;
}
#caribbeanResorts #country08.countryWrapper{
 background:  url(../images/line_wave.png) center bottom repeat-x, url(../images/bg_content_08.jpg) center top repeat-y ;
}
#caribbeanResorts .countryWrapper .country_head{
 padding-top: 25px;
 width: 100%;
 height: 140px;
 position: relative;
 text-align: center;
 box-sizing: border-box;
}
#caribbeanResorts #country01.countryWrapper .country_head{
 background: url(../images/bg_01.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .country_head{
 background: url(../images/bg_02.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .country_head{
 background: url(../images/bg_03.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .country_head{
 background: url(../images/bg_04.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .country_head{
 background: url(../images/bg_05.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .country_head{
 background: url(../images/bg_06.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .country_head{
 background: url(../images/bg_07.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .country_head{
 background: url(../images/bg_08.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .country_head .mi{
 font-size: 48px;
 line-height: 1em;
 color: #FFF;
 text-shadow: -2px -2px 3px rgba(0,0,0,0.30), 2px -2px 3px rgba(0,0,0,0.30), -2px 2px 3px rgba(0,0,0,0.30), 2px 2px 3px rgba(0,0,0,0.30);
 width:1100px;
}
#caribbeanResorts .countryWrapper .country_head span.mi_eng:before{
 content: "";
 width: 90px;
 height: 3px;
 background: #404040;
 display: block;
 position: absolute;
 top: 0;
 left: 50%;
 right: 50%;
 transform: translate(-50%, -50%);
}
#caribbeanResorts .countryWrapper .country_head span.mi_eng{
 margin: 13px auto;
 font-size: 16px;
 display: block;
 color: #404040;
 text-shadow: none;
 position: relative;
}
#caribbeanResorts #country08.countryWrapper .country_head span.mi_eng:before{
 background: #252525;
}
#caribbeanResorts #country08.countryWrapper .country_head span.mi_eng{
 color: #252525;
}
#caribbeanResorts .countryWrapper .country_head .leaf{
 margin: auto;
 position: absolute;
 top: -115px;
 left: 0;
}
#caribbeanResorts .countryWrapper .country_head .btn_country{
 margin: auto;
 padding: 0;
 width: 200px;
 background: #FFF;
 border-radius: 4px;
 display: table;
 position: absolute;
 top: -5px;
 right: 0;
 font-size: 16px;
 line-height: 24px;
}
#caribbeanResorts .countryWrapper .country_head .btn_country:after{
 content: "\f138";
	font-family: FontAwesome;
 font-size: 24px;
 position: absolute;
 right: 10px;
 top: 40px;
}
#caribbeanResorts #country01.countryWrapper .country_head .btn_country:after{
 color: #6ba038;
}
#caribbeanResorts #country02.countryWrapper .country_head .btn_country:after{
 color: #e283cb;
}
#caribbeanResorts #country03.countryWrapper .country_head .btn_country:after{
 color: #b7cc2c;
}
#caribbeanResorts #country04.countryWrapper .country_head .btn_country:after{
 color: #0f7f8f;
}
#caribbeanResorts #country05.countryWrapper .country_head .btn_country:after{
 color: #fda316;
}
#caribbeanResorts #country06.countryWrapper .country_head .btn_country:after{
 color: #876ebb;
}
#caribbeanResorts #country07.countryWrapper .country_head .btn_country:after{
 color: #e45555;
}
#caribbeanResorts #country08.countryWrapper .country_head .btn_country:after{
 color: #4c5bb8;
}
#caribbeanResorts .countryWrapper .country_head .btn_country a{
 text-decoration: none;
 color: #000;
 display: table-cell;
 width: 200px;
 vertical-align: middle;
 height: 100px;
}
#caribbeanResorts .countryWrapper .country_cap{
 padding: 40px 0;
 font-size: 18px; 
}
#caribbeanResorts .countryWrapper .country_bread{
 margin-bottom: 30px;
 background-color: #ebe9e9;
}
#caribbeanResorts .countryWrapper .country_bread dt{
 margin-right: 10px;
 padding: 10px 35px 10px 18px;
 display: inline-block;
 position: relative;
 float: left;
 color: #FFF;
 vertical-align: middle;
}
#caribbeanResorts #country01.countryWrapper .country_bread dt{
 background: url(../images/ar_nav01.jpg) right center no-repeat;/*テーマごと*/
 background-color: #6ba038;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .country_bread dt{
 background: url(../images/ar_nav02.jpg) right center no-repeat;/*テーマごと*/
 background-color: #e283cb;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .country_bread dt{
 background: url(../images/ar_nav03.jpg) right center no-repeat;/*テーマごと*/
 background-color: #b7cc2c;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .country_bread dt{
 background: url(../images/ar_nav04.jpg) right center no-repeat;/*テーマごと*/
 background-color: #0f7f8f;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .country_bread dt{
 background: url(../images/ar_nav05.jpg) right center no-repeat;/*テーマごと*/
 background-color: #fda316;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .country_bread dt{
 background: url(../images/ar_nav06.jpg) right center no-repeat;/*テーマごと*/
 background-color: #876ebb;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .country_bread dt{
 background: url(../images/ar_nav07.jpg) right center no-repeat;/*テーマごと*/
 background-color: #e45555;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .country_bread dt{
 background: url(../images/ar_nav08.jpg) right center no-repeat;/*テーマごと*/
 background-color: #4c5bb8;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .country_bread dd ul li{
 padding: 10px 15px;
 display: inline-block;
 background-color: #ebe9e9;
 font-size: 14px;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .country_bread dd ul li a{
 color: #018f95;
 text-decoration: underline;
}

#caribbeanResorts .countryWrapper .areaBox{
 padding-bottom: 140px;
 }
#caribbeanResorts .countryWrapper .areaBox.next{
 padding-bottom: 80px;
 }
#caribbeanResorts .countryWrapper .areaBox_block{
 margin-bottom: 30px;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain{
 width: 655px;
 float: left;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head{
 margin-bottom: 25px;
 padding-left: 17px;
 position: relative;
 font-size: 14px;
 line-height: 26px;
}
#caribbeanResorts #country01.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #6ba038;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #e283cb;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #b7cc2c;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #0f7f8f;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #fda316;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #876ebb;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #e45555;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #4c5bb8;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.mi{
 padding-bottom: 15px;
 float: left;
 font-size: 48px;
 line-height: 1.0em;
 font-weight: bold;
 letter-spacing: -3px;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.btn{
 margin-bottom: 15px;
 padding: 0 30px 0 20px;
 border-radius: 4px;
 float: right;
 position: relative;
 text-align: center;
 font-size: 16px;
 line-height: 21px;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.txt{
 clear: both;
}
#caribbeanResorts #country01.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #6ba038;/*テーマごと*/
 }
#caribbeanResorts #country02.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #e283cb;/*テーマごと*/
 }
#caribbeanResorts #country03.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #b7cc2c;/*テーマごと*/
 }
#caribbeanResorts #country04.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #0f7f8f;/*テーマごと*/
 }
#caribbeanResorts #country05.countryWrapper .areaBox .areaMain .area_head>.btn{
 right: 0;
 background: #fda316;/*テーマごと*/
 }
#caribbeanResorts #country06.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #876ebb;/*テーマごと*/
 }
#caribbeanResorts #country07.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #e45555;/*テーマごと*/
 }
#caribbeanResorts #country08.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #4c5bb8;/*テーマごと*/
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.btn:after{
 content: "\f054";
	font-family: FontAwesome;
 position: absolute;
 top: 16px;
 right: 10px;
 color: #FFF;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.btn a{
 padding: 15px 0;
 color: #FFF;
 text-decoration: none;
 display: block;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox{
 padding: 0 0 20px;
 display: -webkit-box; /*Android4.3*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 background: url(../images/line_dotted.jpg) left 92% repeat-x;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dt img{
 width: 110px;
 height: auto;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd ul{
 margin-left: 10px;
 display: -webkit-box; /*Android4.3*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
  -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd ul li{
 margin-right: 7px;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd ul li img{
 width: 70px;
 height: auto;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd ul li:nth-child(7n){
 margin-right: 0;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox{
 padding: 20px;
 background: url(../images/sea.jpg) right bottom no-repeat;
 background-size: cover;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox dl{
 margin-bottom: 10px;
 display: table;
 overflow: hidden;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox dt{
 width: 160px;
 color: #FFF;
 font-size: 14px;
 background: #253c6d;
 text-align: center;
 float: left;
 border-radius: 21px;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox dd{
padding: 0 0 0 15px;
width: 440px;
float: left;
}

#caribbeanResorts .countryWrapper .areaBox .areaPh{
 width: 345px;
 float: right;
}
#caribbeanResorts .countryWrapper .areaBox .areaPh .photo{
 margin-bottom: 30px;
}
#caribbeanResorts .countryWrapper .areaBox .areaPh .photo:last-child{
 margin-bottom: 0;
}

#caribbeanResorts .countryWrapper .areaBox .recommendTour{
 margin-bottom: 25px;
 position: relative;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour > .mi{
 padding: 0 0 0 35px;
 height: 45px;
 font-size: 24px;
 line-height: 1em;
 color: #FFF;
 background: url(../images/bg_mi.jpg) repeat;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour > .mi .palm{
 margin-right: 10px;
 padding: 5px 0;
 width: 32px;
 height: auto;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour > .mi .plane{
 margin-left: 10px;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .posi{
 position: absolute;
 top: -30px;
 right: 0;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents{
 padding: 10px 35px;
 background: #f0f0f0;
 overflow: hidden;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .ph{
 margin-right: 20px;
 width: 160px;
 float: left;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .txt{
 margin-right: 20px;
 margin-top: 15px;
 width: 550px;
 line-height: 26px;
 float: left;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .price{
 color: #df0323;
 font-size: 18px;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .btn{
 margin-top: 15px;
 width: 200px;
 border-radius: 8px;
 text-align: center;
 position: relative;
 float: left;
}
#caribbeanResorts #country01.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #6ba038;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #e283cb;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #b7cc2c;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #0f7f8f;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #fda316;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #876ebb;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #e45555;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #4c5bb8;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .btn a{
 padding: 35px 0;
 width: 200px;
 color: #FFF;
 display: block;
 vertical-align: middle;
 text-decoration: none;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .btn:after{
	content: "\f054";
	font-family: FontAwesome;
 color: #FFF;
 position: absolute;
 right: 10px;
 top: 36px;
}

#caribbeanResorts .countryWrapper .areaBox .btn_area{
 margin: 0 auto;
	width: 760px;
 border-radius: 4px;
 position: relative;
 text-align: center;
}
#caribbeanResorts #country01.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_01.jpg) center center repeat;
}
#caribbeanResorts #country02.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_02.jpg) center center repeat;
}
#caribbeanResorts #country03.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_03.jpg) center center repeat;
}
#caribbeanResorts #country04.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_04.jpg) center center repeat;
}
#caribbeanResorts #country05.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_05.jpg) center center repeat;
}
#caribbeanResorts #country06.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_06.jpg) center center repeat;
}
#caribbeanResorts #country07.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_07.jpg) center center repeat;
}
#caribbeanResorts #country08.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_08.jpg) center center repeat;
}
#caribbeanResorts .countryWrapper .areaBox .btn_area a{
 padding: 35px 0;
 color: #FFF;
 text-decoration: none;
 font-size: 30px;
 line-height: 30px;
 display: block;
}
#caribbeanResorts .countryWrapper .areaBox .btn_area:after{
 content: "\f138";
	font-family: FontAwesome;
 color: #FFF;
 font-size: 24px;
 position: absolute;
 right: 10px;
 top: 40px;
}
#caribbeanResorts .countryWrapper .arealine{
 margin: 0 auto 80px;
 width: 100%;
 text-align: center;
}

#caribbeanResorts .caribbean_footer{
 background-color: #38acbd;
 font-size: 30px;
 line-height: 46px;
 text-align: center;
 color: #FFF;
}
#caribbeanResorts .caribbean_footer>.inner{
 padding: 30px 0 55px;
 background: url(../images/sea_left.png) left top no-repeat, url(../images/sea_right.png) right top no-repeat;
}
#caribbeanResorts .caribbean_footer .btn_foot{
 margin: 30px auto 0;
 width: 770px;
 position: relative;
 background: url(../images/bg_footbt.jpg);
 border-radius: 60px;
}
#caribbeanResorts .caribbean_footer .btn_foot a{
 padding: 35px;
 display: block;
 font-size: 36px;
 line-height: 36px;
 text-align: center;
 text-decoration: none;
 color: #FFF;
}
#caribbeanResorts .caribbean_footer .btn_foot:after{
 content:"\f138";
 position: absolute;
 top: 30px;
 right: 26px;
 font-family: FontAwesome;
 font-size: 33px;
 color: #FFF;
}

#caribbeanResorts .caribbean_footlinks{
 padding: 50px 0;
 text-align: center;
}
#caribbeanResorts .caribbean_footlinks .txt{
 margin: 0 0 30px;
 font-size: 30px;
 line-height: 46px;
 color: #083c61;
 text-align: center;
}
#caribbeanResorts .caribbean_footlinks .txt span{
 font-weight: bold;
}
#caribbeanResorts .caribbean_footlinks .btn_area{
 text-align: center;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn{
 margin-right: 10px;
 margin-bottom: 10px;
 width: 150px;
 border-radius: 20px;
 display: inline-block; /*Android4.3*/
 position: relative;
 text-align: center;
 background: url(../images/fish.png) 20px 20px no-repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a01{
 background: url(../images/fish.png) 10px 30px no-repeat,url(../images/bg_01.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a02{
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_02.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a03{
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_03.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a04{
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_04.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a05{
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_05.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a06{
 margin-left: 0;
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_06.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a07{
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_07.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a08{
 background: url(../images/fish.png) 10px 30px no-repeat, url(../images/bg_08.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn a{
 padding: 20px 0;
 display: block;
 font-size: 15px;
 line-height: 28px;
 text-decoration: none;
 color: #FFF;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn a span{
 font-size: 19px;
 line-height: 28px;
 font-weight: bold;
 letter-spacing: -2px;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn:after{
 content: "\f054";
 font-family: FontAwesome;
 position: absolute;
 top: 39px;
 right: 9px;
 color: #FFF;
 font-size: 13px;
}

#caribbeanResorts .caribbean_footlinks .bigbtn{
 margin: 30px 20px 10px 0;
 width: 450px;
 border-radius: 80px;
 display: inline-block; /*Android4.3*/
 text-align: center;
 background: url(../images/bg_footbt_g.jpg);
 position: relative;
}
#caribbeanResorts .caribbean_footlinks .bigbtn:nth-child(2n){
 margin: 30px 0 10px 0;
}
#caribbeanResorts .caribbean_footlinks .bigbtn span{
 margin-bottom: 10px;
 font-size: 14px;
 line-height: 21px;
 display: inline-block;
}
#caribbeanResorts .caribbean_footlinks .bigbtn a{
 padding: 20px 0;
 display: block;
 font-size: 35px;
 line-height: 46px;
 text-decoration: none;
 color: #FFF;
}
#caribbeanResorts .caribbean_footlinks .bigbtn:after{
 content: "\f138";
 font-family: FontAwesome;
 color: #FFF;
 font-size: 26px;
 position: absolute;
 right: 17px;
 top: 51px;
}

#caribbeanResorts .pageup{
 position: fixed;
 right: 20px;
 bottom: 10px;
}

}
/*----------------------�X�}�z��-----------------------*/

@media screen and (max-width: 768px) {
#main .pc { display:none!important; }

#caribbeanResorts .clearfix:after{
	content: "";
	display: block;
	clear: both;
}
#caribbeanResorts img{
 width: 100%;
 height: auto;
 vertical-align: bottom;
}
a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}


#caribbeanResorts{
 font-size: 13px;
 line-height: 1.5em;
 color: #000;
 font-family: "Tsukushi B Round Gothic","筑紫B丸ゴシック","Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;
 -webkit-text-size-adjust: 100%;
}
#caribbeanResorts .inner{
 margin-left: auto;
 margin-right: auto;
 width: 92%;
 position: relative;
 }
#caribbeanResorts .mb20{
 margin-bottom: 20px;
}

#caribbeanResorts .mainView{
 width: 100%;
 background:url(../images/bg_mvsp.jpg) right center no-repeat;
 background-size: cover;
 position: relative;
 font-size: 12px;
 text-align: left;
}
#caribbeanResorts .mainView .inner{
 width: 100%;
}
#caribbeanResorts .mv_mi{
 padding: 10px 0 10px 2%;
 width: 66%;
}
#caribbeanResorts .mainView .txt{
 margin-left: 4%;
 width: 60%;
 color: #191919;
 text-align: left;
 font-weight: bold;
 text-shadow: -1px -1px 2px #FFFFFF, 1px -1px 2px #FFFFFF, -1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px 1px 2px #FFFFFF; 
}
#caribbeanResorts .mainView .wave{
 margin-top: 40px;
}

#caribbeanResorts .maparea{
padding-bottom: 50px;
 background: url(../images/grad.jpg) center bottom repeat-x;
 background-size: 100% 6%;
 background-color: #38acbd;
}
#caribbeanResorts .maparea .inner{
 padding: 0;
}
#caribbeanResorts .maparea .map{
 display: none;
 }
#caribbeanResorts .maparea .txtBox{
 position: relative;
 box-sizing: border-box;
 font-size: 12px;
 line-height: 18px;
 color: #FFF;
 line-height: 1.8em;
}
#caribbeanResorts .maparea .txtBox > .txt{
 margin-bottom: 10px;
}
#caribbeanResorts .maparea .txtBox > .txt:last-child{
 margin-bottom: 0;
}
#caribbeanResorts .maparea .add_bn {
 text-align:center;
 margin:10px 0;
}
#caribbeanResorts .maparea .add_bn span{
 color:#fff;
}
#caribbeanResorts .maparea .add_bn img{
 width:88%;
}

#caribbeanResorts .map_sp{
 margin-top: 10px;
}
#caribbeanResorts .map_sp dl{
 margin-bottom: 5px;
 border: solid 2px #0e2961;
 box-sizing: border-box;
}
#caribbeanResorts .map_sp .single dl{/*1カラム*/
 width: 100%;
}
#caribbeanResorts .map_sp .double dl{/*2カラム*/
 float: left;
 width: 49%;
}
#caribbeanResorts .map_sp .double dl:first-child{
 margin-right: 2%;
}
#caribbeanResorts .map_sp dl dt{
 padding-left: 35px;
 border-bottom: solid 2px #0e2961;
 position: relative;
 font-size: 11px;
 text-align: left;
 color: #FFF;
}
#caribbeanResorts .map_sp dl dt:before{
 content: url(../images/palm.png);
 position: absolute;
 bottom: 0;
 left: 0;
}
#caribbeanResorts .map_sp dl dt a:after{
 content: url(../images/arr_und.png);
 padding-left: 3px;
 color: #0e2961;
 position: absolute;
 bottom: 8px;
 right: 5px;
}

#caribbeanResorts .map_sp dl.spjump dt a{
 padding: 2px 0;
 display: block;
 font-size: 10px;
 color: #FFF;
 text-decoration: none;
}
#caribbeanResorts .map_sp dl.ct01 dt{
 background: url(../images/bg_01.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct02 dt{
 background: url(../images/bg_02.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct03 dt{
 background: url(../images/bg_03.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct04 dt{
 background: url(../images/bg_04.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct05 dt{
 background: url(../images/bg_05.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct06 dt{
 background: url(../images/bg_06.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct07 dt{
 background: url(../images/bg_07.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl.ct08 dt{
 background: url(../images/bg_08.jpg) center center repeat;
}
#caribbeanResorts .map_sp dl dd{
 background-color: #FFF;
 }
#caribbeanResorts .map_sp dl.spjump dd ul{
 display: -webkit-box; /*Android4.3*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 -webkit-box-pack: justify; /*Android4.3*/
 -webkit-justify-content: space-around; /*PC-Safari,iOS8.4*/
 justify-content: space-around;
}
#caribbeanResorts .map_sp dl.spjump dd ul li a{
 padding: 5px 0;
 display: block;
 font-size: 10px;
 color: #0e2961;
 text-decoration: underline;
}
#caribbeanResorts .map_sp dl.spjump dd ul li a:after{
 content: url(../images/arr_und.png);
 padding-left: 3px;
 color: #0e2961;
}

#caribbeanResorts #country01.countryWrapper{
 background: url(../images/bg_content_01.jpg) center top repeat-y;
}
#caribbeanResorts #country02.countryWrapper{
 background: url(../images/bg_content_02.jpg) center top repeat-y;
}
#caribbeanResorts #country03.countryWrapper{
 background: url(../images/bg_content_03.jpg) center top repeat-y;
}
#caribbeanResorts #country04.countryWrapper{
 background: url(../images/bg_content_04.jpg) center top repeat-y;
}
#caribbeanResorts #country05.countryWrapper{
 background: url(../images/bg_content_05.jpg) center top repeat-y;
}
#caribbeanResorts #country06.countryWrapper{
 background: url(../images/bg_content_06.jpg) center top repeat-y;
}
#caribbeanResorts #country07.countryWrapper{
 background: url(../images/bg_content_07.jpg) center top repeat-y;
}
#caribbeanResorts #country08.countryWrapper{
 background:  url(../images/line_wave.png) center bottom repeat-x, url(../images/bg_content_08.jpg) center top repeat-y ;
 background-size: contain, auto;
}
#caribbeanResorts .countryWrapper .country_head{
 padding: 10px 0;
 width: 100%;
 position: relative;
 text-align: center;
 box-sizing: border-box;
}
#caribbeanResorts #country01.countryWrapper .country_head{
 background: url(../images/bg_01.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .country_head{
 background: url(../images/bg_02.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .country_head{
 background: url(../images/bg_03.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .country_head{
 background: url(../images/bg_04.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .country_head{
 background: url(../images/bg_05.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .country_head{
 background: url(../images/bg_06.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .country_head{
 background: url(../images/bg_07.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .country_head{
 background: url(../images/bg_08.jpg) center center repeat;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .country_head .mi{
 padding: 0;
 font-size: 24px;
 line-height: 1em;
 color: #FFF;
 text-shadow: -2px -2px 3px rgba(0,0,0,0.30), 2px -2px 3px rgba(0,0,0,0.30), -2px 2px 3px rgba(0,0,0,0.30), 2px 2px 3px rgba(0,0,0,0.30);
 width:auto;
}
#caribbeanResorts .countryWrapper .country_head span.mi_eng{
 padding: 5px 0;
 font-size: 8px;
 display: block;
 color: #252525;
 text-shadow: none;
 line-height: 8px;
}
#caribbeanResorts .countryWrapper .country_head .leaf img{
 margin: auto;
 width: 22%;
 position: absolute;
 top: -30px;
 left: -10px;
 display: block;
}
#caribbeanResorts .countryWrapper .country_head .btn_country{
 margin: auto;
 padding: 0 7%;
 min-width: 60%;
 background: #FFF;
 border-radius: 4px;
 display: table;
 font-size: 12px;
 line-height: 12px;
 position: relative;
}
#caribbeanResorts .countryWrapper .country_head .btn_country:after{
 content: "\f138";
	font-family: FontAwesome;
 font-size: 12px;
 position: absolute;
 right: 2%;
 top: 10px;
}
#caribbeanResorts #country01.countryWrapper .country_head .btn_country:after{
 color: #6ba038;
}
#caribbeanResorts #country02.countryWrapper .country_head .btn_country:after{
 color: #e283cb;
}
#caribbeanResorts #country03.countryWrapper .country_head .btn_country:after{
 color: #b7cc2c;
}
#caribbeanResorts #country04.countryWrapper .country_head .btn_country:after{
 color: #0f7f8f;
}
#caribbeanResorts #country05.countryWrapper .country_head .btn_country:after{
 color: #fda316;
}
#caribbeanResorts #country06.countryWrapper .country_head .btn_country:after{
 color: #876ebb;
}
#caribbeanResorts #country07.countryWrapper .country_head .btn_country:after{
 color: #e45555;
}
#caribbeanResorts #country08.countryWrapper .country_head .btn_country:after{
 color: #4c5bb8;
}
#caribbeanResorts .countryWrapper .country_head .btn_country a{
 padding: 10px 0;
 text-decoration: none;
 color: #000;
 display: table-cell;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .country_cap{
 padding: 10px 0;
 font-size: 12px;
 line-height: 18px;
}

#caribbeanResorts .countryWrapper .country_bread{
 margin-bottom: 15px;
 width: 100%;
 background-color: #ebe9e9;
 display: table;
}
#caribbeanResorts .countryWrapper .country_bread dt{
 margin-right: 2%;
 padding: 0 15px 0 9px;
 width: 30%;
 display: table-cell;
 vertical-align: middle;
 position: relative;
 font-size: 10px;
 line-height: 11px;
 color: #FFF;
}
#caribbeanResorts #country01.countryWrapper .country_bread dt{
 background: url(../images/ar_nav01.jpg) right center no-repeat;/*テーマごと*/
 background-color: #6ba038;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country02.countryWrapper .country_bread dt{
 background: url(../images/ar_nav02.jpg) right center no-repeat;/*テーマごと*/
 background-color: #e283cb;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country03.countryWrapper .country_bread dt{
 background: url(../images/ar_nav03.jpg) right center no-repeat;/*テーマごと*/
 background-color: #b7cc2c;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country04.countryWrapper .country_bread dt{
 background: url(../images/ar_nav04.jpg) right center no-repeat;/*テーマごと*/
 background-color: #0f7f8f;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country05.countryWrapper .country_bread dt{
 background: url(../images/ar_nav05.jpg) right center no-repeat;/*テーマごと*/
 background-color: #fda316;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country06.countryWrapper .country_bread dt{
 background: url(../images/ar_nav06.jpg) right center no-repeat;/*テーマごと*/
 background-color: #876ebb;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country07.countryWrapper .country_bread dt{
 background: url(../images/ar_nav07.jpg) right center no-repeat;/*テーマごと*/
 background-color: #e45555;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts #country08.countryWrapper .country_bread dt{
 background: url(../images/ar_nav08.jpg) right center no-repeat;/*テーマごと*/
 background-color: #4c5bb8;/*テーマごと*/
 background-size: 10px 100%;
}
#caribbeanResorts .countryWrapper .country_bread dd{
 padding: 5px 8px;
 background-color: #ebe9e9;
 vertical-align: middle;
 display: table-cell;
}
#caribbeanResorts .countryWrapper .country_bread dd a{
 font-size: 9px;
 line-height: 13px;
 vertical-align: middle;
 text-decoration: underline;
 color: #018f95;
}
#caribbeanResorts .countryWrapper .country_bread dd ul li{
margin-right: 5%;
 display: inline-block;
}

#caribbeanResorts .countryWrapper .areaBox{
 padding-bottom: 70px;
 }
#caribbeanResorts .countryWrapper .areaBox.next{
 padding-bottom: 20px;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head{
 margin-bottom: 12px;
 padding-left: 2%;
 position: relative;
 font-size: 11px;
 line-height: 16px;
}
#caribbeanResorts #country01.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #6ba038;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #e283cb;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #b7cc2c;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #0f7f8f;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #fda316;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #876ebb;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #e45555;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .areaBox .areaMain .area_head{
 border-left: solid 5px #4c5bb8;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.mi{
 padding-bottom: 10px;
 font-size: 24px;
 line-height: 24px;
 font-weight: bold;
 letter-spacing: -2px;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.btn{
 margin: 0 0 10px;
 padding: 0 10% 0 5%;
 border-radius: 4px;
 position: relative;
 float: right;
 text-align: center;
 font-size: 10px;
 line-height: 14px;
 }
#caribbeanResorts #country01.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #6ba038;/*テーマごと*/
 }
#caribbeanResorts #country02.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #e283cb;/*テーマごと*/
 }
#caribbeanResorts #country03.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #b7cc2c;/*テーマごと*/
 }
#caribbeanResorts #country04.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #0f7f8f;/*テーマごと*/
 }
#caribbeanResorts #country05.countryWrapper .areaBox .areaMain .area_head>.btn{
 right: 0;
 background: #fda316;/*テーマごと*/
 }
#caribbeanResorts #country06.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #876ebb;/*テーマごと*/
 }
#caribbeanResorts #country07.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #e45555;/*テーマごと*/
 }
#caribbeanResorts #country08.countryWrapper .areaBox .areaMain .area_head>.btn{
 background: #4c5bb8;/*テーマごと*/
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.btn:after{
 content: "\f054";
	font-family: FontAwesome;
 position: absolute;
 top: 8px;
 right: 5px;
 color: #FFF;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.btn a{
 padding: 8px 0;
 color: #FFF;
 text-decoration: none;
 display: block;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_head>.txt{
 clear: both;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox{
 padding: 0 0 10px;
 display: -webkit-box; /*Android4.3*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 background: url(../images/line_dotted.jpg) left 90% repeat-x;
 background-size: contain;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dt{
 width: 20%;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd{
 width: 80%;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd ul{
 margin-left: 10px;
 display: -webkit-box; /*Android4.3*/
 display: -webkit-flex; /*PC-Safari,iOS8.4*/
 display: flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_icoBox dd ul li{
 margin: 0 3px 3px 0;
 width: 15%;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox{
 margin-bottom: 10px;
 padding: 10px;
 background: url(../images/sea.jpg) right bottom no-repeat;
 background-size: 100% auto;
 background-color: #e3f2f5;
 }
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox dl{
 margin-bottom: 5px;
 overflow: hidden;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox dt{
 padding: 2px 10px;
 width: 30%;
 display: block;
 float: left;
 border-radius: 10px;
 background: #253c6d;
 font-size: 9px;
 line-height: 12px;
 text-align: center;
 vertical-align: middle;
 color: #FFF;
}
#caribbeanResorts .countryWrapper .areaBox .areaMain .area_infoBox dd{
 width: 60%;
 padding: 0;
 float: right;
 font-size: 10px;
 line-height: 15px;
 text-align: left;
}

#caribbeanResorts .countryWrapper .areaBox .areaPh .photo{
 margin-right: 4%;
 margin-bottom: 10px;
 width: 48%;
 float: left;
 display: inline;
}
#caribbeanResorts .countryWrapper .areaBox .areaPh .photo:last-child{
 margin-right: 0;
}

#caribbeanResorts .countryWrapper .areaBox .recommendTour{
 margin-bottom: 10px;
 position: relative;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour > .mi{
 padding: 0 0 0 3%;
 font-size: 12px;
 line-height: 24px;
 color: #FFF;
 background: url(../images/bg_mi.jpg) repeat;
 letter-spacing: -1px;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour > .mi .palm{
 margin-right: 5px;
 padding: 5px 0;
 width: 7%;
 height: auto;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour > .mi .plane{
 width: 20%;
 margin-left: 10px;
 vertical-align: middle;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .posi{
 display: none;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents{
 padding: 10px 4%;
 background: #f0f0f0;
 overflow: hidden;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .ph{
 margin-right: 4%;
 width: 30%;
 float: left;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .txt{
 font-size: 11px;
 line-height: 16px;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .price{
 margin-top: 5px;
 color: #df0323;
 font-size: 16px;
 display: block;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .btn{
 padding: 0 10% 0 5%;
 border-radius: 4px;
 font-size: 9px;
 line-height: 9px;
 text-align: left;
 position: relative;
 float: right;
}
#caribbeanResorts #country01.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #6ba038;/*テーマごと*/
}
#caribbeanResorts #country02.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #e283cb;/*テーマごと*/
}
#caribbeanResorts #country03.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #b7cc2c;/*テーマごと*/
}
#caribbeanResorts #country04.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #0f7f8f;/*テーマごと*/
}
#caribbeanResorts #country05.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #fda316;/*テーマごと*/
}
#caribbeanResorts #country06.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #876ebb;/*テーマごと*/
}
#caribbeanResorts #country07.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #e45555;/*テーマごと*/
}
#caribbeanResorts #country08.countryWrapper .areaBox .recommendTour .contents .btn{
 background: #4c5bb8;/*テーマごと*/
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .btn a{
 padding: 12px 0;
 color: #FFF;
 display: block;
 vertical-align: middle;
 text-decoration: none;
}
#caribbeanResorts .countryWrapper .areaBox .recommendTour .contents .btn:after{
	content: "\f054";
	font-family: FontAwesome;
 position: absolute;
 right: 7px;
 top: 13px;
 font-size: 9px;
 color: #FFF;
}

#caribbeanResorts .countryWrapper .areaBox .btn_area{
 margin: 0 auto;
	width: 100%;
 position: relative;
 text-align: center;
}
#caribbeanResorts #country01.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_01.jpg) center center repeat;
}
#caribbeanResorts #country02.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_02.jpg) center center repeat;
}
#caribbeanResorts #country03.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_03.jpg) center center repeat;
}
#caribbeanResorts #country04.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_04.jpg) center center repeat;
}
#caribbeanResorts #country05.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_05.jpg) center center repeat;
}
#caribbeanResorts #country06.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_06.jpg) center center repeat;
}
#caribbeanResorts #country07.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_07.jpg) center center repeat;
}
#caribbeanResorts #country08.countryWrapper .areaBox .btn_area{
 background: url(../images/bg_08.jpg) center center repeat;
}
#caribbeanResorts .countryWrapper .areaBox .btn_area a{
 padding: 20px 0;
 display: block;
 color: #FFF;
 text-decoration: none;
 font-size: 14px;
 line-height: 15px;
 letter-spacing: -1px;
}
#caribbeanResorts .countryWrapper .areaBox .btn_area:after{
 content: "\f138";
	font-family: FontAwesome;
 color: #FFF;
 font-size: 13px;
 position: absolute;
 right: 5px;
 top: 18px;
}
#caribbeanResorts .countryWrapper .arealine{
 margin: 0 auto;
 margin-bottom: 20px;
}

#caribbeanResorts .caribbean_footer{
 font-size: 15px;
 line-height: 23px;
 text-align: center;
 color: #FFF;
 background: url(../images/sea_sp.png) center center no-repeat;
 background-size: 100%;
 background-color: #38acbd;
 letter-spacing: -1px;
}
#caribbeanResorts .caribbean_footer>.inner{
 padding: 15px 0 50px;
}
#caribbeanResorts .caribbean_footer .btn_foot{
 margin: 20px auto 0;
 width: 88%;
 position: relative;
 background: url(../images/bg_footbt.jpg);
 border-radius: 60px;
}
#caribbeanResorts .caribbean_footer .btn_foot a{
 padding: 20px 0;
 display: block;
 font-size: 16px;
 line-height: 18px;
 text-align: center;
 text-decoration: none;
 color: #FFF;
}
#caribbeanResorts .caribbean_footer .btn_foot:after{
 content: "\f138";
 position: absolute;
 top: 19px;
 right: 7px;
 font-family: FontAwesome;
 font-size: 13px;
 color: #FFF;
}

#caribbeanResorts .caribbean_footlinks{
 padding: 25px 0;
 text-align: center;
}
#caribbeanResorts .caribbean_footlinks .txt{
 margin: 0 0 15px;
 font-size: 15px;
 line-height: 23px;
 color: #083c61;
 text-align: center;
}
#caribbeanResorts .caribbean_footlinks .txt{
font-weight: bold;
}
#caribbeanResorts .caribbean_footlinks .btn_area{
 text-align: center;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn{
 margin-right: 2%;
 margin-bottom: 10px;
 width: 48%;
 border-radius: 20px;
 display: inline-block; /*Android4.3*/
 position: relative;
 text-align: center;
 background: url(../images/fish.png) 20px 20px no-repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a01{
 background: url(../images/fish.png) left bottom no-repeat,url(../images/bg_01.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a02{
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_02.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a03{
 margin-left: 0;
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_03.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a04{
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_04.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a05{
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_05.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a06{
 margin-left: 0;
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_06.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a07{
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_07.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn.a08{
 background: url(../images/fish.png) left bottom no-repeat, url(../images/bg_08.jpg) center center repeat;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn a{
 padding: 10px 0;
 display: block;
 font-size: 11px;
 line-height: 15px;
 text-decoration: none;
 color: #FFF;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn a span{
 font-size: 13px;
 line-height: 18px;
 font-weight: bold;
}
#caribbeanResorts .caribbean_footlinks .btn_area .btn:after{
 content: "\f054";
 font-family: FontAwesome;
 position: absolute;
 top: 17px;
 right: 5px;
 color: #FFF;
 font-size: 13px;
}

#caribbeanResorts .caribbean_footlinks .bigbtn{
 margin: 15px 0 0 0;
 width: 90%;
 border-radius: 80px;
 display: inline-block; /*Android4.3*/
 text-align: center;
 background: url(../images/bg_footbt_g.jpg);
 position: relative;
}
#caribbeanResorts .caribbean_footlinks .bigbtn span{
 margin-bottom: 5px;
 font-size: 9px;
 line-height: 11px;
 display: inline-block;
}
#caribbeanResorts .caribbean_footlinks .bigbtn a{
 padding: 10px 0;
 display: block;
 font-size: 16px;
 line-height: 23px;
 text-decoration: none;
 color: #FFF;
}
#caribbeanResorts .caribbean_footlinks .bigbtn:after{
 content: "\f138";
 font-family: FontAwesome;
 color: #FFF;
 font-size: 13px;
 position: absolute;
 right: 8px;
 top: 22px;
}

#caribbeanResorts .pageup{
 width: 18%;
 position: fixed;
 right: 3%;
 bottom: 15px;
 opacity: 0.7;
}

}


/*----------------------top�֖߂�----------------------*/
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }