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


/*======= mv-inner =======*/
.mv{
	margin:0 auto;
	background:url(/sweets/chocolate/the-chocolate/special/gift2020/images/mv_bg_01.jpg) center center no-repeat;
	background-size: cover;}
.mv-gift2020{
	margin:0 auto;
	padding: 105px 0 61px;
	text-align:left;
	max-width:1024px;
	}
.mv-leading{
	padding: 0 28px;
}
.mv-gift2020 .mv-leading .item-text{
	margin-top: 25px;
}
.mv-gift2020 h1 img{
	display:block; margin:0 auto;}
.mv-gift2020 .mv-itemlist{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	justify-content:flex-start;
	margin: 32px auto 0;
	padding: 0;
}
.mv-gift2020 .mv-itemlist p:first-child {
	margin-right: 35px;
}
.mv-gift2020 .mv-itemlist p:nth-child(2){
	margin-right: 42px;
}
.mv-gift2020 .mv-itemlist p:last-child{
	margin-top: 27px;
}
.mv-gift2020 .mv-itemlist .item-close::after {
	display: block;
	width: 138px;
	height: 138px;
	content: url(/sweets/chocolate/the-chocolate/special/gift2020/images/index_close.png);
	position: absolute;
	left: -7px;
	bottom: -12px;
	z-index: 1;
	visibility: visible;}
.mv-gift2020 .mv-itemlist::after{
	display:none;}
.mv-gift2020 .item-text{
	margin: 13px 0 0;
	width:940px;
	font-weight:bold; font-size:14px; line-height:1.8;
	color:#432c01; font-size:15px;}
.mv-gift2020 .item-text p{
	margin: 11px 0 0;}
.mv-gift2020 .item-text p.small-text {
	font-size: 12px;
	margin-top: 5px;
}
.mv-gift2020 .item-text.right .font-type-min {
	margin-top: 23px;
}
.mv-gift2020 .item-text p:first-child{
	margin-top:0;}
.mv-gift2020 .detail-text{
	margin: 42px 0 0;
	display: flex;
	justify-content: space-between;}
.mv-gift2020 .detail-text .left{
	margin-left: 90px;}
.mv-gift2020 .detail-text .right{
	width: 570px;
	margin: 11px 32px 0 0;}
.mv-gift2020 .mv-btn{
	margin: 31px 0 0;
	text-align:center;}
.mv-gift2020 .mv-btn a{
	display:inline-block;
	background:#FFF;}

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

/*======= box-ttl-h2 =======*/
.box-ttl-h2{
	margin: 62px 0 0;
	text-align:center;}
.box-ttl-h2#SALON{
	margin-top: 78px;
}
.box-ttl-h2#DEPARTMENT{
	margin-top: 77px;
}
/*======= box-itemlist01 =======*/
.box-itemlist01{
	margin: 67px 0 0 0;}
.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 79px;}
.box-itemlist01 > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;;
	justify-content: space-between;;
	padding: 4px 0 0;
	margin: 0 auto 16px;
	width: 730px;}
.box-itemlist01 ul::after{
	display:none;}
.box-itemlist01 li{
	margin:56px 0 0;
	width:340px;}
.box-itemlist01 li.column2{
	width: auto;
	margin: 0 0 35px 0px;}
.box-itemlist01 li.column2:nth-child(2){
	margin-right: 14px;}
.box-itemlist01 li.column2:nth-child(3) {
	margin: 23px 0 35px 5px;
}
.box-itemlist01 li.column2:nth-child(4){
	margin-right: 50px;}
.box-itemlist01 li p{
	margin: 14px 0 0 0;
	text-align:center;
	font-weight:bold;}
.box-itemlist01 li p.ml0{
	margin: 12px 0 0 0;
	text-align:center;
	font-weight:bold;}
.box-itemlist01 li p.item07{
	margin: 11px 0 0 62px;}
