@charset "utf-8";

@media screen and (min-width: 767px) {
 
#main { width:1100px; margin:10px auto; }
#main .sp { display:none!important; }

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


#jamaica *{
 font-family: "FOT-筑紫明朝 Pr6 D","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; 
 box-sizing: border-box;
}

#jamaica{
 font-size: 14px;
 line-height: 1.5em;
	color: #323232;
	position: relative;
}

#jamaica a{
 text-decoration: none; 
}

#jamaica .mb50 {margin-bottom: 50px;}

#jamaica .inner{
 margin: 0px auto;
 width: 1100px;
}

/*見出し共通*/
#jamaica .mi_01{
 margin: 0px auto 60px;
 padding: 31px 0px;
 width: 100%;
 min-width: 1100px;
 height: auto;
 font-size: 2.28em;
	line-height: 1.2;
 color: #FFF;
 text-align: center;
 background: url(../images/mi_01_bg.jpg) repeat-x 0 0;
 text-shadow: none;
	position: relative;
}

#jamaica .mi_01:after{
	content: "";
	display: block;
	margin: 0px auto;
	width: 1100px;
	height: 201px;
	background: url(../images/mi_01_deco.png) no-repeat center center;
 position: absolute;
 top: -48px;
 left: 0;
 right: 0;
}
	
#jamaica .mi_02{
 margin: 0px auto 20px;
 padding: 0px 0px 30px;
 height: auto;
 font-size: 2.28em;
 text-align: center;
 color: #009fdc;
 background: url(../images/mi_02_line.png) no-repeat 0 100%;
}

#jamaica .mi_03{
 margin: 0px auto 16px;
 padding: 0px;
 height: auto;
 font-size: 1.71em;
 line-height: 1.0;
 text-align: center;
}

#jamaica .mi_04{
 margin: 0px auto 24px;
 padding: 50px 0px 16px;
 height: auto;
 font-size: 2.0em;
	line-height: 1.2;
 text-align: center;
 color: #009fdc;
 background: url(../images/mi_04_deco.png) no-repeat center 0;
 border-bottom: 1px solid #009fdc;
}

#jamaica .mi_04 span{
 margin: 10px auto;
 font-size: 0.62em;
 color: #646464;
 display: block;
 transform: rotate(0.05deg); 
}

/*ボタン共通*/
#jamaica .btn_pi{
 margin: 0px auto;
 color: #fff;
 background: #e555b7;
 border: 1px solid #e555b7;
 text-align: center;
 position: relative;
 overflow: hidden;
}

#jamaica .btn_pi:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 7px solid #fff;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
	transition: all 0.3s; 
}

#jamaica .btn_pi a{
 color: #fff;
 display: block;
	transition: all 0.3s;
}

#jamaica .btn_pi a:hover {
	color: #e555b7;
 background: #FFF;
 border: none;
 }

#jamaica .btn_pi:hover:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #e555b7;
	border-bottom: 7px solid #e555b7;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
} 


#jamaica .btn_other{
 margin: 0px auto;
 color: #fff;
 background: #009fdc;
 border: 1px solid #009fdc;
 text-align: center;
 position: relative;
 overflow: hidden;
}

#jamaica .btn_other:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 7px solid #fff;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
	transition: all 0.3s; 
}

#jamaica .btn_other a{
 color: #fff;
 display: block;
	transition: all 0.3s;
}

#jamaica .btn_other a:hover {
	color: #009fdc;
 background: #FFF;
 border: none;
 }

#jamaica .btn_other:hover:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #009fdc;
	border-bottom: 7px solid #009fdc;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
} 


 
#jamaica .btn_bl{
 color: #fff;
 background: #009fdc;
 border: 1px solid #009fdc;
 text-align: center;
 position: relative;
}

#jamaica .btn_bl:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 7px solid #fff;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
	transition: all 0.3s; 
}

#jamaica .btn_bl a{
 color: #fff;
 display: block;
	transition: all 0.3s; 
}

#jamaica .btn_bl a:hover {
	color: #009fdc;
 background: #FFF;
}

