@charset "UTF-8";

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

File name:      top.css
Created:        2017-6-20
Style Info:     プレミアムNY特集 TOP page　CSS
----------------------------------------------------------- */

#pre_ny.main .w_420 {width: 420px;}
#pre_ny.main .w_510 {width: 510px;}
#pre_ny.main .co_br {color: #9e7936;}

#pre_ny.main small {font-size: 10px; display: block;}

#pre_ny.main .visual {background:#f9f6ee; padding: 30px 0 20px; text-align: center; border-bottom: solid 5px #323232;}
#pre_ny.main .visual .visual_text_01 {margin-bottom: 20px;}
#pre_ny.main .visual .inner { background: url(../img/top/visual_bg_01.png) ; width: 1140px; height: 480px; margin: 0 auto; position: relative;}
#pre_ny.main .visual .inner h2 ,
#pre_ny.main .visual .inner div {position: absolute;}
#pre_ny.main .visual .inner h2  {top: 0px; left: 50px; z-index: 10;}
#pre_ny.main .visual .inner div {top: 20px; left: 0px; background: url(../img/top/visual_bg_02.png); width:480px; height: 320px;}
#pre_ny.main .visual .inner div p {width: 390px; color: #fff; text-align: left; margin-top: 210px; margin-left: 50px;}


#pre_ny.main #bl_01 {padding-top: 30px;}
#pre_ny.main #bl_01 h3 {margin-bottom: 40px;}

#pre_ny.main #bl_01 .bl_box {margin-bottom: 20px;}
#pre_ny.main #bl_01 .box {width: 490px;}
#pre_ny.main #bl_01 .box:nth-child(1) {float: left;} 
#pre_ny.main #bl_01 .box:nth-child(2) {float: right;} 

#pre_ny.main #bl_01 .box .box_01 {position: relative; width: 490px; height: 200px;}
#pre_ny.main #bl_01 .box .box_01 .text_01 ,
#pre_ny.main #bl_01 .box .box_01 .bl_img {position: absolute;}
#pre_ny.main #bl_01 .box .box_01 .bl_img p {font-size: 10px;}
#pre_ny.main #bl_01 .box .box_01 .text_01 {width: 290px; top: 0; right: 0;}



#pre_ny.main #bl_hotel {background: url(../img/top/hotel_bg.png) repeat-x; padding-bottom: 60px; }
#pre_ny.main #bl_hotel h3 {margin-bottom: 40px;}
#pre_ny.main #bl_hotel h4 {margin-bottom: 30px; text-align: center; font-size: 24px; font-weight: bold;}
#pre_ny.main #bl_hotel h4 img {margin-top: 10px;}

#pre_ny.main #bl_hotel .box_img {margin-bottom: 30px;}
#pre_ny.main #bl_hotel .fr ,
#pre_ny.main #bl_hotel .fl {width: 520px;}

#pre_ny.main #bl_hotel .bl_hotel_01 h5 { background: url(../img/tour_panel_tit_bg.png) repeat-x; height: 62px;; color: #323232; font-size: 17px; line-height: 62px; font-weight: bold; padding-left: 35px; margin-bottom: 20px;}
#pre_ny.main #bl_hotel .bl_hotel_01 h5 img {margin-left: 30px;}

#pre_ny.main #bl_hotel .bl_hotel_01 {position: relative; margin-bottom: 50px;}
#pre_ny.main #bl_hotel .bl_hotel_01 .bl_btn {position: absolute; bottom: 0; right: 0;}
#pre_ny.main #bl_hotel .bl_hotel_01 .bl_btn a { display: block; position: relative; width: 370px; height: 60px; border-radius: 10px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; line-height: 60px; 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.main #bl_hotel .bl_hotel_01 .bl_btn a span:after { content: url(../img/arrow_03.png); position: absolute; right: 15px; top: 0px; }

#pre_ny.main #bl_hotel .bl_hotel_02 {background: #f9f6ee; padding-bottom: 40px;}
#pre_ny.main #bl_hotel .bl_hotel_02 h5 {margin-bottom: 35px;}
#pre_ny.main #bl_hotel .bl_hotel_02 .bl_hotel_wrap  {width: 960px; margin: 0 auto 5px; }
#pre_ny.main #bl_hotel .bl_hotel_02 .box_note {width: 420px;}
#pre_ny.main #bl_hotel .bl_hotel_02 .box_img {width: 510px; margin: 0;}
#pre_ny.main #bl_hotel .bl_hotel_02 .box_img.fr {text-align: right;}
#pre_ny.main #bl_hotel .bl_hotel_02 .box_note dt {font-size: 17px; font-weight: bold; margin-bottom: 30px; padding-top: 20px;}
#pre_ny.main #bl_hotel .bl_hotel_02 .box_note.fr dt {padding-top: 40px;}
#pre_ny.main #bl_hotel .bl_hotel_02 .box_note dt img {margin-top: 15px;}

