@charset "UTF-8";
/* /shop/e/evdtop/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@500&family=Noto+Sans+JP:wght@500&display=swap');

/* reset
---------------------- */
#vdtop{
	width: 1100px;
	margin-bottom:50px;
	font-family: YakuHanMP,"Kaisei Opti", serif;
	font-weight: 500;
	text-align: center;
	color:#422b0c;
	background:#fffcf7;
}
#vdtop h2{
	color:#8f6941;
	font-size: 22px;
	font-weight: inherit;
	line-height: 1;
	letter-spacing: -0.5px;
	text-align: center;
	margin-bottom: 40px;
}
#vdtop h2::before {
	display:block;
	margin-bottom: 8px;
}
#vdtop ._price h2::before {
	content:url(/img/event/evdtop2025/ttl_price.png);
}
#vdtop .shop h2::before {
	content:url(/img/event/evdtop2025/ttl_shop.png);
}
#vdtop .mary h2::before {
	content:url(/img/event/evdtop2025/ttl_mary.png);
}
#vdtop .cozy h2::before {
	content:url(/img/event/evdtop2025/ttl_cozy.png);
}
#vdtop .lotte h2::before {
	content:url(/img/event/evdtop2025/ttl_lotte.png);
}
#vdtop .lotte h3 {
	font-size: 50px;
	line-height: 1;
	margin-top: -20px;
	margin-bottom: 60px;
}
#vdtop .lotte h3::before {
	display:block;
	margin-bottom: 8px;
	content:url(/img/event/evdtop2026/lotte_logo.png);
}
/* contents
---------------------- */
#vdtop ul.slider{
	margin-bottom: 80px;
}
#vdtop .info {
	font-size: 21px;
	font-family: YakuHanMP,"Kaisei Opti", serif;
	font-weight: 500;
	background:#f7eee1 url(/img/event_M/evtmary2026/info_bg.png)repeat-y;
	padding: 70px 0 60px;
}
#vdtop .info > div {
	width:990px;
	background:#fff;
	box-shadow: 0 0 0 1px #cabd97, 0 0 0 6px white, 0 0 0 9px #cabd97;
	padding: 0 30px 30px;
	display:inline-block;
}
#vdtop .info > div:not(:last-child) {
	margin-bottom: 50px;
}
#vdtop .info > div h3 {
  color:#fff;
  font-size: 28px;
  line-height: 60px;
  height:60px;
  position: relative;
  width:518px;
  display: block;
  background: #e45353;
  margin: -22px auto 25px;
}
#vdtop .info > div h3:after,
#vdtop .info > div h3:before{
    content: '';
    display: block;
    position: absolute;
    top:0;
	height:100%;
    border-top: 30px solid #e45353;
    border-bottom: 30px solid #e45353;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