#jamaica .btn_bl:hover:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #009fdc;
	border-bottom: 7px solid #009fdc;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
}  
 
#jamaica .btn_wh{
 color: #FFF;
 background: #e555b7;
 border: 1px solid #e555b7;
 text-align: center;
 position: relative;
}

#jamaica .btn_wh:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 7px solid #fff;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
	transition: all 0.3s; 
}

#jamaica .btn_wh a{
 color: #fff;
 display: block;
	transition: all 0.3s; 
}
 
#jamaica .btn_wh a:hover {
	color: #e555b7;
 background: #FFF;
}

#jamaica .btn_wh:hover:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #e555b7;
	border-bottom: 7px solid #e555b7;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
} 
  

/*contents*/
#jamaica #mv{
 margin: 0px auto 40px;
 padding: 30px 0px;
	width: 100%;
 min-width: 1100px;
 height: 700px;
	background-position:center center;
	background-size: cover;
	display: flex;
 -webkit-align-items: center;
 align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

#jamaica #mv .tit{
 margin: 0px auto 30px;
 text-align: center;
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 0;
	left: 0;
}

#jamaica .lead{
 padding: 50px 30px;
 color: #FFF;
 background: url(../images/line.png),url(../images/line.png) rgba( 0, 47, 105, 0.80);
 background-position: 0 0, 0 100%;
 background-repeat: no-repeat, no-repeat;
 transform: rotate(0.05deg);
	position: absolute;
	top: 485px;
	right: 0;
	left: 0;
}

#jamaica .branch { font-size:20px; text-align:center; margin-bottom:20px; line-height:1.4em; }

#jamaica .branch a { color:#e555b7; text-decoration: underline; }

#jamaica .offer .btn_pi{
	margin: 0px auto 70px;
 font-size: 1.71em;
 line-height: 1.2;
}
 
#jamaica .offer .btn_pi a{
 padding: 28px 0px;
}

#jamaica #point .inclusive p{
 padding: 0px 40px;
 font-size: 1.15em;
 line-height: 1.5;
 transform: rotate(0.05deg); 
}

#jamaica #point{
 margin: 0px auto;
 padding: 0px 0px 70px;
 background: url(../images/point_bg.png) repeat 0 0;
 position: relative;
}

#jamaica .choice_box .city_box{
 margin: 0px auto 20px;
 width: 1100px;
	display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap; 
 flex-wrap: wrap;
 -webkit-justify-content: left;
 justify-content: left;
}　

#jamaica .choice_box .city_01{
 width: 350px;
 background: #FFF;
}

#jamaica .choice_box .city_01:nth-of-type(3n+2){
 margin: 0px 24px;
}

#jamaica .choice_box .city_01 dt{
 padding: 0px 0px 20px;
}

#jamaica .choice_box .city_01 dd{
 padding: 0px 24px;
 width: 350px;
}

#jamaica .choice_box .city_01 dd p{
 margin: 0px auto 20px;
 transform: rotate(0.05deg); 
}

#jamaica .choice_box .city_01 dd .btn_bl{
 font-size: 1.14em;
 line-height: 1.2;
 transform: rotate(0.05deg);  
}

#jamaica .choice_box .city_01 dd .btn_bl a{
 padding: 15px 0px;  
}
 
#jamaica .choice_box .city_01{
 width: 350px;
 background: #FFF;
}

#jamaica .choice_box .city_02{
 width: 1100px;
 display: table;
 background: #FFF;
}

#jamaica .choice_box .city_02 dt{
 width: 306px;
 display: table-cell;
 vertical-align: middle;
}

#jamaica .choice_box .city_02 dd{
 padding: 0px 30px;
 width: 794px;
 display: table-cell;
 vertical-align: middle;
}

#jamaica .choice_box .city_02 dd p{
 margin: 0px auto 20px;
 transform: rotate(0.05deg); 
}

#jamaica .choice_box .city_02 dd .btn_bl{
 margin: 0px auto; 
 width: 580px;
 font-size: 1.14em;
 line-height: 1.2;
 transform: rotate(0.05deg); 
}

