@charset "utf-8";
/* CSS Document */

.p-menu-wrap {
	display:flex;
	width:100%;
	height:100px;
	align-items: center;
	justify-content: space-between;
}

.p-head-logo {
	width:220px;
}

.p-head-menu ul {
	display:flex;
	gap:40px;
}

.p-head-menu ul li {
	font-size:1.8rem;
}

.p-head-menu ul li a {
	color:#ab0000;
}

.p-chara {
	width:100%;
	max-width:548px;
	position:relative;
	z-index:1;
	margin:0 auto;
}

.p-chara-icon {
	width:100%;
	max-width:400px;
	aspect-ratio:1 / 1;
	background:url("../img/chara1.avif") center center no-repeat;
	background-size:cover;
	margin:0 auto;
}

.p-chara-icon:after {
	content:"";
	display:block;
	width:100%;
	max-width:548px;
	aspect-ratio:1 / 1;
	background:url("../img/chara2.avif") center center no-repeat;
	background-size:cover;
	margin:0 auto;
	opacity:0;
}

.p-chara-icon:hover:after {
	opacity:1;
}

.p-chara-text {
	margin-top:-19%;
	z-index:50;
}

.p-bt-preorder {
	position:fixed;
	left:0;
	bottom:100px;
	z-index:50;
	width:10%;
	max-width:60px;
}

.p-bt-preorder a {
	display:block;
	width:100%;
	max-width:60px;
	aspect-ratio:60 / 240;
	background:url("../img/bt_yoyaku.avif") center top repeat;
	background-size:cover;
	z-index:50;
}

.p-bt-x {
	position:fixed;
	right:0;
	bottom:100px;
	z-index:50;
	width:10%;
	display:flex;
	justify-content: flex-end;
	max-width:61px;
}

.p-bt-x a {
	display:block;
	width:100%;
	max-width:61px;
	aspect-ratio:61 / 60;
	background:url("../img/bt_x.avif") center top repeat;
	background-size:cover;
	z-index:50;
}

.p-bt-top {
	position:fixed;
	right:0;
	bottom:180px;
	z-index:50;
	width:10%;
	display:flex;
	justify-content: flex-end;
	max-width:61px;
}

.p-bt-top a {
	display:block;
	width:100%;
	max-width:61px;
	aspect-ratio:61 / 60;
	background:url("../img/bt_up.avif") center top repeat;
	background-size:cover;
	z-index:50;
}

/* フッター */

ul.p-foot-menu {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content: center;
	margin:0 auto 16px;
}

.p-copyright {
	font-size:1.6rem;
	color:#fff;
}