@charset "UTF-8";

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

File name:      common.css
Created:        2017-6-20
Style Info:     プレミアムNY特集 common　CSS
----------------------------------------------------------- */
#pre_ny {width:100%; color:#323232; background: url(../img/bg.png);}
#pre_ny a {padding:0; color:#283282; text-decoration:underline;}
#pre_ny a:active,
#pre_ny a:focus {outline:none;}


#pre_ny a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#pre_ny ul,
#pre_ny ol,
#pre_ny li {list-style:none;margin:0;padding:0;}
#pre_ny .container {width:1140px; margin:0 auto; background: #fff;}
#pre_ny .container_inner {width: 1040px; margin: 0 auto;}

#pre_ny li ,
#pre_ny dt ,
#pre_ny dd ,
#pre_ny p {color:#323232;font-size:13px;line-height:1.8;}
#pre_ny .page-top {height:0;width:0;overflow:hidden;}

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

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

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




#pre_ny .mb_10{margin-bottom: 10px;}
#pre_ny .mb_15{margin-bottom: 15px;}
#pre_ny .mb_20{margin-bottom: 20px;}
#pre_ny .mb_25{margin-bottom: 25px;}
#pre_ny .mb_30{margin-bottom: 30px;}
#pre_ny .mb_35{margin-bottom: 35px;}
#pre_ny .mb_40{margin-bottom: 40px;}
#pre_ny .mb_45{margin-bottom: 45px;}
#pre_ny .mb_50{margin-bottom: 50px;}
#pre_ny .mb_55{margin-bottom: 55px;}
#pre_ny .mb_60{margin-bottom: 60px;}
#pre_ny .mb_65{margin-bottom: 65px;}
#pre_ny .mb_70{margin-bottom: 70px;}


#pre_ny .ph {background: url(../img/bg_01.png); width: 100%; height: 110px;}
#pre_ny .ph .inner {position: relative; width: 1140px; height: 110px; margin: 0 auto;}
#pre_ny .ph .inner img ,
#pre_ny .ph .inner p ,
#pre_ny .ph .inner ul {position: absolute;}

#pre_ny .ph .inner img {top: 0; left: 0;}
#pre_ny .ph .inner p   {top: 22px; left: 190px; color: #fff;}
#pre_ny .ph .inner ul  {bottom: 0; right: 0;}

#pre_ny .ph .inner ul li {float: left; display: inline; margin-left: 5px; width:226px; height: 50px; text-indent: -9999px; }
#pre_ny .ph .inner ul li a {display: block; width: 100%; height: 100%;}

#pre_ny .ph .inner ul li.navi_01  {background: url(../img/navi_01_off.png);}
#pre_ny .ph .inner ul li.navi_02  {background: url(../img/navi_02_off.png);}
#pre_ny .ph .inner ul li.navi_03  {background: url(../img/navi_03_off.png);}
#pre_ny .ph .inner ul li.navi_04  {background: url(../img/navi_04_off.png);}

#pre_ny .ph .inner ul li.navi_01:hover {background: url(../img/navi_01_on.png);}
#pre_ny .ph .inner ul li.navi_02:hover {background: url(../img/navi_02_on.png);}
#pre_ny .ph .inner ul li.navi_03:hover {background: url(../img/navi_03_on.png);}
#pre_ny .ph .inner ul li.navi_04:hover {background: url(../img/navi_04_on.png);}

#pre_ny .ph .inner ul li a {z-index: 100; position: relative;}

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

#pre_ny .bl_tour h3 {margin-bottom: 30px;}


#pre_ny .tourlist .panel {box-shadow:none; margin-bottom: 50px;}
#pre_ny .tourlist .panel h4 { background: url(../img/tour_panel_tit_bg.png) repeat-x; height: 62px;; color: #9e7936; font-size: 17px; line-height: 62px; font-weight: bold; padding-left: 35px;}