#jamaica .choice_box .city_02 dd .btn_bl a{
 padding: 10px 0px;  
}

#jamaica .recommend_box{
 margin: 0px auto;
 padding: 0px;
 position: relative;
}

#jamaica .recommend_box p{
 margin: 0px auto 20px;
 padding: 0px 50px;
 font-size: 1.142em; 
 line-height: 1.71;
 transform: rotate(0.05deg); 
}

#jamaica .recommend_box .about .btn_pi{
 margin: 0px auto 20px;
	padding: 0px;
 width: 600px;
 font-size: 1.25em;
 line-height: 1.2;
}

#jamaica .recommend_box .about .btn_pi a{
 padding: 15px 0px; 
}
 
#jamaica .recommend_box .photo_box {
 margin: 0px auto 50px;
}
 
#jamaica .recommend_box .photo_box li{
 width: 355px;
 height: 260px;
 overflow: hidden;
 float: left;
 position: relative;
}

#jamaica .recommend_box .photo_box li:nth-child(2){
 margin: 0px 17px; 
}

#jamaica .recommend_box .photo_box li img{
 margin: 0px auto;
 width: auto;
 height: 260px;
 position: absolute;
 top: 0;
 right: 5%;
 left: -5%;
}
 
#jamaica .recommend_box .hotel_box{
 padding: 30px 0px 20px;
 background: url(../images/hotel_bg_line.gif),url(../images/hotel_bg.jpg);
 background-repeat: repeat-x,no-repeat;
 background-position: 0 100%, 0 0;
 background-size: auto, cover;
}
 
#jamaica .recommend_box .hotel_box:last-of-type{
 padding: 30px 0px 40px;
 background: url(../images/hotel_bg.jpg) no-repeat 0 0 / cover;
}
 

#jamaica .recommend_box .hotel_box p{
 padding: 0px;
 font-size: 1.0em;
}

#jamaica .recommend_box .hotel_box .r_degree{
 margin: 0px auto 20px;
 display: table;
}

#jamaica .recommend_box .hotel_box .r_degree dl{
 font-size: 1.14em;
 line-height: 30px;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 transform: rotate(0.05deg);  
}

#jamaica .recommend_box .hotel_box .r_degree dl dt{
 margin: 0px 10px 0px 0px;
 padding: 0px 20px;
 color: #FFF;
 background: #009fdc;
 float: left;
}

#jamaica .recommend_box .hotel_box .r_degree dl dd{
 float: left;
}

#jamaica .recommend_box .hotel_box .r_degree .rich dd{
 margin: 0px 60px 0px 0px;
 font-size: 1.375em;
 color: #c7911c;
}
 
#jamaica .recommend_box .hotel_box .benefits{
 margin: 0px auto 30px;
 width: 1000px;
 color: #e555b7; 
 text-align: center;
 transform: rotate(0.05deg);
}
 
#jamaica .recommend_box .hotel_box .benefits dt{
 padding: 0px 0px 10px;
 font-size: 1.14em;
}
 
#jamaica .recommend_box .hotel_box .benefits dt:before{
 content: "";
 display: inline-block;
 margin: 0px 20px 0px 0px;
 width: 415px;
 height: 0px;
 border-bottom: 1px solid #e555b7;
 vertical-align: middle;
}
 
#jamaica .recommend_box .hotel_box .benefits dt:after{
 content: "";
 display: inline-block;
 margin: 0px 0px 0px 20px;
 width: 415px;
 height: 0px;
 border-bottom: 1px solid #e555b7;
 vertical-align: middle;
}
 
#jamaica .recommend_box .hotel_box .benefits dd ul{
 margin: 0px auto;
 padding:  0px 3px 10px;
 border-bottom: 1px solid #e555b7; 
}
 
#jamaica .recommend_box .hotel_box .benefits dd ul li{
 margin: 0px 20px 0px 0px;
 padding: 0px 0px 0px 30px;
 background: url(../images/benefits_ico.png) no-repeat 0 0 / 20px auto;
 float: left;
}

#jamaica .recommend_box .hotel_box .benefits dd ul li:last-child{
 margin: 0px;
}
 
