@charset "utf-8";
/* CSS Document */
body{
	position:relative;}
.content a:hover img{
	opacity: 0.7;
}

/*======= .sns-wrap =======*/
.sns-wrap {
	padding: 160px 0 130px;
	background: url(/sweets/chocolate/the-chocolate/images/bg_cacao.png) center center no-repeat;
}


/*======= mv-inner =======*/
.mv{
	margin:0 auto;
	background:#ecd38a;}
.mv-gift2018{
	width:1024px;
	margin:0 auto; padding:100px 0 70px;
	text-align:left;}
.mv-gift2018 h1 img{
	display:block; margin:0 auto;}
.mv-gift2018 .mv-itemlist{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin:40px 0 0;}
.mv-gift2018 .mv-itemlist::after{
	display:none;}
.mv-gift2018 .item-text{
	margin:40px 0 0;
	width:940px;
	background:url(/sweets/chocolate/the-chocolate/special/gift2018/images/mv_bg_01.gif) no-repeat right 0;
	font-weight:bold; font-size:14px; line-height:1.8;
	color:#432c01; font-size:15px;}
.mv-gift2018 .item-text p{
	margin:25px 0 0;}
.mv-gift2018 .item-text p:first-child{
	margin-top:0;}
.mv-gift2018 .mv-btn{
	margin:20px 0 0;
	text-align:center;}
.mv-gift2018 .mv-btn a{
	display:inline-block;
	background:#FFF;}



/*======= box-contents =======*/
.box-contents{
	width:1024px; margin:0 auto;}

/*======= box-ttl-h2 =======*/
.box-ttl-h2{
	margin:80px 0 0;
	text-align:center;}

/*======= box-itemlist01 =======*/
.box-itemlist01{}
.box-itemlist01 ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	padding:4px 0 0; margin:0 0 70px;}
.box-itemlist01 ul::after{
	display:none;}
.box-itemlist01 li{
	margin:56px 0 0;
	width:320px;}
.box-itemlist01 li p{
	margin:15px 0 0;
	text-align:center;
	font-weight:bold;}
.box-itemlist01 li a{
	display:block;
	font-size:13px; line-height:1.8;
	color:#382400;}
.box-itemlist01 li a:hover p{
	opacity:0.7;}

.box-itemlist01 .item-text{
	display:inline-block;
	margin:30px 0 0;
	border-bottom:4px solid #ecd38a;
	font-size:15px;
	font-weight:bold; color:#382400;}
.box-itemlist01 .item-note{
	display:block;
	margin:25px 0 0;
	font-size:12px;
	font-weight:bold; color:#382400;}
.box-itemlist01 .item-img{
	display:inline-block;}
.box-itemlist01 .item-icontext01{
	margin-left:90px;}
.box-itemlist01 .item-icontext02{
	margin-left:110px;}


/*======= box-itemlist01 =======*/
.box-tabmenu{
	margin:50px 0 0;
	border-bottom:2px solid #382400;}
.box-tabmenu ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:984px; margin:0 auto;}
.box-tabmenu ul::after{
	display:none;}

/*=======.box-text01 =======*/
.box-text01{
	margin:60px 0 0;
	font-size:15px; line-height:2;
	color:#432c01;
	font-weight:bold;}
.box-text01 p{
	margin:30px 0 0;}
.box-text01 p:first-child{
	margin-top:0;}

/*======= box-salon =======*/
.box-salon{
	padding:40px 40px 35px; margin:60px 0 0;
	background:#b79941;
	color:#FFF;}
.box-salon p{
	margin:30px 0 0;
	font-size:15px; line-height:2;}
.box-salon .item-ttl{
	display:inline-block;
	padding:0 0 20px;
	border-bottom:2px solid #FFF;
	font-weight:normal;
	font-size:21px; line-height:1.3;}
.box-salon .item-img{
	margin:35px 0 0;}
.box-salon .item-btn{
	margin:40px 0 0;}
.box-salon .item-btn a{
	display:inline-block;
	background:#FFF;}

/*======= box-border01 =======*/
.box-border01{
	margin:65px 0 0;
	border-top:2px solid #382400;}


/*======= box-calendar =======*/
.box-calendar{
	padding:25px 40px 50px; margin:65px 0 0;
	background:#b79941;
	color:#FFF;
	text-align:left;
	font-size:16px; line-height:1.5;}
.box-calendar>ul{
	margin:0 0 0 -60px;}
.box-calendar>ul>li{
	display:block;
	float:left;
	width:270px;
	margin:0 0 0 60px;}
.box-calendar ul ul li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	padding:10px 0;
	border-bottom:1px solid #FFF;}

.box-calendar li{
	font-family:"Sawarabi Mincho","Aozora Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "游明朝", YuMincho,serif;}
.box-calendar em{
	display:block;
	width:130px;
	margin:20px 0 0;
	font-style:normal;
	background:#f8fbf2;
	color:#432c01; text-align:center;
	font-size:15px; font-weight:bold;
	padding:5px 0 3px;}
.box-calendar span{
	display:block;}


/*======= item-close =======*/
.item-close{
	position:relative;}
.item-close::after{
	display:block;
	width:138px; height:138px;
	content:url(/sweets/chocolate/the-chocolate/special/gift2018/images/index_close.png);
	position:absolute; right:-25px; bottom:-35px; z-index:1;
	visibility:visible;}
.box-itemlist01 .item-close::after{
	right:-70px; bottom:-10px;}


/*======= box-modal =======*/
.wrap-modal{
	display:none;}
.box-modal{
	width:960px;
	border-radius:10px;
	background:#FFF;}
.box-modal .inr-modal01{
	padding:20px 40px 25px;}
.box-modal .inr-modal02{
	padding:25px;
	border-radius:0 0 10px 10px;
	background:#ecd38a;
	text-align:center;
	font-size:16px; line-height:1.8;
	font-weight:bold;
	color:#402d0a;}
.box-modal .item-ttl{
	border-bottom:2px solid #432c01;
	padding-bottom:15px;
	font-size:20px; line-height:1.8;
	color:#402c00; text-align:center;}
.box-modal .item-ttl span{
	font-size:16px;}

.box-modal .item-content{
	margin:25px 0 0;}
.box-modal .item-content .item-img{
	float:left;
	margin-right:40px;}
.box-modal .item-content .item-text{
	overflow:hidden;
	text-align:left;
	font-size:14px; line-height:2;
	font-weight:bold;
	color:#402c00;}
.box-modal .item-content .item-text p{
	margin:10px 0 0;}
.box-modal .left{
	padding-left:65px;
	text-align:left;}
.box-modal .inr-modal02 p{
	margin:25px 0 0;}
.box-modal .inr-modal02 p:first-child{
	margin-top:0;}
#cboxClose{
	display:block;
	position:absolute; top:0; right:16px;
	width:33px; height:33px;
	overflow:hidden; text-indent:-500px;
	background:url(/sweets/chocolate/the-chocolate/special/gift2018/images/modal_close.png) no-repeat 0 0;}



@media screen and (max-width: 1064px) {
.mv-gift2018 .mv-itemlist{
	margin-right:25px;}

.box-itemlist01 ul{
	margin-right:45px;}
}