#pre_ny.main #bl_hotel .bl_hotel_02 .box_text {width: 960px; height: 40px; margin: 20px auto 0; background: #323232; padding: 0 20px;}
#pre_ny.main #bl_hotel .bl_hotel_02 .box_text p {color: #fff; line-height: 40px;}

#pre_ny.main #bl_hotel .bl_hotel_01 small ,
#pre_ny.main #bl_hotel .bl_hotel_02 small {padding-top: 5px;}



#pre_ny.main #bl_03 .bl_03_box {width: 960px; margin: 0 auto;}

#pre_ny.main #bl_03 h3 ,
#pre_ny.main #bl_04 h3 {margin-bottom: 20px;}
#pre_ny.main #bl_03 h4 {font-weight: bold; font-size: 17px; margin-bottom: 10px;}
#pre_ny.main #bl_03 dt {margin-bottom: 20px; color: #9e7936; font-size: 17px; font-weight: bold; text-align: center;}


#pre_ny.main #bl_03 ,
#pre_ny.main #bl_04 {background: #f9f6ee; padding-bottom: 35px; margin-bottom: 60px; width: 1040px;}
#pre_ny.main #bl_04 .bl_04_box {width: 960px; margin: 0 auto;}
#pre_ny.main #bl_04 dt {font-size: 17px; font-weight: bold; margin-bottom: 20px;}

#pre_ny.main #bl_04 p {background: #fff; width: 100%; padding: 10px;}

#pre_ny.main #bl_05 { background : #fff; border: solid 2px #9e7936; padding: 2px; margin-bottom: 55px;}
#pre_ny.main #bl_05_inner { border: solid 1px #9e7936; padding: 15px 0 10px; background: url(../img/top/bl_05_bg.png) repeat-x;}
#pre_ny.main #bl_05_inner .container {width: 960px; background: none;}
#pre_ny.main #bl_05_inner .container h3 { margin-bottom: 30px;}
#pre_ny.main #bl_05_inner .container .box_01 {margin-bottom: 30px;}
#pre_ny.main #bl_05_inner .container .box_01 .fl {width: 227px;}
#pre_ny.main #bl_05_inner .container .box_01 .fr {width: 712px;}
#pre_ny.main #bl_05_inner .container .box_01 .fr p.note {font-size: 15px; font-weight: bold; color: #000; margin-bottom: 10px; line-height: 160%;}
#pre_ny.main #bl_05_inner .container .box_01 .fr dl {margin: 0;}
#pre_ny.main #bl_05_inner .container .box_01 .fr dl dt {margin-bottom: 8px;}
#pre_ny.main #bl_05_inner .container .box_01 .fr dl dd {width: 352px; background: #eccb6f; padding: 6px; border-radius: 5px;}
#pre_ny.main #bl_05_inner .container .box_01 .fr dl dd p {padding: 5px 10px; background: #fff; border-radius: 5px;}

#pre_ny.main #bl_05_inner .container .box_02 h4 {margin-bottom: 25px;}
#pre_ny.main #bl_05 .hotel_list_box {position: relative; border-bottom: solid 1px #9e7936; margin-bottom: 25px;}
#pre_ny.main #bl_05 .hotel_list_box h5 {display: inline; margin-right: 20px; font-size: 17px; font-weight: bold; color: #323232;}
#pre_ny.main #bl_05 .hotel_list_box p {display: inline;}
#pre_ny.main #bl_05 .hotel_list_box img {padding: 10px 0 2px;}
#pre_ny.main #bl_05 .hotel_list_box ul { position: absolute; bottom: 5px; right: 0;}
#pre_ny.main #bl_05 .hotel_list_box ul li {display: inline-block; width: 125px; height: 30px;}
#pre_ny.main #bl_05 .hotel_list_box ul li a {display: block; text-align: center;  line-height: 30px; border-radius: 5px; text-decoration: none; position: relative;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(146, 105, 20, 1) 0%,rgba(158, 121, 54, 1) 50%,rgba(192, 157, 96, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(146, 105, 20, 1) 0%, rgba(158, 121, 54, 1) 50%, rgba(192, 157, 96, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(146, 105, 20, 1) ),color-stop(0.5,rgba(158, 121, 54, 1) ),color-stop(1,rgba(192, 157, 96, 1) ));
  background : -o-linear-gradient(90deg, rgba(146, 105, 20, 1) 0%, rgba(158, 121, 54, 1) 50%, rgba(192, 157, 96, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(146, 105, 20, 1) 0%, rgba(158, 121, 54, 1) 50%, rgba(192, 157, 96, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#926914', endColorstr='#C09D60' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(146, 105, 20, 1) 0%, rgba(158, 121, 54, 1) 50%, rgba(192, 157, 96, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C09D60',endColorstr='#926914' , GradientType=0);
}
#pre_ny.main #bl_05 .hotel_list_box ul li a span {color: #fff; font-weight: bold; ;}
#pre_ny.main #bl_05 .hotel_list_box ul li a span:after {content: ""; background: url(../img/arrow_btn_next.png) no-repeat center; background-size: 100%; display: block; width: 5px; height: 100%; position: absolute; right: 10px; top: 0;}