#jamaica .recommend_box .hotel_box .btn_wh{
 margin: 0px auto 30px;
 width: 600px;
 font-size: 1.25em;
 line-height: 1.2;
}
 
#jamaica .recommend_box .hotel_box .btn_wh a{
 padding: 15px 0px;
}

 
#jamaica .recommend_box .slide_container{
 padding: 0px 0px 30px;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

#jamaica .recommend_box .slide_all{
 width: 800px;
 margin: 0 auto;
 height: 600px;
 position: relative;
}
 
#jamaica .recommend_box .slide_wrap{
 width: 2460px;
 position: absolute;
 left: 50%;
 margin-left: -1230px;
}
 
#jamaica .recommend_box .slide_body{
 width: 100%;
}
 
#jamaica .recommend_box .slide{
 width: 800px;
}
 
#jamaica .recommend_box .slide img {
 width: 100%;
 vertical-align: bottom;
}

#jamaica .recommend_box .bx-controls-direction {
 text-align: center;
 height: 25px;
}

#jamaica .recommend_box .bx-controls-direction a{
 text-decoration: none;
 color: #000;
 padding:0 5px;
}
 
#jamaica .recommend_box .bx-controls {
 position: absolute;
 bottom: 51%;
 z-index: 100;
 width: 100%;
}
 
#jamaica .recommend_box .bx-controls .bx-prev{
 padding: 0;
 width: 84px;
 height: 84px;
 background: url(../images/jamaica_slide_prev.png) no-repeat 0 0;
 position: absolute;
 left: 775px;
 text-indent: 100%;
}
 
#jamaica .recommend_box .bx-controls .bx-next{
 padding: 0;
 width: 84px;
 height: 84px;
 background: url(../images/jamaica_slide_next.png) no-repeat 0 0;
 position: absolute;
 right: 775px;
 text-indent: 100%;
}
 
#jamaica .recommend_box .hotel_box .btn_wh:last-of-type{
 margin: 0px auto 30px;
 width: 1000px;
 font-size: 1.5em;
 line-height: 1.2;
}
 
#jamaica .recommend_box .hotel_box .btn_wh:last-of-type a{
 padding: 28px 0px;
}

#jamaica #ochorios{
 margin: 0px auto 50px;
}
 
#jamaica #offer_box{
 padding: 0px 0px 30px;
 transform: rotate(0.05deg);
}
 
#jamaica #offer_box .btn_bl{
 margin: 0px auto 30px;
 width: 1000px;
 font-size: 1.72em;
 line-height: 1.2;
}
 
#jamaica #offer_box .btn_bl a{
 padding: 25px 0px;
}

#jamaica #offer_box .txt{
 margin: 0px auto 20px;
 padding: 10px 0px;
 font-size: 1.43em;
 line-height: 1.5;
 text-align: center;
 background: url(../images/offer_deco_left.png),url(../images/offer_deco_right.png);
 background-repeat: no-repeat,no-repeat;
 background-position: 5% 0%, 95% 0%;
 background-size: auto 100%, auto 100%;
}
 
#jamaica #offer_box ul{
 margin: 0px auto;
 width: 1000px;
}



#jamaica #offer_box ul .btn_other{
 width: 320px;
 font-size: 1.5em;
 line-height: 1.2;
 float: left;
 margin: 0px 7px 20px 6px;
}

#jamaica #offer_box ul .btn_other a{
 padding: 25px 0px;
}




#jamaica #offer_box ul .btn_pi{
 width: 480px;
 font-size: 1.72em;
 line-height: 1.2;
 float: left;
}
 
#jamaica #offer_box ul .btn_pi:first-child{
 margin: 0px 40px 0px 0px;
}

#jamaica #offer_box ul .btn_pi a{
 padding: 25px 0px;
}


 
/*---page top---*/ 
#jamaica .page_top{
 position: fixed;
 right: 20px;
 bottom: 20px;
 z-index: 100;
 display: block;
}

#jamaica .page_top a{
 padding: 0px;
 width: 98px;
 height: 98px;
 display: block;
}
 
}

