/* CSS Document */

html {
	font-size: 3.125vw;
}

body {
	background: url(../images/main/background_top.png?v=20251028) 0 0 no-repeat;
	/* background-size: cover; */
	background-size: auto;
}

header {
	width: 100%;
	height: 43.9rem;
	position: relative;
	background: url(../images/main/header.png?v=20231025) 0 0 no-repeat;
	background-size: contain;
}

header #jologo {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 11rem;
	height: 3.65rem;
	/* background: url(../images/main/wakamatsu.png?v=5) 0 0 no-repeat; */
	background-size: contain;
	z-index: 9999;
}

header #hikari {
	display: none;
	/* display: block; */
	position: relative;
	left: -7.5rem;
	top: -3.7rem;
	z-index: 1;
}

#countdown {
	display: block;
	position: absolute;
	top: 14.6rem;
	right: 2.5rem;
	width: 17.1rem;
	height: 3.65rem;
	background-image: url(../images/main/countdown_bk_kaisaimade.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-size: 80%, contain;
	background-repeat: no-repeat, no-repeat;
	z-index: 1;
	background-position: 1.4rem 0.5rem,0rem 0rem;
}
#countdown.day{
	background-image: url(../images/main/kaisaiLAST.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-position: 1.7rem 0.5rem, 0rem 0rem;
}
#countdown.day1 {
	background-image: url(../images/main/kaisaiFIRST.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-position: 1.7rem 0.5rem, 0rem 0rem;
}
#countdown.day2 {
	background-image: url(../images/main/kaisai02.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-position: 1.7rem 0.5rem, 0rem 0rem;
}
#countdown.day3 {
	background-image: url(../images/main/kaisai03.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-position: 1.7rem 0.5rem, 0rem 0rem;
}
#countdown.day4 {
	background-image: url(../images/main/kaisaiLAST.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-position: 1.7rem 0.5rem, 0rem 0rem;
}
#countdown.finish {
	background-image: url(../images/main/kaisaiEND.png?v=20251028), url(../images/main/countdown_bk_most.png?v=20251028);
	background-position: 1.7rem 0.5rem, 0rem 0rem;
}
#countdays {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0.5rem;
	width: 100%;
	height: 100%;
	text-align: right;
	padding-right: 4.5rem;
}
#countdays span.num {
	display: inline-block;
	width: 1.7rem;
	height: 3.15rem;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	margin-top: 0.4rem;
	margin-right: 0.5rem;
}
#countdays span.num.c0 {
	background-image: url(../images/main/countdown_0.png?v=20251028);
}
#countdays span.num.c1 {
	background-image: url(../images/main/countdown_1.png?v=20251028);
}
#countdays span.num.c2 {
	background-image: url(../images/main/countdown_2.png?v=20251028);
}
#countdays span.num.c3 {
	background-image: url(../images/main/countdown_3.png?v=20251028);
}
#countdays span.num.c4 {
	background-image: url(../images/main/countdown_4.png?v=20251028);
}
#countdays span.num.c5 {
	background-image: url(../images/main/countdown_5.png?v=20251028);
}
#countdays span.num.c6 {
	background-image: url(../images/main/countdown_6.png?v=20251028);
}
#countdays span.num.c7 {
	background-image: url(../images/main/countdown_7.png?v=20251028);
}
#countdays span.num.c8 {
	background-image: url(../images/main/countdown_8.png?v=20251028);
}
#countdays span.num.c9 {
	background-image: url(../images/main/countdown_9.png?v=20251028);
}

footer {
	width: 100%;
	height: 29rem;
	padding-top: 1rem;
	/* background: url(../images/main/footer.png?v=5) 0 100% no-repeat; */
	background-size: contain;
	position: relative;
}

footer #mainbanner {
	display: block;
	position: relative;
	width: 100%;
	height: 11rem;
}
footer #mainbannerarea_sub {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

footer .prev-arrow {
	display: block;
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem;
	height: 2.45rem;
	/* background: url(../images/main/arrow_L.png?v=5) 0 0 no-repeat; */
	background-size: contain;
}
footer .next-arrow {
	display: block;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem;
	height: 2.45rem;
	/* background: url(../images/main/arrow_R.png?v=5) 0 0 no-repeat; */
	background-size: contain;
}
footer #mainbannerarea {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 3rem;
	width: 26rem;
	height: 100%;
}
footer #mainbannerarea ul {
	display: block;
	height: 100%;
	white-space: nowrap;
}
footer #mainbannerarea ul li {
	display: inline-block;
	width: 26rem;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
footer #mainbannerarea ul li a {
	display: block;
	position: relative;
	top: 1.0rem;
	/* left: 50%; */
	/* transform: translate(-50%, -50%); */
}
footer #mainbannerarea ul li a img {
	width: 24rem;
}

footer a.envbtn {
	display: block;
	width: 14.2rem;
	height: 3.5rem;
	margin: 1rem auto;
	background: url(../images/main/btn_system.png?v=20221015) 0 0 no-repeat;
	background-size: contain;
}

footer #officiallink {
	display: block;
	position: absolute;
	bottom: 4.5rem;
	left: 8.6rem;
	width: 14.8rem;
	height: 3.9rem;
	background: url(../images/main/officialweb.png?v=20221015) 0 0 no-repeat;
	background-size: contain;
}

footer #copyright_logo {
    display: block;
    position: absolute;
    bottom: 0.5rem;
    left: 7.1rem;
    width: 18.8rem;
    height: 3.9rem;
    background: url(../images/main/footer.png?v=20221015) 0 0 no-repeat;
    background-size: contain;
}

/* ダイアログ */
.invisiblebtn {
	opacity: 0.01;
	background: rgba(255, 255, 255, 0.01);
}

#fullscreen_base {
	display: table;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	transition-duration: 0.5s;
	transition-property: all;
	opacity: 0;
}

body.fullscreen #fullscreen_base {
	opacity: 1;
}

body.fullscreen {
	overflow: hidden;
}

#fullscreen_area {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
	transition-duration: 0.25s;
	transition-property: all;
	opacity: 0;
	transform: scale(0.1, 0.1);
}

body.fullscreen #fullscreen_area {
	opacity: 1;
	transform: scale(1, 1);
}