#vdtop .info > div h3:after{ left: -20px; }
#vdtop .info > div h3:before{ right: -20px; }
#vdtop .info > div ul li {
	font-size: 20px;
	line-height: 45px;
	letter-spacing: -0.02em;
	text-align: left;
	background:url(/img/event_M/evtmary2026/info_dotline.png)repeat-y top left;
	text-indent: -1em;
	padding-left: 1em;
}
#vdtop .info > div p {
	font-size: 20px;
	line-height: 45px;
	letter-spacing: -0.02em;
	text-align: left;
	background:url(/img/event_M/evtmary2026/info_dotline.png)repeat-y top left;
}
#vdtop .info > div.info2 {
	position: relative;
}
#vdtop .info > div.info2::after {
	content:'';
	display:block;
	width:305px;
	height:258px;
	background:#fff url(/img/event_M/evtmary2026/info2_img.png)no-repeat;
	border-left:30px solid #fff;
	position: absolute;
	top:58px;
	right:30px;
}
#vdtop .banner{
	margin-top: 70px;
}
#vdtop ._price {
	background:url(/img/event/evdtop2026/bg_choco1.png)no-repeat;
	padding: 110px 50px 0;
	margin-bottom: 70px;
}
#vdtop ._price ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#vdtop ._price ul li{

}
#vdtop ._price ul li a{
	background:#c22b2b url(/img/event/evttop2021/price_arr.png)no-repeat right 10px center;
	display:block;
	width:312px;
	height:64px;
	border-radius:100vh;
	border:1px solid #c22b2b;
	color:#f2e5be;
	font-size: 26px;
	font-weight: 500;
	line-height: 60px;
	vertical-align:baseline;
}
#vdtop ._price ul li a span{
	font-size: 17.31px;
}
#vdtop ._price ul li a:hover{
	text-decoration:none;
	background:#f2e5be url(/img/event/evttop2021/price_arr2.png)no-repeat right 10px center;
	color:#c22b2b;
}
#vdtop .shop {
	padding: 0 50px;
	margin-bottom: 70px;
}
#vdtop .shop ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
}
#vdtop .shop ul li{
	/* display:inline-block; */
}
#vdtop .shop ul li:not(:last-child){
	/* margin-right: 30px; */
}
#vdtop .shop ul li a{
	display:block;
	width:312px;
	height:88px;
}
#vdtop .shop ul li.mary a{
	background:url(/img/event/evdtop2025/shop_01.png)no-repeat;
}
#vdtop .shop ul li.mary:hover a{
	background:url(/img/event/evdtop2025/shop_01h.png);
}
#vdtop .shop ul li.cozy a{
	background:url(/img/event/evdtop2025/shop_02.png)no-repeat;
}
#vdtop .shop ul li.cozy:hover a{
	background:url(/img/event/evdtop2025/shop_02h.png);
}
#vdtop .shop ul li.lotte a{
	background:url(/img/event/evdtop2025/shop_03.png)no-repeat;
}
#vdtop .shop ul li.lotte:hover a{
	background:url(/img/event/evdtop2025/shop_03h.png);
}
#vdtop .all{
	margin-top: 60px;
}
#vdtop .all a{
	color:#f2e5be;
	background:#4a3418 url(/img/event/evttop2021/all_arr.png)no-repeat right 30px center;
	font-size: 30px;
	line-height: 80px;
	text-align: center;
	display:block;
	width:680px;
	height:80px;
	border-radius:100vh;
	border:1px solid #4a3418;
	margin:0 auto;
}
#vdtop .all a:hover{
	color:#4a3418;
	background:#f2e5be url(/img/event/evttop2021/all_arr2.png)no-repeat right 30px center;
	text-decoration: none;
}
#vdtop .brand{
	padding: 85px 50px 60px;
}
#vdtop .brand.mary{
	margin-top: 50px;
	background:url(/img/event/evdtop2026/bg_choco2.png)no-repeat top right,
	url(/img/event/evdtop2025/mary_bg.png)repeat-y;
	background-color:#fbe2de;
}
#vdtop .brand.cozy{
	background:url(/img/event/evdtop2026/bg_choco3.png)no-repeat,
	url(/img/event/evdtop2025/cozy_bg.png)repeat-y;
	background-color:#f8c7c1;
}
#vdtop .brand.lotte{
	background:url(/img/event/evdtop2026/bg_choco2.png)no-repeat top right,
	url(/img/event/evdtop2026/lotte_bg.png)repeat-y;
	background-color:#f6f2ef;
}
#vdtop .brand ul li:not(:last-child){
	margin-bottom: 30px;
}
#vdtop .brand ul li img{
	max-width:100%;
}
#vdtop .brand .more{
	margin-top: 50px;
	position: relative;
}
#vdtop .brand .more a{
	color:#fff;
	background:#b09c61 url(/img/event/evttop2021/brand_more_arr.png)no-repeat right 30px center;
	font-size: 30px;
	line-height: 90px;
	letter-spacing:-0.5px;
	text-align: center;
	display:block;
	width:830px;
	height:90px;
	border-radius:100vh;
	margin:0 auto;
}
#vdtop .brand .more a:hover{
	color:#4a3418;
	background:#f2e5be url(/img/event/evttop2021/brand_more_arr2.png)no-repeat right 30px center;
	border:1px solid #4a3418;
	text-decoration: none;
}
#vdtop .cozy .more a{
	background-color:#c22b2b;
}
#vdtop .lotte .more a{
	background-color:#531c03;
}
#vdtop .lotte ul.col2{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:30px;
}
#vdtop .lotte ul.col2 li .att{
	color:#422c0c;
	font-size: 15px;
	font-family:"Noto Sans JP", sans-serif;
	font-weight: 500;
	border:2px solid #422c0c;
	padding: 10px 23px;
	margin-top: 3px;
}
#vdtop .lotte ul.col2 li .att p:first-child{
	font-size: 20px;
	border-bottom:2px solid #422c0c;
	padding-bottom: .2em;
	margin-bottom: .3em;
}
#vdtop .lotte ul.col2 li .att p:last-child{
	font-size: 15px;
	line-height: 1.33;
}
#vdtop.vdprice{

}
#vdtop.vdprice ul.rmd{
	margin:40px 40px 0;
}
#vdtop.vdprice ul.rmd li{
	width:475px;
	margin-bottom: 50px;
	font-feature-settings: "palt";
}
#vdtop.vdprice ul.rmd li a{
	margin-top:20px;
	background:#ad9663 url(/img/event/evdtop2022/rmd_arr.png)no-repeat right 20px center;
	display:inline-block;
	width:280px;
	border:1px solid #ad9663;
	border-radius:100vh;
	font-size: 20px;
	line-height: 2.3;
	color:#fff;
	padding:0;
}
#vdtop.vdprice ul.rmd li a:hover{
	background:#fff url(/img/event/evdtop2022/rmd_arr2.png)no-repeat right 20px center;
	color:#4a3418;
	border:1px solid #4a3418;
	text-decoration: none;
}
#vdtop.vdprice ul.rmd .ico_mary,
#vdtop.vdprice ul.rmd .ico_cozy{
	position: relative;
	margin-bottom: 50px;
}
#vdtop.vdprice ul.rmd .ico_mary::after,
#vdtop.vdprice ul.rmd .ico_cozy::after{
	content:'メリーチョコレート';
	position: absolute;
	bottom:-45px;
	left:0;
	display:inline-block;
	background:#4a3418;
	color:#fff;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing:-0.5px;
	padding: 5px 10px;
}
#vdtop.vdprice ul.rmd .ico_cozy::after{
	content:'銀座コージーコーナー';
	background:#951112;
}
/* #vdtop.vdprice ul.rmd .ico_mary{
	background:#4a3418;
	color:#fff;
	font-size: 12px;
	padding: 8px 10px;
	display:inline-block;
} */
#vdtop.vdprice ul.rmd .name{
	font-size: 20px;
	text-align: left;
	padding-bottom: 1em;
	/* letter-spacing:-1px; */
}
#vdtop.vdprice ul.rmd .prc{
	text-align: right;
	font-size: 28px;
}
#vdtop.vdprice ul.rmd .prc b{
	font-size: 128%;
}
#vdtop.vdprice ul.rmd .prc span{
	font-size: 64%;
}
#vdtop.vdprice ul.rmd .name.pb0{
	padding-bottom: 0;
}
#vdtop.to_top{
	text-align: center;
}
/* slick */
@font-face {font-family: 'slick';src: url(/img/event_L/eLghanabox/slick-font.js);}
#vdtop .slick-prev,.slick-next{width:70px;height:70px;}
#vdtop .slick-prev:before,.slick-next:before{font-size: 70px;color:#900;}
#vdtop .slick-prev{left: -70px;margin-top: -10px; z-index:2;}
#vdtop .slick-next{right: -70px;margin-top: -10px;}
#vdtop .slick-dots{bottom: -40px;}
#vdtop .slick-prev::before,
#vdtop .slick-next::before{
	transform:scaleX(.5);
	font-family:sans-serif;
	font-weight: bold;
	display:block;
}
#vdtop .slick-prev::before {content: "\ff1c";}
#vdtop .slick-next::before {content: "\ff1e";}
#vdtop .slick-dots li{
	width:auto;
	height:auto;
}
#vdtop .slick-dots li button{
	width:60px;
	height:10px;
	background:#ccc;
}
#vdtop .slick-dots li.slick-active button{
	background:#990000;
}
#vdtop .slick-dots li button::before{
	content:'';
}

