@charset "UTF-8";

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

File name:      common.css
Created:        2017.08.28
Style Info:     クリスマス特集 common　CSS
----------------------------------------------------------- */
#xmas_ny {width:100%; color:#323232; background: url(../img/page_bg.jpg);}
#xmas_ny a {padding:0; color:#736357; text-decoration:none;}
#xmas_ny a:active,
#xmas_ny a:focus {outline:none;}

#xmas_ny a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#xmas_ny ul,
#xmas_ny ol,
#xmas_ny li {list-style:none;margin:0;padding:0;}
#xmas_ny .container {width:1140px; margin:0 auto; background: #b90035; padding: 40px 0 10px; position: relative;}
#xmas_ny .container:after {content: ""; display: block; width: 1140px; height: 102px; background: url(../img/deco_snow_01.png) no-repeat; position: absolute; top:-62px;}
#xmas_ny .container_inner {width:1080px; margin:0 auto;}
#xmas_ny .container p {color:#323232;font-size:13px;line-height:1.8;}
#xmas_ny .page-top {height:0;width:0;overflow:hidden;}

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

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

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


#xmas_ny .bl_note ul {font-weight: bold; color: #fff; text-align: center; padding: 25px 0;}

/*#xmas_ny #visual_h {background: #870019; padding: 10px;}*/
/*#xmas_ny #visual_h p {color: #fff; font-weight: bold; font-size: 14px; text-align: center; line-height: 100% !important;}*/
#xmas_ny #visual {background: #000 url(../img/visual_bg.jpg) no-repeat top center; height: 420px; text-align: center;}



/* #bl_01
----------------------------------------*/

#xmas_ny #bl_01 {background: #f9f6ee; padding: 10px;}
#xmas_ny #bl_01 .bl_01_inner {width: 1060px; border: solid 1px #9e7936; padding: 20px 0; background: url(../img/deco_snow_02.png) no-repeat top; position: relative;}
#xmas_ny #bl_01 .bl_01_inner:before {content: ""; display: block; width: 58px; height: 58px; background: url(../img/deco_plnat_01.png) no-repeat; position: absolute; top:-25px; left:-25px;}
#xmas_ny #bl_01 .bl_01_inner:after {content: ""; display: block; width: 58px; height: 58px; background: url(../img/deco_plnat_02.png) no-repeat; position: absolute; bottom:-25px; right:-25px;}

#xmas_ny #bl_01 .bl_01_content {width: 960px; margin: 0 auto;}
#xmas_ny #bl_01 h3 {margin-bottom: 34px;}

#xmas_ny #bl_01 .bl_01_box {margin-bottom: 30px; width: 462px; display: inline; float: left;}
#xmas_ny #bl_01 .bl_01_box.box_01 {width: 960px;}
#xmas_ny #bl_01 .bl_01_box.box_02 ,
#xmas_ny #bl_01 .bl_01_box.box_04 {margin-right: 36px;}


#xmas_ny #bl_01 .bl_01_box h4 {background: url(../img/icon_01.png) no-repeat; padding-left: 50px; line-height: 150%; margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #003368; min-height: 56px;}
#xmas_ny #bl_01 .bl_01_box.box_01 h4 {font-size: 22px;}
#xmas_ny #bl_01 .bl_01_box.box_01 h4 span {color: #f00028;}
#xmas_ny #bl_01 .bl_01_box.box_01 p {margin-bottom: 20px;}
#xmas_ny #bl_01 .bl_01_box.box_01 .bord {width: 775px; background: #f7e9d7; padding-top:10px; padding-left: 20px; height: 134px;}
#xmas_ny #bl_01 .bl_01_box.box_01 .bord ul  {margin-right: 40px; margin-bottom: 5px;}
#xmas_ny #bl_01 .bl_01_box.box_01 .bord ul li {color: #f00028; font-size: 14px; font-weight: bold; margin-bottom: 5px; letter-spacing: -0.1em;}

#xmas_ny #bl_01 .bl_01_box .bord {width: 215px;}

#xmas_ny #bl_01 .bl_01_box.box_04 .bord ,
#xmas_ny #bl_01 .bl_01_box.box_05 .bord_02 {width: 462px;}
#xmas_ny #bl_01 .bl_01_box.box_04 .pic ,
#xmas_ny #bl_01 .bl_01_box.box_05 .pic {margin-bottom: 10px;}

