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

body {
	margin:0;
	padding:0;
	background:#b71d1d url(../../../images/christmas_2017_bg.png)}

header{
	position: fixed;
	margin:0 auto;
	padding:10px 0 0;
	background:url(../../../images/christmas_2017_header_bg.png) repeat repeat rgba( 183, 29, 29, 0.85 );
	width:100%;}

#haed_inner{
	overflow:hidden;}

#copyright {
	color:#FFFFFF;}

/* --- nav --- */
nav {
	clear:both;
	width:auto;
	margin:10px auto 0;
	padding:0;
	background:#276946 url(../../../images/christmas_2017_nav_bg.png) repeat-x;}

nav ul {
	clear:both;
	width:1200px;
	margin:0 auto;
	padding:0;
	font-size:0;}

nav ul li{
	display:inline-block;
	width:240px;
	margin:0;
	font-size:18px;
	text-align:center;
	line-height:2.4em;}

/* --- link --- */
nav ul li a{display:block;}
nav ul li a:link{color:#ffffff;}
nav ul li a:visited{color:#ffffff;}
nav ul li:nth-of-type(1) a:hover{ color:#ffbbc6;}
nav ul li:nth-of-type(2) a:hover{ color:#adebff;}
nav ul li:nth-of-type(3) a:hover{ color:#ffeeba;}
nav ul li:nth-of-type(4) a:hover{ color:#dec7ff;}
nav ul li:nth-of-type(5) a:hover{ color:#c7ffc7;}
nav ul li:nth-of-type(6) a:hover{ color:#fff6c7;}
nav ul li:nth-of-type(7) a:hover{ color:#ffd4c7;}
nav ul li:nth-of-type(8) a:hover{ color:#c7f5ff;}
nav ul li:nth-of-type(9) a:hover{ color:#ffe5c7;}
nav ul li:nth-of-type(10) a:hover{ color:#ffc7c7;}

/* --- background --- */
nav ul li:nth-of-type(1) {background:url(../../../images/christmas_2017_nav_li_down_bg.png) repeat-y;}
nav ul li:nth-of-type(2) {background:url(../../../images/christmas_2017_nav_li_down_bg.png) repeat-y;}
nav ul li:nth-of-type(3) {background:url(../../../images/christmas_2017_nav_li_down_bg.png) repeat-y;}
nav ul li:nth-of-type(4) {background:url(../../../images/christmas_2017_nav_li_down_bg.png) repeat-y;}
nav ul li:nth-of-type(5) {background:url(../../../images/christmas_2017_nav_li_down_bg2.png) repeat-y;}
nav ul li:nth-of-type(6) {background:url(../../../images/christmas_2017_nav_li_bg.png) repeat-y;}
nav ul li:nth-of-type(7) {background:url(../../../images/christmas_2017_nav_li_bg.png) repeat-y;}
nav ul li:nth-of-type(8) {background:url(../../../images/christmas_2017_nav_li_bg.png) repeat-y;}
nav ul li:nth-of-type(9) {background:url(../../../images/christmas_2017_nav_li_bg.png) repeat-y;}
nav ul li:nth-of-type(10){background:url(../../../images/christmas_2017_nav_li_bg2.png) repeat-y;}

/* ------------------------------
	
	share

------------------------------ */
#share {
	margin-top:23px;
	padding:0 10px;
	width:90px;
	position:static !important;
	float:left !important;}

#share li {
	width:40px;
	display:inline-block;}



/* ------------------------------
	
	h

------------------------------ */
h1 {
	margin:0;
	padding:0 10px;
	width:94px;
	float:left;}

h2 {
	width:auto;
	height:50px;
	margin:50px auto 20px;
	padding:10px 0;
	color:#FFFFFF;
	font-size:25px;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.0em;
	background:#276946 url(../../../images/christmas_2017_h2_midashi_bg.png) center center no-repeat;
	}

#wrap h2:nth-of-type(1){
	color:#ffbbc6;}

#wrap h2:nth-of-type(2){
	color:#adebff;}

#wrap h2:nth-of-type(3){
	color:#ffeeba;}

#wrap h2:nth-of-type(4){
	color:#dec7ff;}

h2 span {
	color:#FFF;
	font-weight:normal;
	font-size:15px;}

#wrap .column + h2{
	margin-top:100px;}

#wrap h3{
	margin:70px auto 20px;
	text-align:center;}


/* ------------------------------
	
	wrap

------------------------------ */
#wrap {
	margin:0 auto;
	padding:140px 0 0;}
	
#wrap #content {
	margin:20px auto 0;}

#mainvisual {
	margin:0 auto;
	width:auto;
	padding-top:80px;
	height:200px;
	background:url(../../../images/christmas_2017_mainvisual_bg.jpg) no-repeat;
	background-size: cover;}

#mainvisual img{
	margin-top:0.5em;}

/* --- p --- */
#wrap .m_tx {
	margin:0 5%;
	color:#FFFFFF;
	font-size:18px;}



/* ------------------------------
	
	column

------------------------------ */
#wrap .column {
	display:table;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:15px 0;
	margin:0 auto;
	width:980px;}

#wrap .column + .column {
	margin-top:15px;}

#wrap .column .box {
	display:table-cell;
	padding:10px 0 5px;
	width:230px;
	background-color:#FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}

#wrap .column .box2 {
	display:table-cell;
	padding:10px 0 5px;
	width:230px;}

#wrap .gift{
	text-align: center;
	padding:5px 0 10px 0;
}

/* --- p --- */
#wrap .box_img {
	margin:0 auto;
	text-align:center;}





/* --- box_name --- */
#wrap .box_name{
	margin:10px 10px 0;
	padding:5px 0;
	list-style-type:none;
	background:url(../../../images/christmas_2017_box_line.png) top repeat-x;}

#wrap .box_name li{
	margin-top:10px;}

#wrap .box_name li + li{
	margin-top:3px;
	font-size: 13px;}

#wrap .box_name li:nth-of-type(1){
	font-size:14px;
	font-weight:bold;}
	
/*----------------------------

		slick_container

------------------------------*/
	
	
	
#wrap .slick_container{
	margin:10px auto;
	padding:0;
    position:relative;
	background-color: #133F0D;
	border-top: 3px solid #360;
	border-bottom: 3px solid #360;
	}

#bn_list{
	margin:0 auto;
	padding:20px;
	overflow: hidden;
	height: 200px;}

#bn_list li{
	margin:0 auto;
	width: 200px;
	text-align:center;
	float: left;}


#wrap .slick-prev,
#wrap .slick-next{
    width:11px; /* 画像幅 */
    height:72px; /* 画像高さ */}

#wrap .slick-prev:before,
#wrap .slick-next:before{
    content:"";}

#wrap button.slick-prev,
#wrap button.slick-next {
    z-index:2;}

#wrap .slick-prev{left:0; /* 任意の値 */}
#wrap .slick-next{right:0; /* 任意の値 */}
#wrap .slick-arrow{z-index:10;/* 値は適当に */}

#bn_list img {
	margin: 0 auto;
}