@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      common.css
Created:        2017-9-5
Style Info:     プレミアムハワイ特集 common　CSS
----------------------------------------------------------- */
#pre_hawai { width: 100%; max-width: 640px; margin: 0 auto; color: #505050; font-size: 13px; }
#pre_hawai img { width: 100%; }
#pre_hawai a { padding: 0; color: #3366c8; text-decoration: underline; }
#pre_hawai a:active,
#pre_hawai a:focus { outline: none; }
#pre_hawai p { line-height: 180%; }

#pre_hawai ul,
#pre_hawai ol,
#pre_hawai li,
#pre_hawai dd { list-style: none; margin: 0; padding: 0; line-height: 180%; }

#pre_hawai .page-top { height: 0; width: 0; overflow: hidden; }
#pre_hawai small { font-size: 80%; line-height: 120%; display: block; padding-top: 5px; }

#pre_hawai h1,
#pre_hawai h2,
#pre_hawai h3,
#pre_hawai h4,
#pre_hawai h5,
#pre_hawai h6 { margin: 0; }
#pre_hawai .tit_bg_02 {border-top: solid 2px #9e7936; border-bottom: solid 2px #9e7936; margin-bottom: 20px !important; background: #f9f6ee; }
#pre_hawai .tit_bg_02 span {margin: 2px 0 !important; border-top: solid 2px #9e7936; border-bottom: solid 2px #9e7936; display: block; width: 100%; text-align: center; padding: 5% 0; color: #9e7936; font-size: 4vw; font-weight: bold; margin-bottom: 20px;}

#pre_hawai .fl { float: left; display: inline; }
#pre_hawai .fr { float: right; display: inline; }

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

#pre_hawai .container { width: 92.1875%; margin: 0 auto; }
#pre_hawai .co_br { color: #9e7936; }
#pre_hawai .pb_10 { padding-bottom: 1.5625%; }
#pre_hawai .pb_15 { padding-bottom: 2.34375%; }
#pre_hawai .pb_20 { padding-bottom: 3.125%; }
#pre_hawai .pb_25 { padding-bottom: 3.90625%; }
#pre_hawai .pb_30 { padding-bottom: 4.6875%; }
#pre_hawai .pb_35 { padding-bottom: 5.46875%; }
#pre_hawai .pb_40 { padding-bottom: 6.25%; }
#pre_hawai .pb_45 { padding-bottom: 7.03125%; }
#pre_hawai .pb_50 { padding-bottom: 7.8125%; }
#pre_hawai .pb_55 { padding-bottom: 8.59375%; }
#pre_hawai .pb_60 { padding-bottom: 9.375%; }
#pre_hawai .pb_65 { padding-bottom: 10.15625%; }
#pre_hawai .pb_70 { padding-bottom: 10.9375%; }