.box-itemlist01 li a{
	display:block;
	font-size:13px;
	line-height: 1.5;
	color:#382400;}
.box-itemlist01 li a:hover p{
	opacity:0.7;}
.box-itemlist01 ul.giftLink{
	display: block;
	margin: 14px 0 0;
	text-align: center;}
.box-itemlist01 ul.giftLink li{
	display: inline;
	color: #6cc8b7;}
.box-itemlist01 ul.giftLink li a{
	display: inline-block;
	text-decoration: underline;
	color: #6cc8b7;}
.box-itemlist01 ul.giftLink li::after{
	content:"／";
	text-decoration: none;
	display: inline-block;
	padding: 0 0 0 4px;}
.box-itemlist01 ul.giftLink li:last-child::after{
	content:"";}
.box-itemlist01 .item-text{
	display:inline-block;
	margin: 5px 0 0;
	border-bottom:4px solid #ecd38a;
	font-size:15px;
	font-weight:bold; color:#382400;}
.box-itemlist01 .item-note{
	display:block;
	margin: 8px 0 0;
	font-size:12px;
	font-weight:bold;
	color:#382400;}
.box-itemlist01 .item-img{
	display:block;}

/*======= box-itemlist01 =======*/
.box-tabmenu{
	margin: 85px 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: 22px 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;}

/*=======.item-btn =======*/
.box-contents .item-btn{
	margin: 38px 0 0;}

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

/*======= box-border01 =======*/
.box-border01{
	margin: 63px 0 0;
	border-top:2px solid #382400;}
.box-border01 .box-ttl-h2 p:last-child {
	margin-top: 7px;
}

/*======= box-calendar =======*/
.box-calendar{
	padding: 25px 36px 54px;
	margin: 55px 0 0;
	background:#b79941;
	color:#FFF;
	text-align:left;
	font-size:16px;
	line-height:1.45;}
.box-calendar>ul{
	margin:0 0 0 -60px;}
.box-calendar>ul>li{
	display:block;
	float:left;
	width:272px;
	margin:0 0 0 64px;}
.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:125px;
	margin:20px 0 4px;
	font-style:normal;
	background:#fff;
	color:#432c01; text-align:center;
	font-size:15px; font-weight:bold;
	padding:5px 0;}
.box-calendar span{
	display:block;}
.box-calendar span.period{
	margin: 0 0 0 183px;}


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

/*======= 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:#ffaecf;
	text-align:center;
	font-size:16px; line-height:1.8;
	font-weight:bold;
	color:#402d0a;}
.box-modal .item-ttl{
	border-bottom: 2px solid #6cc8b7;
	padding-bottom: 22px;
	font-size: 20px;
	line-height: 1.5;
	color: #402c00;
	text-align: center;}
.box-modal .icon::after {
	display: block;
	width: 101px;
	height: 101px;
	content: url(/sweets/chocolate/the-chocolate/special/gift2020/images/modal_ico_01.png);
	position: absolute;
	left: 68px;
	top: 74px;
	z-index: 1;
	visibility: visible;}
.box-modal .inr-modal01 .item-content .item-text dl,
.box-modal .inr-modal01 .item-content .item-text02 dl{
	display: flex;
	flex-wrap: wrap;}
.box-modal .inr-modal01 .item-content .item-text dl dt,
.box-modal .inr-modal01 .item-content .item-text02 dl dt{
	width: 76px;}

.box-modal .inr-modal01 .item-content .item-text dl dt,
.box-modal .inr-modal01 .item-content .item-text dl dd,
.box-modal .inr-modal01 .item-content .item-text02 dl dt,
.box-modal .inr-modal01 .item-content .item-text02 dl dd{
	display: inline-block;}
.box-modal .inr-modal01 .item-content .item-text dt,
.box-modal .inr-modal01 .item-content .item-text02 dt{
    font-weight: bold;}
.box-modal .inr-modal01 .item-content .item-text dd,
.box-modal .inr-modal01 .item-content .item-text02 dd{
	width:80%;}	
.box-modal .inr-modal01 .item-content .item-text dd.row2,
.box-modal .inr-modal01 .item-content .item-text02 dd.row2{
	text-indent: -1em;
	padding-left: 1em;}
.box-modal .inr-modal01 .item-content .item-text span,
.box-modal .inr-modal01 .item-content .item-text02 span{
	font-weight: bold;
	display: inline-block;
	width: 76px;}
.box-modal .inr-modal01 .item-content .item-text span.long,
.box-modal .inr-modal01 .item-content .item-text02 span.long{
	width: auto;}
.box-modal .inr-modal01 .item-content .item-text ul.salePeriod,
.box-modal .inr-modal01 .item-content .item-text02 ul.salePeriod{
	margin: 0 0 0 21px;}
.box-modal .inr-modal01 .item-content .item-text ul.salePeriod li,
.box-modal .inr-modal01 .item-content .item-text02 ul.salePeriod li{
	list-style-type: disc;
	line-height: 20px;}
.box-modal .inr-modal01 .item-content .item-text ul.giftLink,
.box-modal .inr-modal01 .item-content .item-text02 ul.giftLink{
	display: inline-block;
	margin: 15px 0 0;
	text-align: center;}
.box-modal .inr-modal01 .item-content .item-text ul.giftLink li,
.box-modal .inr-modal01 .item-content .item-text02 ul.giftLink li{
	display: inline;
	color: #6cc8b7;}
.box-modal .inr-modal01 .item-content .item-text ul.giftLink li a,
.box-modal .inr-modal01 .item-content .item-text02 ul.giftLink li a{
	display: inline-block;
	text-decoration: underline;
	color: #6cc8b7;}
.box-modal .inr-modal01 .item-content .item-text ul.giftLink li::after,
.box-modal .inr-modal01 .item-content .item-text02 ul.giftLink li::after{
	content:"/";
	text-decoration: none;
	display: inline-block;
	padding: 0 0 0 4px;}
.box-modal .inr-modal01 .item-content .item-text ul.giftLink li:last-child::after,
.box-modal .inr-modal01 .item-content .item-text02 ul.giftLink li:last-child::after{
	content:"";}
.box-modal .inr-modal02 ul.detail-text{
	text-align: left;
	margin: 0 0 0 40px;}
.box-modal .inr-modal02 ul.detail-text li{
	font-family: "Sawarabi Mincho","Aozora Mincho Medium","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "游明朝", YuMincho,serif;
	list-style-image: url(/sweets/chocolate/the-chocolate/special/gift2020/images/modal_ico_02.png);
	line-height: 20px;}
.box-modal .item-content{
	margin:25px 0 0;}
.box-modal .item-content .item-img{
	display: inline-block;
    padding: 50px;
    width: 32%;
    vertical-align: top;
    text-align: center;
}
.box-modal .item-content .item-text{
	display: inline-block;
	font-size:14px; 
	line-height:2;
	color:#402c00;}
.box-modal .item-content .item-img02 {
    display: inline-block;
    padding: 20px;
    width: 38%;
    text-align: center;
}
.box-modal .item-content .item-text02 {
    font-size: 14px;
    line-height: 2;
    color: #402c00;
    display: inline-block;
    width: 56%;
	vertical-align: top;
    margin-top: 45px;
}
.box-modal .item-content .item-text p,
.box-modal .item-content .item-text02 p{
	margin:10px 0 0;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}
.item-text02 .long{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	}
.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/gift2020/images/modal_close.png) no-repeat 0 0;}

/*======= .sns-wrap =======*/
.sns-wrap {
	padding: 142px 0 130px;
	background: url(/sweets/chocolate/the-chocolate/images/bg_cacao.png) center center no-repeat;
}
.sns-wrap .sns-ttl{
	margin: 30px 0 18px;
}
.sns-wrap .sns-link{
	margin: 35px auto 20px;
}