@charset "UTF-8";

.pc{ display: block !important; }
.sp{ display: none !important; }

/* クリスマス・年末年始特集2017 */
#winterSaleImg { width: 100%; height: 449px; text-align: center; background: #001846; border: none; margin: 0 auto 50px auto; padding: 0;}
.winterSaleTtl { text-align: center; font-size: 28px; line-height: 48px; color: #000000; border: none; margin: 0 auto 18px auto; padding: 0;}
.winterSaleDesc { text-align: center; font-size: 14px; line-height: 30px; color: #666666; margin: 0 auto 25px auto;}

#winterSaleRule { 
	width: 960px;
	margin: 0 auto;
	padding: 66px 0 0 0 ;
	background: url('/campaign/winter_sale2017/images/bg_rule.gif') no-repeat center top;
}
#winterSaleRule h3 { margin: -2px 0 0 0; padding: 23px 0 22px 0; text-align: center; background: #c22121; color: #ffffff; font-size: 28px; font-weight: bold; line-height: 43px; }
#winterSaleRule div { padding: 40px 40px 10px 40px; border: 10px solid #c22121; background: #ffffff; }
#winterSaleRule div dl { color: #c22121; line-height: 31px; }
#winterSaleRule div dt { font-weight: bold; font-size: 15px; }
#winterSaleRule div dd { margin: 0 0 30px 0; font-size: 14px; }
#winterSaleRule div dd a { color: #c22121; text-decoration: underline; }

#winterSaleTour{ width: 960px; margin: 80px auto 0; }
#winterSaleTour ul{ font-size: 0px; }
#winterSaleTour ul li{ width: 220px; display: inline-block; margin-bottom: 72px; margin-right: 26px; font-size: initial; vertical-align: top;}
#winterSaleTour ul li:nth-child(4n){margin-right: 0;} 
#winterSaleTour ul li .icon::before {
	content:" ";
	position: absolute;
	top: -19px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:37px;
    height:39px;
    background: url(/images/top_2/icon_hot.png);  
    background-size:contain;
}
#winterSaleTour ul li .area{ margin: 10px 0 5px;}
#winterSaleTour ul li h3{ font-size: 14px; line-height: 20px; color: #333333; padding-bottom: 10px; border-bottom: 1px dotted rgba(94, 94, 94, 0.5);}
#winterSaleTour .rating{ margin: 15px 0 5px;}



@media screen and (max-width:768px){
	
.pc{ display: none !important; }
.sp{ display: block !important; }

#winterSaleImg { width: 100%; height: auto; }
#winterSaleImg img { width: 100%; height: auto; }
.winterSaleTtl { font-size: 22px; line-height: 40px; }
.winterSaleDesc { width: 86.4%; margin: 0 auto 25px auto;}

#winterSaleRule { width: 86.4%; margin: 40px auto; }
#winterSaleRule h3 { font-size: 22px; line-height: 36px; padding: 23px 15px 10px 15px; }
#winterSaleRule div { padding: 30px 10px 0 10px; }
		
#winterSaleTour { width: 86.4%; margin: 40px auto; }
#winterSaleTour ul{ font-size: 0px; }
#winterSaleTour ul li{ width: 45.37%; display: inline-block; margin-right: 9.26%; margin-bottom: 40px; font-size: initial;}
#winterSaleTour ul li:nth-child(2n){margin-right: 0;}
#winterSaleTour ul li:nth-last-child(-n+2){margin-bottom:0;}
#winterSaleTour ul li .icon::before {
	content:" ";
	position: absolute;
	top: -12px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:28px;
    height:29px;
    background: url(/images/top_2/icon_hot.png);  
    background-size:contain;
}
#winterSaleTour ul li .area{ margin: 10px 0 5px;}
#winterSaleTour ul li h3{ font-size: 12px; line-height: 18px; color: #333333; padding-bottom: 10px; border-bottom: 1px dotted rgba(94, 94, 94, 0.5);}
#winterSaleTour .rating{ margin: 12px 0 10px;}
#winterSaleTour .rating li{margin: 0;}



}