/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }

/*調共用*/
.Area_logo { display: none!important; }
body { background: linear-gradient(to top, #d0f0ff, #fff); }
.edm_notice { color: #7c8089;}
@media screen and (max-width: 767px) {
    .edm_notice { padding: 1vw 2vw 35vw 1vw; }
}

/* .box_0 {position: absolute;width: 1220px;height: 575px;top: 0;}
.box_0::after {z-index: -1;position: absolute;top: 3%;left: 54%;transform: translateX(-50%);content:"";clear: both;width: 80%;aspect-ratio: 960/552;background: url(Area_top.png?t=1762248689893) no-repeat center top;background-size: 100%;} */
.top_title { position: relative; }
.box_0 {z-index: -5;position: relative;top: 0;left: 0;height: 565px;}
.box_0::after {z-index: -62;position: absolute;top: 50px;left: 50.5%;transform: translateX(-50%);content:"";clear: both;max-width: 100%;width: 98%;aspect-ratio: 960/552;background: url(Area_top.png?t=1762248689893) no-repeat center top;background-size: 102%;}

.box_ {position: relative;}
.box_1 {  }
.box_1::after {z-index: -1;position: absolute;top: 0;left: 4px;content: "";clear: both;width: 100%;aspect-ratio: 960/894;background: url(Area_01.png?t=1762248689893) no-repeat center top;background-size: 100%;}
.box_1 .message-6 { text-align: center; padding: 5%; color: #fff;  }
.box_1 .message-6 ul { margin: 9% auto 3%; }
.box_1 .message-6 li { list-style: none; }

.box_2 { margin: 0 auto 7%; } 
.box_2::after {z-index: -1;position: absolute;top: -11px;left: 3px;content: "";clear: both;width: 100%;aspect-ratio: 960/894;background: url(Area_02.png?t=1762248689893) no-repeat center top;background-size: 100%;rotate: -0.5deg;}
.box_2 .message-6 { text-align: left; font-size: 1.85rem; margin: 0; padding: 5% 0 0; color: #fff;  }
.box_2 .message-6 ul { margin: 9% 0 1.5% 15%;  }
.box_2 .message-4 p { margin: 0; padding: 0; text-align: center; color: #000; }
.box_2 .message-4 p.p01 {background: #e5e5e5;padding: 1%;margin: 0 25% 1.2%;border-radius: 2em;}

.box_3 { margin: 0 auto 5%;  }
.box_3 ul { list-style: none; margin: 0; padding: 0; display: flex;justify-content: center; }
.box_3 ul li:nth-child(2),.box_3 ul li:nth-child(3){ width: 48%; min-width: 48%;}
.box_3 .PD_layout { padding-top: 16%; }
.box_3 .PD_layout ul { padding: 0 15px; }
/* .box_3 ul li:nth-child(2),.box_3 ul li:nth-child(3) { grid-template-columns: repeat(2, minmax(0, 1fr)); } */
.box_3::after {z-index: -1;position: absolute;top: -10px;left: 0;content: "";clear: both;width: 100%;aspect-ratio: 960/1392;background: url(Area_03.png?t=1762248689893) no-repeat center top;background-size: 100%;}
.box_5::after {z-index: -10;position: absolute;top: 50px;left: 0;content: "";clear: both;width: 100%;aspect-ratio: 2000/390;background: url(pc_deco.png?t=1762248689893) no-repeat center top;background-size: 120%;}
@media screen and (max-width: 767px) {
	.hero { height: 54vw; }
	.box_0{ height: 57vw; }
	.box_0::after {z-index: -62;position: absolute;top: 2vw;left: 50%;transform: translateX(-50%);content:"";clear: both;max-width: 100%;width: 98%;aspect-ratio: 960/552;background: url(Area_top.png?t=1762248689893) no-repeat center top;background-size: 100%;}
	.box_1::after { left: -0.45vw; background-size: 101%;}
	.box_2 {margin: 0 auto 11vw;}
	.box_2::after {z-index: -1;position: absolute;top: 0.5vw;left: 0;content: "";clear: both;width: 100%;aspect-ratio: 960/1040;background: url(mArea_02.png?t=1762248689893) no-repeat center top;background-size: 94%;}
	.box_5::after {z-index: -10;position: absolute;top: 0;left: 0;content: "";clear: both;width: 100%;aspect-ratio: 960/552;background: url(mb_deco.png?t=1762248689893) no-repeat center top;background-size: 140%;}
	
	.box_1 .message-6 ul {margin: 8vw 6.5vw 3vw 0;}
	.box_1 .message-6 {margin: 0 auto 1vw;font-size: 1.045rem;letter-spacing: -0.035em;}
	.box_2 .message-6 { padding: 5vw 5vw 0; font-size: 0.9rem; }
	.box_2 .message-6 ul { padding-inline-start: 6vw; margin: 10vw 0 1.5vw 5vw; letter-spacing: -0.025em; }
	.box_2 .message-4 {font-size: 0.8rem;padding: 0 4vw;margin: 1vw auto 3vw;}
	.box_3::after {z-index: -1;position: absolute;top: 0;left: 0;content: "";clear: both;width: 100%; height: 146vw; aspect-ratio: 960/1392; background: url(Area_03.png?t=1762248689893) no-repeat center top;background-size: 100%;}
	.box_3 .PD_layout { padding-top: 17vw; }
	.box_3 .PD_layout ul { padding: 0 1vw; }
}


.Area_danji { position: relative; display: flex; width: 86%; margin: 0 auto; }
.Area_danji .pic { aspect-ratio: 260 / 360; }
.Area_danji .pic01::after {position: absolute;top: 0;content: "";clear: both;width: 33%;aspect-ratio: 260/360;background: url(danji_bn01.png?t=1762248689893);background-repeat: no-repeat;background-size: 100%;}
.Area_danji .pic02::after {position: absolute;top: 0;content: "";clear: both;width: 33%;aspect-ratio: 260/360;background: url(danji_bn02.png?t=1762248689893);background-repeat: no-repeat;background-size: 100%;}
.Area_danji .pic03::after {position: absolute;top: 0;content: "";clear: both;width: 33%;aspect-ratio: 260/360;background: url(danji_bn03.png?t=1762248689893);background-repeat: no-repeat;background-size: 100%;}
.Area_danji li { list-style: none;}
.Area_danji .pd-info-btn { z-index: 10; position: relative; top: 75%; left: 10%; width: 80%; }
.Area_danji .pd-info-btn img { width: 100%; height: auto; }

.hero {position: absolute;display: block;top: 0;left: 50%;transform: translateX(-50%);height: 500px;margin: 0;padding: 0;}

.hero-title {z-index: 20;width: 310px;top: 75px;left: 30%;transform: translateX(-50%)!important;}
.Area_title {position: absolute;aspect-ratio: 380/310;top: 0;left: 0;}
@media screen and (min-width: 768px) {
	.Area_top .btn_.btn_list {top: 130px;right: 21.5%;}
	.js-Area_bgtop_00 { z-index:-6; position: absolute; top:300px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco2.png?t=1762248689893) repeat-y center top; transition: 0.5s linear; pointer-events: none; }
	.message-4 { margin: 10px auto; font-size: 1.3rem; }
	}
@media screen and (max-width: 767px) {
	.hero-title {position: absolute;top: 4.8vw;left: 24.5vw;width: 43vw;}

	.box_1 { width: 96%; margin: 0 auto;  }
	.Area_danji .pic01::after, .Area_danji .pic02::after, .Area_danji .pic03::after { width: 29vw; }
	.btn_alert_game { top: 10vw; right: 2vw; display: block!important; }

	.Area_danji {width: 100%; margin: 0 auto 2vw; }
	.Area_danji .pd-info-btn { left: 2.8vw; }
	}