@charset "UTF-8";
/* CSS Document */

#xmas{width:100%; background-color:#000;}
#xmas_lp{width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden; text-align:center;}
img{width:100%;}

.message{width:60%; margin:8% 0;}
#xmas_lp h3{width:50%; margin:0 auto;}
.giftbag img{width:70%; margin-bottom:8%;}

#xmas_item{width:100%;}
.nav{width:70%; margin:5% auto 0 auto; overflow:hidden;}
.nav span{width:18%; display:block; float:left; margin:1% 5%;}

.item_in{width:70%; clear:both; margin:5% auto; overflow:hidden;}
.item_in ul{width:100%; margin:5% 0; overflow:hidden;}
.item_in ul li{width:23%; float:left; margin:0 1% 2% 1%; height:400px;}
.item_in ul li a{color:#fff;}
.item{font-size:70%; margin:5% 0; line-height:130%; padding:3% 0; display:block; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.item_in ul li a div{font-size:80%; line-height:150%; text-align:left;}
.item_in ul li a b{float:right; margin:3% 0; color:#D90508; font-size:90%; font-weight:bold;}
.item_in ul li a b::after {content: "円(税込)";}
.end{clear:both; width:70%; margin:5% 0 10% 0;}

@media screen and (max-width: 768px) {
.message{width:100%;}
#xmas_lp h3{width:80%;}
.giftbag img{width:100%;}
	
#xmas_item{width:90%; margin:0 auto;}

.nav{width:100%;}
.nav span{width:23%;}

.item_in{width:100%;}
.item_in ul li{width:48%; height:370px;}

.end{width:100%; margin:5% 0 20% 0;}

}