@charset "utf-8";
.top-mv{
	height: 100vh;
}

.top-mv::before{
	content: "";
	background: linear-gradient(to bottom, rgba(0,0,0,0.1),  rgba(0,0,0,0.8));
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.top-mv h1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.main-contents{
	background: rgba(0,0,0,0.8);
}

.main-contents.top .news-sec{
	padding: 80px 0;
}

.news-list li{
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding: 30px 0;
}

.news-list li time,
.news-list li h3{
	font-size: 18px;
	font-weight: 500;
}

.news-more-link{
	font-size: 20px;
	font-weight: 500;
	margin-top: 40px;
	margin-left: auto;
	display: flex;
	align-items: center;
	width: max-content;
	gap: 10px;
}

.news-more-link i{
	font-size: 14px;
	font-weight: 600;
}

.main-contents.top .character-sec{
	padding: 180px 0;
}

h2.aosagi-tl{
	font-size: 180px;
	font-weight: 400;
	letter-spacing: -0.2em;
	margin-left: 110px;
}

.character-sec h2 .img-title{
	position: absolute;
	left: -250px;
	bottom: -160px;
}

.character-sec .character-main .txt-box{
	margin-top: 140px;
	margin-right: -80px;
	z-index: 5;
}

.character-sec .character-main .txt-box h3{
	margin-bottom: 35px;
}

.character-sec .character-main .txt-box h3 > span{
	display: table;
	padding: 5px 4px;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.character-sec .character-main .txt-box h3 > span:first-child{
	margin-bottom: 15px;
}

.character-sec .character-main .txt-box h3 > span.bg-pink{
	background: #FF65F7;
}

.character-sec .character-main .txt-box h3 span.black-txt {
	color: #000000;
}

.character-sec .character-main .txt-box h3 > span.bg-blue{
	background: #00E0F0;
}

.character-sec .character-main .txt-box p{
	letter-spacing: 0;
	line-height: 2.43;
	width: 302px;
}

.character-sec .character-main .img-box{
	width: 54%;
}

.character-sec .character-main .img-box .imgs{
	width: calc(100% + 125px);
}

.character-sec .character-main .img-box .imgs a{
	margin: 0 -30px;
	width: calc((100% / 3) + 60px);
}

.character-sec .character-main .img-box .trive-logo{
	margin-right: -280px;
	margin-top: -230px;
	margin-bottom: -140px;
}

.character-more-link{
	font-size: 20px;
	font-weight: 900;
	margin-left: auto;
	margin-right: 130px;
	display: flex;
	align-items: center;
	width: max-content;
	gap: 10px;
}

.character-more-link::before{
	content: "";
	background: #ffffff;
	height: 1px;
	width: 200px;
}

.main-contents.top .story-sec{
	padding-top: 100px;
}

.story-sec h2 .img-title{
	position: absolute;
	left: -30px;
	top: -20px;
}

.story-sec .wide-img{
	margin-top: -80px;
}

.main-contents.top .circle-sec{
	padding-top: 200px;
}

.circle-sec .circle-sec-box{
	gap: 100px;
}

.circle-sec .circle-sec-box .img{
	margin-top: 200px;
	width: 47%;
}

.circle-sec .circle-sec-box h2.aosagi-tl{
	font-size: 220px;
	letter-spacing: -0.16em;
	margin-left: -290px;
}

.circle-sec .circle-sec-box h2.aosagi-tl .img-title{
	position: absolute;
	left: 90px;
	top: calc(100% - 100px);
}

.circle-sec .txt-box h3{
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.5em;
	margin: 100px 0 60px;
}

.circle-sec .txt-box h3 > span{
	display: table;
	padding: 5px 4px;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.circle-sec .txt-box h3 > span{
	margin: 15px 0;
}

.circle-sec .txt-box h3 > span.bg-pink{
	background: #FF65F7;
}

.circle-sec .txt-box p{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2.43;
	max-width: 529px;
}

.main-contents.top .thanks-sec{
	padding: 150px 0;
}

.thanks-sec h2 .img-title{
    position: absolute;
    left: -130px;
    top: 150px;
}

.thanks-sec .lantern-box{
	background: rgba(0,0,0,0.5);
	padding: 170px;
	margin: -80px auto 0;
	max-width: 999px;
}

.thanks-sec .lantern-box .lantern-list{
	margin: 0 auto;
	max-width: 446px;
	gap: 65px 40px;
}

.thanks-sec .lantern-box .lantern-list li a{
	background: url(../images/top/lantern.png) no-repeat;
	background-size: cover;
	color: #000000;
	font-size: 19px;
	font-weight: 400;
	height: 293px;
	letter-spacing: 0;
	padding-top: 65px;
	width: 122px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	display: flex;
	align-items: center;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
}

.thanks-sec .lantern-box .lantern-list li a.aksys{
	font-size: 16px;
}

.lower-mv{
	height: 480px;
}

.lower-mv::before{
	content: "";
	background: linear-gradient(to bottom, rgba(0,0,0,0.1),  rgba(0,0,0,0.8));
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.lower-mv h1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.main-contents.archive .lower-news-sec,
.main-contents.character .lower-character-sec{
    padding: 120px 0;
}

.main-contents.archive .news-list li{
	padding: 65px 0;
}

.main-contents.archive .news-list li time{
	border: 1px solid #ffffff;
	display: table;
	margin-bottom: 15px;
	padding: 0 8px;
}

.main-contents.archive .news-list li h3{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 60px;
}

.main-contents.archive .news-list li .editor p{
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
}

.main-contents.archive .news-list li .editor * + *{
	margin-top: 60px;
}

.character-list li.slick-slide{
	max-width: 926px;
	margin: 0 100px;
}

.character-list .chara-out-box{
	gap: 80px;
}

.character-list .txt-box{
	padding-top: 25px;
	max-width: 468px;
	width: 100%;
}

.character-list .txt-box h2{
	font-size: 90px;
	font-weight: 800;
	letter-spacing: 0.11em;
	line-height: 1.2;
	margin-bottom: 20px;
}

.character-list .txt-box h2 span{
	display: block;
	font-size: 24px;
	letter-spacing: 0.05em;
}

.character-list .txt-box .status > div{
	border-bottom: 1px solid #ffffff;
	max-width: 216px;
	padding: 7px 7px 12px 7px;
	width: 100%;
}

.character-list .txt-box .status > div > *{
	font-size: 16px;
	font-weight: 500;
}

.character-list .txt-box h4{
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 0.1em;
	margin: 45px 0 35px -83px;
}

.character-list .txt-box h4 span{
	background: #FF65F7;
	display: table;
	padding: 4px 8px;
}

.character-list .txt-box h4 span:first-child{
	margin-bottom: 10px;
}

.character-list .txt-box .main-txt{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.75;
}

.character-list li::before{
	content: "";
	background: rgba(0,0,0,0.6);
	height: 512px;
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 35px;
	padding: 0 60px;
	transform: translateX(-50%);
}

.arrow_box{
	margin-top: 35px;
	gap: 45px;
}

.slide-arrow{
	line-height: 1;
	cursor: pointer;
	width: 112px;
	height: 13px;
	border-bottom: 1px solid #ffffff;
}

.slide-arrow.prev-arrow{
	border-left: 1px solid #ffffff;
	transform: skew(-45deg);
}

.slide-arrow.next-arrow{
	border-right: 1px solid #ffffff;
	transform: skew(45deg);
}

.shake-btn:hover {
	animation: shake 0.3s linear infinite;
}

@keyframes shake {
	0% { transform: translateX(0); }
	25% { transform: translateX(-3px); }
	50% { transform: translateX(3px); }
	75% { transform: translateX(-3px); }
	100% { transform: translateX(0); }
}

/*------------------------------------------------------------
	ホバーエフェクト
------------------------------------------------------------*/
@media all and (min-width: 768px){
	.thanks-sec .lantern-box .lantern-list li a:hover{
		filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
	}

	.character-more-link:hover,
	.news-more-link:hover,
	.news-more-link:hover i,
	header .sns-links li a:hover i,
	.footer .sns-links li a:hover i{
		color: #e200e3;
	}

	.character-more-link:hover::before,
	#playBtn:hover,
	.modal-content .sound-btns button:hover{
		background: #e200e3;
	}

	.pager{
		display: table;
		margin: 70px auto 0;
	}

	.pager .wp-pagenavi span.pages{
		display: none;
	}

	.pager .wp-pagenavi a,
	.pager .wp-pagenavi span {
		border: none;
		margin: 2px 5px;
		font-size: 20px;
		font-weight: 700;
	}
}
/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px){
	
}