@charset "UTF-8";

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

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

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

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

#pre_ny h1,
#pre_ny h2,
#pre_ny h3,
#pre_ny h4,
#pre_ny h5,
#pre_ny h6 { margin: 0; }

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

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

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

#pre_ny .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_ny .btn_ty_01 a { width: 100%; height: 100%; display: block; position: relative; text-decoration: none; text-align: center; }
#pre_ny .btn_ty_01 a span { color: #fff; font-size: 120%; font-weight: bold; line-height: 60px; }
#pre_ny .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_ny .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_ny .tit_bg_01 { background: #282828; }
#pre_ny .ph { background: url(../img/bg_01.png); position: relative; padding: 1.5625% 0 3.125%; text-align: center; border-top: solid 5px #479db8; }
#pre_ny .ph p { color: #fff; }
#pre_ny .ph .img_01 { width: 37.8%; margin: 0 auto; padding-bottom: 1%; }
#pre_ny .ph .bl_btn { width: 18.3%; position: absolute; top: 10%; right: 3.9%; }

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

#pre_ny .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_ny .sec_tourlist .tourcnt { border: solid 1px #d2d2d2; margin-bottom: 10px; height: auto; }
#pre_ny .sec_tourlist .tourcnt .inner { float: left; display: inline; width: 95%; }
#pre_ny .sec_tourlist .tourcnt .tour_link { float: left; display: inline; width: 5%; background: #62b0a4; text-indent: -9999px; }

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

#pre_ny .sec_tourlist .tourcnt .tour_link a { width: 100%; height: 100%; display: block; background: url(../img/arrow_next_w.png) no-repeat center; }
#pre_ny .sec_tourlist .tourcnt .tour_tit { background: #e6f3f1; font-size: 90%; line-height: 140%; }
#pre_ny .sec_tourlist .tourcnt .tour_tit a { text-decoration: none; color: #323232; font-weight: bold; }
#pre_ny .sec_tourlist .tourcnt .tour_tit,
#pre_ny .sec_tourlist .tourcnt .bord { padding: 3%; }
#pre_ny .sec_tourlist .tourcnt .bord img { float: left; display: inline; width: 38%; }
#pre_ny .sec_tourlist .tourcnt .bord .tour_info { float: right; display: inline; width: 60%; }
#pre_ny .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_ny .sec_tourlist .tourcnt .bord .tour_info .price { color: #ff0000; font-weight: bold; line-height: 120%; margin-bottom: 5px; }
#pre_ny .sec_tourlist .tourcnt .bord .tour_info .price .price_max { font-size: 130%; }
#pre_ny .sec_tourlist .tourcnt .bord .tour_info p.txt { color: #646464; font-size: 80%; line-height: 120%; }
#pre_ny .sec_tourlist .bl_btn ul li { padding-bottom: 1%;}
#pre_ny .sec_tourlist .bl_btn ul li a {font-size: 110%; font-weight: bold;}



#pre_ny .accordion { background: #f7f2e7; position: relative; z-index: 10;}
#pre_ny .accordion .accordion_tit { 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_ny .accordion .accordion_tit h3 { color: #fff; font-weight: bold; font-size: 120%; }
#pre_ny .accordion .accordion_tit h3 img { width: 25%; margin-right: 10px; }
#pre_ny .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_ny .accordion .accordion_btn.active { background: url(../img/btn_op.png) no-repeat; background-size: 100%; }
#pre_ny .accordion_cnt { margin: 0 auto; padding: 3% 0 6.25%; }
#pre_ny .accordion_cnt .note { text-align: center; padding: 3.9% 0 0; }
#pre_ny .accordion_cnt .note dl dt { color: #ff5082; padding-bottom: 3%; font-size: 120%; }
#pre_ny .accordion_cnt .note dl dd img { padding-top: 3%; }
#pre_ny .accordion_cnt h4 { background: url(../img/bg_03.png); color: #fff; font-weight: bold; font-size: 120%; padding: 3% 5%; }
#pre_ny .accordion_cnt .btn_cl { background: #e3daba; text-align: center; color: #a27f3e; font-weight: bold; cursor: pointer; padding: 2% 0; position: relative; }
#pre_ny .accordion_cnt .btn_cl p img { width: 16px; margin-left: 10px; }



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

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

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


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

}


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