/*----------------------sp-----------------------*/

@media screen and (max-width: 768px) {
#main .pc { display:none!important; }
 
#jamaica *{
 font-family: "FOT-筑紫明朝 Pr6 D","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; 
 box-sizing: border-box;
}

#jamaica{
 font-size: 13px;
 line-height: 1.5;
}

#jamaica a{
 text-decoration: none;
 display: block;
}

#jamaica img{
 width: 100%;
 height: auto;
 vertical-align: bottom;
}

#jamaica .inner{
 margin: 0px auto;
 width: 94%;
}

/*見出し共通*/
#jamaica .mi_01{
 margin: 0px auto 20px;
 padding: 6px 0px;
 width: 100%;
 height: auto;
 font-size: 1.54em;
	line-height: 1.2;
 color: #FFF;
 text-align: center;
 background: url(../images/mi_01_sp_bg.png) repeat-x center center / 100% auto;
 text-shadow: none;
}

#jamaica .mi_02{
 margin: 0px auto 10px;
 padding: 0px 0px 10px;
 height: auto;
 font-size: 1.384em;
 text-align: center;
 color: #009fdc;
 background: url(../images/mi_02_line.png) no-repeat 0 100% / 100% auto;
 transform: rotate(0.05deg); 
}

#jamaica .mi_03{
 margin: 0px auto 10px;
 padding: 0px;
 height: auto;
 font-size: 1.15em;
 line-height: 1.0;
 text-align: center;
 transform: rotate(0.05deg); 
}

#jamaica .mi_04{
 margin: 0px auto 10px;
 padding: 30px 0px 10px;
 height: auto;
 font-size: 1.3em;
 line-height: 1.2;
 text-align: center;
 color: #009fdc;
 background: url(../images/mi_04_deco.png) no-repeat center 0 / 30% auto;
 border-bottom: 1px solid #009fdc;
 transform: rotate(0.05deg);  
}

#jamaica .mi_04 span{
 margin: 4px auto 0px;
 font-size: 0.72em;
 color: #646464;
 display: block;
}

/*ボタン共通*/
#jamaica .btn_pi{
 margin: 0px auto;
 width: 100%;
 color: #e555b7;
 border: 1px solid #e555b7;
 text-align: center;
 position: relative;
}

#jamaica .btn_pi:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #e555b7;
	border-bottom: 7px solid #e555b7;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg); 
}

#jamaica .btn_pi a{
 color: #e555b7;
 display: block;
}

#jamaica .btn_bl{
 margin: 0px auto; 
 width: 100%;
 color: #009fdc;
 border: 1px solid #009fdc;
 text-align: center;
 position: relative;
}



#jamaica .btn_other{
 margin: 0px auto;
 color: #009fdc;
 border: 1px solid #009fdc;
 text-align: center;
 position: relative;
 overflow: hidden;
}

#jamaica .btn_other:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #009fdc;
	border-bottom: 7px solid #009fdc;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
	transition: all 0.3s; 
}

#jamaica .btn_other a{
 color: #009fdc;
 display: block;
	transition: all 0.3s;
}

#jamaica .btn_other a:hover {
	color: #FFF;
 background: #009fdc;
 border: none;
 }

#jamaica .btn_other:hover:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #FFF;
	border-bottom: 7px solid #FFF;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);
} 




#jamaica .btn_bl:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #009fdc;
	border-bottom: 7px solid #009fdc;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg);  
}

#jamaica .btn_bl a{
 color: #009fdc;
 display: block;
}

#jamaica .btn_wh{
 margin: 0px auto;
 width: 100%;
 color: #e555b7;
 text-align: center;
 background: #FFF;
 position: relative;
}

#jamaica .btn_wh:after{
 content:"";
 display: block;
 width: 0px;
 height: 0px;
	border: 7px solid transparent;
	border-right: 7px solid #e555b7;
	border-bottom: 7px solid #e555b7;
 position: absolute;
 right: 2px;
 bottom: 2px;
 transform: rotate(0deg); 
}