#xmas_ny #bl_01 .bl_01_box.box_04 .text_01 ,
#xmas_ny #bl_01 .bl_01_box.box_05 .text_01 {margin-bottom: 20px;}
#xmas_ny #bl_01 .bl_01_box.box_04 .text_02 ,
#xmas_ny #bl_01 .bl_01_box.box_05 .text_02 {font-size: 11px;}





/* bl_tour
----------------------------------------*/
#xmas_ny #bl_tour { margin-bottom: 40px;}
#xmas_ny #bl_tour .tour_sec {background: #fff; padding: 30px 0;}
#xmas_ny #bl_tour .tour_sec_inner {width: 1040px ; margin: 0 auto;}
#xmas_ny #bl_tour .tour_sec .tour_tab {border-bottom: solid 5px #9e7936;}
#xmas_ny #bl_tour .tour_sec .tour_tab li {width: 500px; height: 60px; border-radius: 10px 10px 0 0; float: left; font-size: 19px; font-weight: bold; text-align: center; color: #fff; line-height: 60px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #bda577), color-stop(0.00, #e1d7c1));
background: -webkit-linear-gradient(top, #e1d7c1 0%, #bda577 88%);
background: -moz-linear-gradient(top, #e1d7c1 0%, #bda577 88%);
background: -o-linear-gradient(top, #e1d7c1 0%, #bda577 88%);
background: -ms-linear-gradient(top, #e1d7c1 0%, #bda577 88%);
background: linear-gradient(to bottom, #e1d7c1 0%, #bda577 88%);
}
#xmas_ny #bl_tour .tour_sec .tour_tab li.active {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #936a15), color-stop(0.00, #a8874a));
background: -webkit-linear-gradient(top, #a8874a 0%, #936a15 88%);
background: -moz-linear-gradient(top, #a8874a 0%, #936a15 88%);
background: -o-linear-gradient(top, #a8874a 0%, #936a15 88%);
background: -ms-linear-gradient(top, #a8874a 0%, #936a15 88%);
background: linear-gradient(to bottom, #a8874a 0%, #936a15 88%);
}
#xmas_ny #bl_tour .tour_sec .tour_tab li:first-child {margin-right: 40px;}

#xmas_ny #bl_tour .tour_sec .bl_btn {padding-top: 20px;}
#xmas_ny #bl_tour .tour_sec .bl_btn li {width: 250px ; height: 50px; float:left; display: inline; margin-left: 12px;}
#xmas_ny #bl_tour .tour_sec .bl_btn li:first-child {margin-left: 0;}
#xmas_ny #bl_tour .tour_sec .bl_btn li a {width: 100%; height: 100%; display: block; font-size: 15px; font-weight: bold; color: #fff; background: #003469; border-radius: 10px; text-align: center; line-height: 50px; position: relative;}
#xmas_ny #bl_tour .tour_sec .bl_btn li a span:after {content:""; display: block; width: 10px; height: 8px; background: url(../img/arrow_01.png);position:absolute;top:50%;right:15px; margin-top: -4px;}



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


#xmas_ny .contents .tourlist_img {position:absolute;top:20px;left:50px;width:224px;padding-top:174px;background:url(../../../../lp/xmas_ny/img/top/sec3_txt_01.png) center top no-repeat;}
#xmas_ny .contents .tourlist_img img {width:100%;height:auto;}
#xmas_ny .contents .tourlist_txt {overflow:hidden;margin-bottom:30px;}
#xmas_ny .contents .tourlist_txt p {padding-left:300px;line-height:2;}
#xmas_ny .contents .tourlist_txt p b {color:#b51d2e;font-weight:bold;}
#xmas_ny .contents .tour_sec .map {float:left;width:270px;height:280px;padding:4px;border:1px solid #ecc3a4;background:#fff;line-height:1;font-size:0;}
#xmas_ny .contents .tour_sec .map img {width:100%;height:auto;}
#xmas_ny .contents .tourlist .title_02.tit_01 span {background-image:url(../../../../lp/xmas_ny/img/tourlist1_tit.png);}
#xmas_ny .contents .tourlist .title_02.tit_02 span {background-image:url(../../../../lp/xmas_ny/img/tourlist2_tit.png);}
#xmas_ny .contents .tourlist .title_02.tit_03 span {background-image:url(../../../../lp/xmas_ny/img/tourlist3_tit.png);}
#xmas_ny .tourcnt {position:relative;overflow:hidden;border:5px solid #c6b198;padding:15px;margin-top:10px;}
#xmas_ny .tourcnt .tour_title {font-size:16px;font-weight:bold;line-height:1.4;margin:0 0 10px 0; border-bottom: solid 1px #aaaaaa;}
#xmas_ny .tourcnt .tour_title a {color:#736357;}
#xmas_ny .tourcnt .tour_title a:hover {text-decoration:underline;}
#xmas_ny .tourcnt_left {float:left;width:168px;}
#xmas_ny .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#xmas_ny .tourcnt_left .img a {display:block;}
#xmas_ny .tourcnt_left .img img {width:100%;}
#xmas_ny .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#xmas_ny .tourcnt_left .tour_days span {display:block;}
#xmas_ny .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#95452a;color:#fff;font-size:11px;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;}
#xmas_ny .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#xmas_ny .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#b90035;color:#fff;font-size:11px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#xmas_ny .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#xmas_ny .tourcnt_right {padding:0 0 50px 188px;}
#xmas_ny .tourcnt_right .tour_info {overflow:hidden;}
#xmas_ny .tourcnt_right dl {float:left;width:300px;overflow:hidden;margin:0;}
#xmas_ny .tourcnt_right dt {clear:left;float:left;background:#b90035;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#xmas_ny .tourcnt_right dd {font-size:11px;line-height:1.4;padding:3px 0 0 70px;margin-top:5px;}
#xmas_ny .tourcnt_right dt:first-of-type,
#xmas_ny .tourcnt_right dd:first-of-type {margin-top:0;}
#xmas_ny .tourcnt_right .tour_price {float:right;width:250px;}
#xmas_ny .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:11px;line-height:20px;padding:0 10px;font-weight:bold;background:#b90035;}
#xmas_ny .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#xmas_ny .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#xmas_ny .tourcnt_right .tour_price .price span {display:inline-block;}
#xmas_ny .tourcnt_right .tour_price .price_max {font-size:20px;}
#xmas_ny .tourcnt_right .tour_price .price_min {font-size:12px;margin:8px 0 0 5px;}
#xmas_ny .tourcnt_right .tour_price .txt {font-size:10px;}
#xmas_ny .tourcnt_right .tour_link {position:absolute;bottom:15px;right:15px;width:190px;}
#xmas_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; 
		}
#xmas_ny .tourcnt_right .tour_link a:after {content:"▶";position:absolute;top:0;right:10px;}



/* bl_info */
#xmas_ny .bl_info {width: 1080px; height: 200px; margin: 0 auto; background: url(../img/info_bg.jpg) no-repeat; margin-bottom: 50px; position: relative;}
#xmas_ny .bl_info h3 ,
#xmas_ny .bl_info .bord ,
#xmas_ny .bl_info .text_02 {position: absolute;}
#xmas_ny .bl_info h3  {top: 22px; left: 36px;}
#xmas_ny .bl_info .bord  {top: 70px; left: 40px; background: #fff; width:570px; height: 110px; border-radius: 10px; padding: 25px; }
#xmas_ny .bl_info .text_02 {bottom: 0px; right: 0px;}
#xmas_ny .bl_info .bord p {font-size: 22px; font-weight: bold; line-height: 1.5;}
#xmas_ny .bl_info .bord p span {color: #f00028;}


/* bl_photo */
#xmas_ny #bl_photo {}
#xmas_ny #bl_photo ul.photo_list li {float: left; width: 350px; padding: 5px; background: #fff; display: inline; margin-right:15px; margin-bottom: 25px;}
#xmas_ny #bl_photo ul.photo_list li:nth-child(3n) {margin-right: 0;}
#xmas_ny #bl_photo .bl_note {padding: 0 0 25px;}
#xmas_ny #bl_photo .bl_note p {text-align: right; color: #fff; font-weight: bold;}


#xmas_ny #visual_h {
	background: #870019;
	padding: 10px;
	overflow: hidden;
}
#xmas_ny #visual_h ul {
	width: 1140px;
	margin: 0 auto;
	overflow: hidden;
}
#xmas_ny #visual_h li {
	width: 33%;
	float: left;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
}
#xmas_ny #visual_h li a {
	padding-left: 40px;
	color: #fff;
	background: url(../img/icon.jpg) no-repeat left center;
	background-size: 40px;
}
#xmas_ny #visual_h p {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 100% !important;
}
