header img.hdr-logo {
	filter: brightness(0) invert(1);
}
.page-top header div.navi-btn > div:before,
.page-top header div.navi-btn > div:after,
.page-top header div.navi-btn > div span {
	background-color: #FFF;
}
div.christmas-wrap {
	position: relative;
	height: 100%;
	background: linear-gradient(to bottom, rgba(159,5,7,1) 0%,rgba(125,12,12,1) 100%);
	overflow: hidden;
}
div.christmas-wrap:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/season/202512/img_bg_diamond.png);
	background-position: center center;
	background-repeat:　no-repeat;
	background-size: 1920px 1400px;
	opacity: 0.1;
}
@media screen and (max-width: 767px) {
	div.christmas-wrap:before {
		background-size: 960px 700px;
	}
}

div.draw-animation {
	position: absolute;
	top: calc(50% - 5vw);
	left: 50%;
	width: 650px;
	height: 650px;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
	div.draw-animation {
		position: absolute;
		top: calc(50% - 5vw);
		left: 50%;
		width: 400px;
		height: 400px;
		transform: translate(-50%, -50%);
	}
}
div.draw-animation svg.mask {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	z-index: 3;
	transform: translate(-50%, -50%);
	filter: drop-shadow(0px 0 30px rgba(255,255,255,0.75));
}
div.draw-animation svg.mask .line {
	fill: none;
	stroke: #FFF;
	stroke-width: 12;
	stroke-linecap:round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
div.draw-animation img.wreath {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 650px;
	height: auto;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	filter: blur(100px);
	transform: translate(-50%, -50%) scale(1.5);
	transition: 2s ease-in-out;
	backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
	div.draw-animation img.wreath {
		width: 400px;
	}
}
div.draw-animation img.wreath.active {
	visibility: visible;
	opacity: 1;
	filter: blur(0);
	transform: translate(-50%, -50%) scale(1);
}