#jamaica .btn_wh a{
 color: #e555b7;
 display: block;
}

/*contents*/
#jamaica #mv{
 margin: 0px auto;
 padding: 30px 0px;
	width: 100%;
 height: 400px;
	background-position:center center;
	background-size: cover;
	display: flex;
 -webkit-align-items: center;
 align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
 position: relative;
}

#jamaica #mv .tit{
 margin: auto;
 text-align: center;
 position: absolute;
 top: 50px;
 right: 0;
 left: 0;
 z-index: 2;
}

#jamaica #mv .tit img{
 width: auto;
 height: 250px;
}
 
#jamaica .lead{
 margin: 0px auto 20px;
 padding: 40px 3%;
	width: 100%;
 color: #FFF;
 background: url(../images/line.png),url(../images/line.png) rgba( 0, 47, 105, 0.80);
 background-position: 0 0, 0 100%;
 background-repeat: no-repeat, no-repeat;
 transform: rotate(0.05deg);
}

#jamaica .branch { font-size: 1.08em; text-align:center; margin-bottom:20px; line-height:1.4em; }

#jamaica .branch a { color:#e555b7; text-decoration: underline; }

#jamaica .offer .btn_pi{
	margin: 0px auto 40px;
 font-size: 1.08em;
 line-height: 1.2;
 transform: rotate(0.05deg);
}
 
#jamaica .offer .btn_pi a{
 padding: 16px 0px;
}

#jamaica #point .inclusive p{
 margin: 0px auto 20px;
 padding: 0px;
 font-size: 1.08em;
 line-height: 1.5;
 transform: rotate(0.05deg); 
}

#jamaica #point{
 margin: 0px auto;
 padding: 0px 0px 40px;
 background: url(../images/point_bg.png) repeat 0 0;
 position: relative;
}

#jamaica .choice_box .city_box{
 width: 100%;
}　

#jamaica .choice_box .city_01{
 margin: 0px auto 20px;
 width: 100%;
 background: #FFF;
}

#jamaica .choice_box .city_01 dt{
 margin: 0px auto 10px;
 padding: 0px;
 height: 180px;
 overflow: hidden;
 position: relative;
}
 
#jamaica .choice_box .city_01 dt img{
 position: absolute;
 bottom: 0;
}

#jamaica .choice_box .city_01 dd{
 padding: 0px 3% 20px;
 width: 100%;
}

#jamaica .choice_box .city_01 dd p{
 margin: 0px auto 10px;
 transform: rotate(0.05deg); 
}

#jamaica .choice_box .city_01 dd .btn_bl{
 margin: 0px auto;
 font-size: 1.0em;
 line-height: 1.2;
 transform: rotate(0.05deg);  
}

#jamaica .choice_box .city_01 dd .btn_bl a{
 padding: 15px 0px;  
}
 
#jamaica .choice_box .city_01{
 margin: 0px auto 20px;
 background: #FFF;
}

#jamaica .choice_box .city_02{
 width: 100%;
 display: table;
 background: #FFF;
}

#jamaica .choice_box .city_02 dt{
 margin: 0px auto 10px;
 width: 100%;
 height: 120px;
 overflow: hidden;
 position: relative;
}

#jamaica .choice_box .city_02 dt img{
 position: absolute;
 top: -20%;
}
 
#jamaica .choice_box .city_02 dd{
 padding: 0px 3%;
 width: 100%;
 vertical-align: middle;
}

#jamaica .choice_box .city_02 dd p{
 margin: 0px auto 10px;
 transform: rotate(0.05deg); 
}

#jamaica .choice_box .city_02 dd .btn_bl{
 margin: 0px auto 20px;
 font-size: 1.0em;
 line-height: 1.2;
 transform: rotate(0.05deg); 
}

#jamaica .choice_box .city_02 dd .btn_bl a{
 padding: 10px 0px;  
}

#jamaica .recommend_box{
 margin: 0px auto;
 padding: 0px;
 position: relative;
}

#jamaica .recommend_box p{
 margin: 0px auto 20px;
 padding: 0px;
 font-size: 1.08em;
 line-height: 1.71;
 transform: rotate(0.05deg); 
}