#pre_ny .tourlist .panel .bl_btn {padding-top: 20px;}
#pre_ny .tourlist .panel .bl_btn ul li {width: 330px; height: 50px; float: left; margin-right: 24px; display: inline; margin-bottom: 10px;}
#pre_ny .tourlist .panel .bl_btn ul li:nth-child(3n) {margin-right: 0;}
#pre_ny .tourlist .panel .bl_btn ul li a { display: block; position: relative; width: 330px; height: 50px; border-radius: 10px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; line-height: 50px; text-decoration: none;
		background: linear-gradient(#bc985b, #956d1c);
		background: -moz-linear-gradient(top, #bc985b, #956d1c);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#bc985b), to(#956d1c));　/* Safari,Google Chrome用 */ 
	
}
#pre_ny .tourlist .panel .bl_btn ul li a span:after { content: url(../img/arrow_02.png); position: absolute; right: 15px; top: 0px; }

#pre_ny .tourcnt {position:relative;overflow:hidden;border:5px solid #f0f0f0;padding:15px;margin-top:10px;}
#pre_ny .tourcnt .tour_title {font-size:16px;font-weight:bold;line-height:1.4;margin:0 0 10px 0; padding-bottom: 10px; border-bottom: solid 1px #aaaaaa;}
#pre_ny .tourcnt .tour_title a {color:#736357; text-decoration: none; font-size: 16px; font-weight: bold;}
#pre_ny .tourcnt .tour_title a:hover {text-decoration:underline;}
#pre_ny .tourcnt_left {float:left;width:200px;}
#pre_ny .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#pre_ny .tourcnt_left .img a {display:block;}
#pre_ny .tourcnt_left .img img {width:100%;}
#pre_ny .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#pre_ny .tourcnt_left .tour_days span {display:block;}
#pre_ny .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#988575;color:#fff;font-size:13px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-right:5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#pre_ny .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#pre_ny .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#323232;color:#fff;font-size:13px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#pre_ny .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#pre_ny .tourcnt_right {padding:0 0 50px 215px;}
#pre_ny .tourcnt_right .tour_info {overflow:hidden;}
#pre_ny .tourcnt_right dl {float:left;width:300px;overflow:hidden;margin:0; width: 450px; }
#pre_ny .tourcnt_right dt {clear:left;float:left;background:#323232;color:#fff;font-size:13px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#pre_ny .tourcnt_right dd {font-size:13px;line-height:1.4;padding:3px 0 0 70px;margin-top:5px;}
#pre_ny .tourcnt_right dt:first-of-type,
#pre_ny .tourcnt_right dd:first-of-type {margin-top:0;}
#pre_ny .tourcnt_right .tour_price {float:right;width:300px;}
#pre_ny .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:13px;line-height:20px;padding:0 10px;font-weight:bold;background:#323232;}
#pre_ny .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#pre_ny .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#pre_ny .tourcnt_right .tour_price .price span {display:inline-block;}
#pre_ny .tourcnt_right .tour_price .price_max {font-size:24px;}
#pre_ny .tourcnt_right .tour_price .price_min {font-size:14px;margin:8px 0 0 5px;}
#pre_ny .tourcnt_right .tour_price .txt {font-size:12px;}
#pre_ny .tourcnt_right .tour_link {position:absolute;bottom:15px;right:20px;width:190px;}
#pre_ny .tourcnt_right .tour_link a {position:relative;display:block;height:40px;color:#fff;font-size:15px;font-weight:bold;text-align:center;line-height:40px; text-decoration:none;
  border-radius: 20px;
	background:#3366c8; 
		}
#pre_ny .tourcnt_right .tour_link a:after {display:block;content:"";width:8px;height:10px;position:absolute;top:50%;right:10px;margin-top:-5px;background: url(../img/arrow_01.png) top center no-repeat; background-size:8px;}


#pre_ny #bl_order {background: url(../img/bg_01.png); padding-bottom: 10px; margin-bottom: 70px; }
#pre_ny #bl_order p {color: #fff;}
#pre_ny #bl_order p.text_01 {padding: 30px 0 40px; text-align: center;}
#pre_ny #bl_order p.text_02 {font-size: 17px; font-weight: bold; margin-bottom: 15px;}

#pre_ny #bl_order aside {color: #fff; margin-bottom: 15px;}

#pre_ny #bl_order .bl_order_box {width: 1020px; margin: 0 auto; border-bottom: solid 1px #9e7936; }
#pre_ny #bl_order .bl_order_box .clearfix {width: 860px; margin: 0 auto 35px;}

#pre_ny #bl_order .bl_order_box .clearfix .fl {width: 412px;}
#pre_ny #bl_order .bl_order_box .clearfix .fr {width: 400px;}


#pre_ny #bl_order .bl_order_box .bl_btn {width: 400px; height: 50px; margin-bottom: 10px;}
#pre_ny #bl_order .bl_order_box .bl_btn a { display: block; position: relative; width: 400px; height: 50px; border-radius: 10px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; line-height: 50px; text-decoration: none;
		background: linear-gradient(#bc985b, #956d1c);  
		background: -moz-linear-gradient(top, #bc985b, #956d1c);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#bc985b), to(#956d1c));　/* Safari,Google Chrome用 */ 
	
}
#pre_ny #bl_order .bl_order_box .bl_btn a span:after { content: url(../img/arrow_02.png); position: absolute; right: 15px; top: 0px; }

#pre_ny .bl_bana {margin-bottom: 60px;}
#pre_ny .bl_bana ul li {float: left; display: inline; margin-right: 20px; margin-bottom: 20px;}
#pre_ny .bl_bana ul li:nth-child(even) {margin-right: 0;}