/* end */
#vdtop .info .coupon{
	position:relative;
}
#vdtop .info .coupon.end::before{
	content:'';
	background:rgba(0,0,0,.7);
	position:absolute;
	top:0;
	left:-7px;
	display:block;
	width:calc(100% + 14px);
	height:100%;
	z-index:1;
}
#vdtop .info .coupon.end::after{
	content:'キャンペーンは終了しました';
	color:#fff;
	position:absolute;
	display:block;
	width:100%;
	top:46%;
	left:0;
	font-size:32px;
	text-align:center;
	z-index:2;
}

/* 2025 */
#vdtop.vdprice{
	background:none;
}
#vdtop.vdprice .info{
	margin-top: 0;
}
#vdtop.vdprice ul.cate{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	padding-top: 50px;
}
#vdtop.vdprice ul.cate li{
	margin:0 30px;
}
#vdtop.vdprice ul.cate li a{
    background: linear-gradient(to right, #f79182, #ffcec6, #f79182);
	border-radius: 100vh;
	display:inline-block;
	padding: 4px;
}
#vdtop.vdprice ul.cate li a span{
	color:#000;
	font-size: 22px;
	line-height: 60px;
	width:392px;
	height:56px;
	background:#fce6e3;
	border-radius: 100vh;
	position: relative;
	display:block;
}
#vdtop.vdprice ul.cate li a span::after{
	content:'';
	position: absolute;
	top: 50%;
	right: 20px;
	border: 6px solid transparent;
	border-top:6px solid #000;
	width: 0;
	height: 0;
}
#vdtop.vdprice ul.cate li a:hover{
	opacity:.7;
	text-decoration: none;
}
#vdtop.vdprice ul.cate li b{
	color:#a11f00;
}
#vdtop.vdprice ul.cate li strong{
	font-size: 150%;
	line-height: 1;
}
#vdtop.vdprice ._price{
	background:#fffcf7;
	border-top:10px solid #8f6941;
	border-bottom:10px solid #8f6941;
	padding: 80px 0;
	margin: 40px 0 80px;
}
#vdtop.vdprice ._price ul{
	-webkit-box-pack: center;
	justify-content: center;
}
#vdtop.vdprice ._price ul li{
	margin:0 30px;
}
#vdtop.vdprice ._price ul li a{
	width:400px;
	font-size: 33px;
}
#vdtop.vdprice ._price ul li a span{
	font-size: 22px;
}