#jamaica .recommend_box .about .btn_pi{
 margin: 0px auto 20px;
 width: 100%;
 font-size: 1.08em;
 line-height: 1.2;
}

#jamaica .recommend_box .about .btn_pi a{
 padding: 15px 0px; 
}
 
#jamaica .recommend_box .photo_box {
 margin: 0px auto 30px;
}
 
#jamaica .recommend_box .photo_box li{
 margin: 0px 2% 0px 0%;
 width: 49%;
 float: left; 
}

#jamaica .recommend_box .photo_box li:first-child{
 margin: 0px auto 10px;
 width: 100%;
}

#jamaica .recommend_box .photo_box li:last-child{
 margin: 0px;
}
 
#jamaica .recommend_box .hotel_box{
 padding: 10px 0px 20px;
 background: url(../images/hotel_bg_line.gif),url(../images/hotel_bg.jpg) #a0d8ff;
 background-repeat: repeat-x,no-repeat;
 background-position: 0 100%, center top;
 background-size: auto, auto;
}

#jamaica .recommend_box .hotel_box p{
 padding: 0px;
 font-size: 1.0em;
}

#jamaica .recommend_box .hotel_box .r_degree{
 margin: 0px auto 10px;
}

#jamaica .recommend_box .hotel_box .r_degree dl{
 margin: 0px auto;
 width: auto;
 font-size: 1.0em;
 line-height: 30px;
 text-align: center;
 vertical-align: middle;
 transform: rotate(0.05deg);
 display: table;
 border-collapse: separate;
 border-spacing: 6px;
}
 
#jamaica .recommend_box .hotel_box .r_degree dl dt{
 margin: 0px;
 padding: 0px 10px;
 color: #FFF;
 background: #009fdc;
 display: table-cell;
 vertical-align: middle;
}

#jamaica .recommend_box .hotel_box .r_degree dl dd{
 display: table-cell;
 vertical-align: middle;
}

#jamaica .recommend_box .hotel_box .r_degree .rich dd{
 margin: 0px;
 font-size: 1.15em;
 color: #c7911c;
}
 
#jamaica .recommend_box .hotel_box .benefits{
 margin: 0px auto 30px;
 width: 85%;
 color: #e555b7; 
 text-align: center;
 transform: rotate(0.05deg);
}
 
#jamaica .recommend_box .hotel_box .benefits dt{
 padding: 0px 0px 10px;
 width: 100%;
 font-size: 1.14em;
 position: relative;
}
 
#jamaica .recommend_box .hotel_box .benefits dt:before{
 content: "";
 display: inline-block;
 margin: 0px 3% 0px 0px;
 width: 23%;
 height: 0px;
 border-bottom: 1px solid #e555b7;
 vertical-align: middle;
 position: absolute;
 top: 45%;
 left: 0;
}
 
#jamaica .recommend_box .hotel_box .benefits dt:after{
 content: "";
 display: inline-block;
 margin: 0px 0px 0px 3%;
 width: 23%;
 height: 0px;
 border-bottom: 1px solid #e555b7;
 vertical-align: middle;
 position: absolute;
 top: 45%;
 right: 0;
}
 
#jamaica .recommend_box .hotel_box .benefits dd ul{
 margin: 0px auto;
 padding:  0px 2% 10px;
 border-bottom: 1px solid #e555b7; 
}
 
#jamaica .recommend_box .hotel_box .benefits dd ul li{
 margin: 0px 3% 6px 0px;
 padding: 0px 0px 0px 24px;
 background: url(../images/benefits_ico.png) no-repeat 0 0 / 20px auto;
 text-align: left;
}

#jamaica .recommend_box .hotel_box .benefits dd ul li:last-child{
 margin: 0px;
}
  
#jamaica .recommend_box .hotel_box .btn_wh{
 margin: 0px auto 20px;
 width: 100%;
 font-size: 1.0em;
 line-height: 1.2;
}
 
#jamaica .recommend_box .hotel_box .btn_wh a{
 padding: 15px 0px;
}

 
#jamaica .recommend_box .slide_container{
 padding: 0px 0px 20px;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