#pre_hawai .btn_ty_01 { width: 100%; border-radius: 30px; height: 60px; background: linear-gradient( #a78649, #936a17); background: -moz-linear-gradient(top, #a78649, #936a17); 　/* Firefox用 */  
 background: -webkit-gradient(linear, left top, left bottom, from(#a78649), to(#936a17));
　/* Safari,Google Chrome用 */
}

#pre_hawai .btn_ty_01 a { width: 100%; height: 100%; display: block; position: relative; text-decoration: none; text-align: center; }
#pre_hawai .btn_ty_01 a span { color: #fff; font-size: 120%; font-weight: bold; line-height: 60px; }
#pre_hawai .btn_ty_01 a span:after { content: ""; background: url(../img/tri_down_w.png) no-repeat; background-size: 100%; display: block; width: 16px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 5%; }
#pre_hawai .btn_ty_01.arr_right a span:after { content: ""; background:url(../img/arrow_01.png) no-repeat; background-size: 100%; display: block; width: 16px; height: 14px; position: absolute; top: 50%; right: 3%; }

#pre_hawai .tit_bg_01 { background: #282828; }
#pre_hawai .ph { background: url(../img/bg_01.png); position: relative; padding: 1.5625% 0 3.125%; text-align: center; border-top: solid 5px #479db8; }
#pre_hawai .ph p { color: #fff; }
#pre_hawai .ph .img_01 { width: 37.8%; margin: 0 auto; padding-bottom: 1%; }
#pre_hawai .ph .bl_btn { width: 18.3%; position: absolute; top: 10%; right: 3.9%; }

#pre_hawai .visual { background: #f7f2e7; }
#pre_hawai .visual h2 { padding-bottom: 4.6875%; }
#pre_hawai .visual p { padding-bottom: 3.125%; }
#pre_hawai .visual ul li { padding-bottom: 2.34375%; }
#pre_hawai .page-top { margin: 0; padding: 0; display: none; }
#pre_hawai .page-top p { margin: 0; padding: 0; position: fixed; right: 16px; bottom: 16px; font-size: 22px; z-index: 9999; }
#pre_hawai .page-top p a { text-decoration: none; color: #fff; }

#pre_hawai .move-page-top { display: block; background: #ccc; opacity: 0.7; width: 50px; height: 50px; border-radius: 25px; color: #fff; line-height: 50px; text-decoration: none; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; cursor: pointer; }

/* tour list
----------------------------------------*/

#pre_hawai .sec_tourlist .tourcnt { border: solid 1px #d2d2d2; margin-bottom: 10px; height: auto; }
#pre_hawai .sec_tourlist .tourcnt .inner { float: left; display: inline; width: 95%; }
#pre_hawai .sec_tourlist .tourcnt .tour_link { float: left; display: inline; width: 5%; background: #62b0a4; text-indent: -9999px; }

@media screen and (max-width: 500px) {
#pre_hawai .sec_tourlist .tourcnt .inner { width: 90%; }
#pre_hawai .sec_tourlist .tourcnt .tour_link { width: 10%; }
}

#pre_hawai .sec_tourlist .tourcnt .tour_link a { width: 100%; height: 100%; display: block; background: url(../img/arrow_next_w.png) no-repeat center; }
#pre_hawai .sec_tourlist .tourcnt .tour_tit { background: #e6f3f1; font-size: 90%; line-height: 140%; }
#pre_hawai .sec_tourlist .tourcnt .tour_tit a { text-decoration: none; color: #323232; font-weight: bold; }
#pre_hawai .sec_tourlist .tourcnt .tour_tit,
#pre_hawai .sec_tourlist .tourcnt .bord { padding: 3%; }
#pre_hawai .sec_tourlist .tourcnt .bord img { float: left; display: inline; width: 38%; }
#pre_hawai .sec_tourlist .tourcnt .bord .tour_info { float: right; display: inline; width: 60%; }
#pre_hawai .sec_tourlist .tourcnt .bord .tour_info .text_box { float: left; display: inline; background: #fda01e; color: #fff; font-weight: bold; font-size: 90%; padding: 2px 10px 0; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; }
#pre_hawai .sec_tourlist .tourcnt .bord .tour_info .price { color: #ff0000; font-weight: bold; line-height: 120%; margin-bottom: 5px; }
#pre_hawai .sec_tourlist .tourcnt .bord .tour_info .price .price_max { font-size: 130%; }
#pre_hawai .sec_tourlist .tourcnt .bord .tour_info p.txt { color: #646464; font-size: 80%; line-height: 120%; }
#pre_hawai .bl_tour_btn ul {font-size: 0;}
#pre_hawai .bl_tour_btn ul li {  width: 32%; height: 40px; display: inline-block; margin-left: 2%;}
#pre_hawai .bl_tour_btn ul li:first-child {margin-left: 0;}
#pre_hawai .bl_tour_btn ul li a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; font-weight: bold; border-radius: 3px; text-align: center; line-height: 40px; position: relative; font-size: 14px;
background: linear-gradient( #b89557, #936a17);
background: -moz-linear-gradient(top, #b89557, #936a17); 　/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#b89557), to(#936a17));
　/* Safari,Google Chrome用 */
}
#pre_hawai .bl_tour_btn ul li a span:after { content: ""; background:url(../img/arrow_01.png) no-repeat center; background-size: 100%; display: block; width: 8px; height: 40px; position: absolute; top: 0; right: 10%;}

#pre_hawai .bl_tour_box:last-child p.text_01 {font-weight: bold;}
#pre_hawai .bl_tour_box:last-child p.text_01 span#btn_go_room {color: #9e7936; text-decoration: underline; cursor: pointer;}


#pre_hawai .accordion { background: #f7f2e7; position: relative; z-index: 10;}
#pre_hawai .accordion .accordion_tit2 { border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 3.9% 2.8%; position: relative;
background: linear-gradient( #a78649, #936a17);
background: -moz-linear-gradient(top, #a78649, #936a17); 　/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#a78649), to(#936a17));
　/* Safari,Google Chrome用 */
}

#pre_hawai .accordion .accordion_tit2 h3 { color: #fff; font-weight: bold; font-size: 120%; }
#pre_hawai .accordion .accordion_tit2 h3 img { width: 25%; margin-right: 10px; }
#pre_hawai .accordion .accordion_btn { position: absolute; width: 18%; padding-top: 18%; background: url(../img/btn_cl.png) no-repeat; background-size: 100%; top: 15%; right: 3%; cursor: pointer; }
#pre_hawai .accordion .accordion_btn.active { background: url(../img/btn_op.png) no-repeat; background-size: 100%; }
#pre_hawai .accordion_cnt { margin: 0 auto; padding: 3% 0 6.25%; }
#pre_hawai .accordion_cnt .note { text-align: center; padding: 3.9% 0 0; }
#pre_hawai .accordion_cnt .note dl dt { color: #ff5082; padding-bottom: 3%; font-size: 120%; }
#pre_hawai .accordion_cnt .note dl dd img { padding-top: 3%; }
#pre_hawai .accordion_cnt h5 { background: url(../img/bg_03.png); color: #fff; font-weight: bold; font-size: 120%; padding: 3% 5%; }
#pre_hawai .accordion_cnt .btn_cl { background: #e3daba; text-align: center; color: #a27f3e; font-weight: bold; cursor: pointer; padding: 2% 0; position: relative; }
#pre_hawai .accordion_cnt .btn_cl p img { width: 16px; margin-left: 10px; }



/* bl_order */
#pre_hawai #bl_order {background:#282828; padding-top: 50px; margin-top: -50px; }
#pre_hawai #bl_order .container {padding: 3% 0 4%;}
#pre_hawai #bl_order .box_bord {background: url(../img/bl_order_img.png) no-repeat; background-size: 30%; padding-left: 35%;}
#pre_hawai #bl_order .btn_ty_01 {border-radius: 10px;}
#pre_hawai #bl_order .btn_ty_01 a span {font-size: 140%;}

#pre_hawai #bl_order .text_01 {color: #eccb6f;}
#pre_hawai #bl_order .text_02 ,
#pre_hawai #bl_order .text_03 ,
#pre_hawai #bl_order .text_04 {color:#fff; }

#pre_hawai #bl_order .text_02 {color:#fff; font-size: 130%; font-weight: bold;}
#pre_hawai #bl_order .text_03 {color:#fff; }


@media screen and (max-width: 400px) {
#pre_hawai #bl_order .text_02 {font-size: 120%;}

}


/* bl_bana */
#pre_hawai #bl_bana {width: 65%; margin: 0 auto; padding: 9% 0 6%; }
#pre_hawai #bl_bana li {padding-bottom: 4%;}


#pre_hawai #bl_01 .fl { width: 35%; }
#pre_hawai #bl_01 .fr { width: 60%; }
#pre_hawai #bl_01 a.co_br {font-weight: bold; text-decoration: none;} 
#pre_hawai #bl_01 .pic {width: 80%; margin: 0 auto;}
#pre_hawai #bl_02 h2 {position: relative; z-index: 100;}
#pre_hawai #bl_02 #bl_hotel {padding-top: 50px; margin-top: -50px; }
#pre_hawai #bl_02 h4.tit_bg_02 span  {padding: 0!important;}

#pre_hawai #bl_02 h5 { border-top: solid 2px#9e7936; border-bottom: solid 2px#9e7936; padding: 3% 0; color: #323232; font-weight: bold; font-size: 120%; text-align: center; margin-bottom: 20px;}
#pre_hawai #bl_02 h5 span {font-size: 90%; font-weight: normal; color: #9e7936; display: block; padding-top: 5px;}
#pre_hawai #bl_02 .bl_02_hotel .hotel_name { color: #323232; font-size: 120%; font-weight: bold; text-align: center; }
#pre_hawai #bl_02 .bl_02_hotel .bl_02_hotel_room_box .pic {width: 80%; margin: 10px auto 20px;}
#pre_hawai #bl_02 .bl_02_hotel .bl_02_hotel_room_box .pic img {margin: 5px 0;}

#pre_hawai #bl_02 .bl_02_air .box_img div { width: 48%; }
#pre_hawai #bl_02 .bl_02_air dt { font-size: 120%; font-weight: bold; color: #323232; }
#pre_hawai #bl_02 .bl_02_air p.bl_02_air_text {padding: 20px; background: #fff; margin-bottom: 20px;}
#pre_hawai #bl_02 .bl_02_hotel .box_note { background: #fff; padding: 3%; }