@charset "utf-8";

/*-------------------------------------------------------*/
/* Mask Layer
/*-------------------------------------------------------*/
.miso-mask { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index:10; overflow:hidden; line-height:1px; pointer-events: none; margin-bottom:-1px; }
.miso-mask .mask-svg { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.miso-mask svg { display:block; }
.miso-mask-a { height: 64px; }
.miso-mask.miso-mask-a { z-index: 11; }
.miso-mask-b { height: 57px; }
.miso-mask-c { height: 74px; }
.miso-mask-c .mask-fill { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; transform: skewY(-0.2deg); }
.miso-mask-c .mask-over { z-index: 11; }
.miso-mask-d1 { height: 27px; }
.miso-mask-d2 { height: 57px; }
.miso-mask-d2 .mask-svg { margin-bottom: -15px;}
.miso-mask-e1 { padding-bottom: 6%; }
.miso-mask-e1 .mask-fill { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -webkit-transform-origin: 100% 0;transform-origin: 100% 0; }
.miso-mask-e2 { height: 40px; }
.miso-mask-e3 { height: 80px; }
.miso-mask-e4 { height: 100px; }
.miso-mask-f { padding-bottom: 6%; }
.miso-mask-f .mask-fill { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: skewY(3deg); transform: skewY(3deg); -webkit-transform-origin: 0 100%;transform-origin: 0 100%; }
.miso-mask-g1 { height: 30px; }
.miso-mask-g2 { height: 20px; }
.miso-mask-h { height: 80px; }
.miso-mask-i1 { height: 12px; }
.miso-mask-i2 { height: 16px; }
.miso-mask-j { height: 40px; }
.miso-mask-k1 { height: 50px; }
.miso-mask-k { height: 100px; }
.miso-mask-k svg { float:left; }
.miso-mask-rev { bottom:auto; top:0px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); left: -1px; width: calc(100% + 1px); }
.miso-mask-rev.miso-mask-g1 svg { margin-bottom:-30px; }
.miso-mask-rev.miso-mask-j { height:39px; }
.miso-mask-rev.miso-mask-k { height:100px; }

.miso-mask-l,
.miso-mask-l svg { height:99px; }
.miso-mask-l { margin-bottom:-1px; }
.miso-mask-rev.miso-mask-l { margin-top:-1px; }

.miso-mask-m,
.miso-mask-m svg { height: 120px; }
.miso-mask-m { margin-bottom:-1px; }
.miso-mask-rev.miso-mask-m { margin-top:-1px; }

.mask-zone { display:none; margin-bottom:-1px; }
.mask-show .mask-zone { display:block; }
.at-footer-mask { position:relative; margin-bottom:-1px; }

@media all and (max-width:991px) {
	.responsive .miso-mask-e4,
	.responsive .miso-mask-e4 svg { height:60px; }
	.responsive .miso-mask-k { height: 80px; }
	.responsive .miso-mask-k svg { height: 136px; }
	.responsive .miso-mask-rev.miso-mask-k { height:80px; }

	.responsive .miso-mask-l,
	.responsive .miso-mask-l svg { height:80px; }

	.responsive .miso-mask-m,
	.responsive .miso-mask-m svg { height:80px; }
}
@media all and (max-width:767px) {
	.responsive .miso-mask-e4,
	.responsive .miso-mask-e4 svg { height:40px; }
	.responsive .miso-mask-k1,
	.responsive .miso-mask-k1 svg { height:25px; }
	.responsive .miso-mask-k { height: 60px; }
	.responsive .miso-mask-k svg { height: 102px; }
	.responsive .miso-mask-rev.miso-mask-k { height:60px; }

	.responsive .miso-mask-l,
	.responsive .miso-mask-l svg { height:60px; }

	.responsive .miso-mask-m,
	.responsive .miso-mask-m svg { height:50px; }
}
@media all and (max-width:480px) {
	.responsive .miso-mask-e4,
	.responsive .miso-mask-e4 svg { height:20px; }
	.responsive .miso-mask-k { height: 40px; }
	.responsive .miso-mask-k svg { height: 68px; }
	.responsive .miso-mask-rev.miso-mask-k { height:40px; }

	.responsive .miso-mask-l,
	.responsive .miso-mask-l svg { height:30px; }

	.responsive .miso-mask-m,
	.responsive .miso-mask-m svg { height:30px; }
}