#jamaica .recommend_box .slide_all{
 width: 270px;
 margin: 0 auto;
 height: 200px;
 position: relative;
}
 
#jamaica .recommend_box .slide_wrap{
 width: 840px;
 position: absolute;
 left: 50%;
 margin-left: -150%;
}
 
#jamaica .recommend_box .slide_body{
 width: 100%;
}
 
#jamaica .recommend_box .slide{
 margin: 0px 5px!important;
 width: 270px;
}
 
#jamaica .recommend_box .slide img {
 width: 100%;
 vertical-align: bottom;
}

#jamaica .recommend_box .bx-controls-direction {
 text-align: center;
 height: auto;
}

#jamaica .recommend_box .bx-controls-direction a{
 text-decoration: none;
 color: #000;
 padding: 0 5px;
}
 
#jamaica .recommend_box .bx-controls {
 position: absolute;
 top: 39%;
 z-index: 100;
 width: 100%;
}
 
#jamaica .recommend_box .bx-controls .bx-prev{
 padding: 0;
 width: 50px;
 height: 50px;
 background: url(../images/jamaica_slide_prev.png) no-repeat 0 0 / 100% auto;
 position: absolute;
 left: 30.7%;
 text-indent: 100%;
}
 
#jamaica .recommend_box .bx-controls .bx-next{
 padding: 0;
 width: 50px;
 height: 50px;
 background: url(../images/jamaica_slide_next.png) no-repeat 0 0 / 100% auto;
 position: absolute;
 right: 34%;
 text-indent: 100%;
}
 
#jamaica .recommend_box .hotel_box .btn_wh:last-of-type{
 margin: 0px auto 30px;
 width: 100%;
 font-size: 1.0em;
 line-height: 1.2;
}
 
#jamaica .recommend_box .hotel_box .btn_wh:last-of-type a{
 padding: 10px 0px;
}

#jamaica .recommend_box .hotel_box:last-of-type{
 padding: 20px 0px 10px;
 background: url(../images/hotel_bg.jpg) #a0d8ff no-repeat center top;
} 

#jamaica #ochorios{
 margin: 0px auto 30px;
}
 
#jamaica #offer_box{
 padding: 0px 0px 30px;
 transform: rotate(0.05deg);
}

#jamaica #offer_box .inner{
 width: 100%;
}
 
#jamaica #offer_box .btn_bl{
 margin: 0px auto 30px;
 width: 94%;
 font-size: 1.08em;
 line-height: 1.2;
}
 
#jamaica #offer_box .btn_bl a{
 padding: 18px 0px;
}

#jamaica #offer_box .btn_other{
 margin: 0px auto 10px;
 width: 100%;
 font-size: 1.08em;
 line-height: 1.2;
}
 
#jamaica #offer_box .btn_other a{
 padding: 8px 0px;
}

#jamaica #offer_box .txt{
 margin: 0px auto 20px;
 padding: 4px 18%;
 font-size: 1.15em;
 line-height: 1.5;
 text-align: center;
 background: url(../images/offer_deco_left.png),url(../images/offer_deco_right.png);
 background-repeat: no-repeat,no-repeat;
 background-position: 0% 50%, 100% 50%;
 background-size: auto 85%, auto 85%;
}
 
#jamaica #offer_box ul{
 margin: 0px auto;
 width: 94%;
}

#jamaica #offer_box ul .btn_pi{
 width: 48%;
 font-size: 1.08em;
 line-height: 1.2;
 float: left;
}
 
#jamaica #offer_box ul .btn_pi:first-child{
 margin: 0px 2% 0px 0px;
}

#jamaica #offer_box ul .btn_pi a{
 padding: 15px 0px;
} 
 
/*---page top---*/  
#jamaica .page_top{
 position: fixed;
 right: 2%;
 bottom: 10px;
 z-index: 100;
 display: block;
}

#jamaica .page_top a{
 padding: 0px 0px 20px;
 width: 60px;
 height: 60px;
 display: block;
}
 
}