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

.dir-2026restart .bottom-footer-list{
	display: none;
}
.dir-2026restart .g-nav{
	background-color: #957B4A;
	padding-top: 20px;
	padding-bottom: 20px;
}
.dir-2026restart .g-nav ul{
	display: flex;
	justify-content: center;
	padding-left: 30px;
	padding-right: 30px;
}
.dir-2026restart .g-nav ul a{
	position: relative;
	color: #FFFFFF;
	text-align: center;
	display: block;
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-weight: bold;
}
.dir-2026restart .g-nav ul a:after{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 5px;
	top: 7px;
}
.dir-2026restart .sec-ttl{
	background-color: #957B4A;
	color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}
.dir-2026restart .sec-ttl .sec-ttl_sub{
	position: absolute;
	width: 250px;
	left: 50%;
	transform: translate(-50%);
	top: -15px;
	z-index: 1;
}
.dir-2026restart .sec-ttl h1{
	display: block;
	margin: 0;
	text-align: center;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}
.dir-2026restart .restart_btn {
	display: inline-block;
	width: 100%;
	max-width: 750px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	color: #000000;
	background-color: transparent;
	position: relative;
	border: 1px solid #000000;
	transition: color 0.5s ease;
	margin-top: 15px;
	font-weight: bold;
}
.dir-2026restart .restart_btn:hover {
	color: #fff;
}
.dir-2026restart .restart_btn:hover::before {
	transform: scaleY(1);
}
.dir-2026restart .restart_btn::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	transform: scaleX(0);
	transition: all 0.5s ease;
	transition-property: transform;
}
.dir-2026restart .restart_btn .text {
	position: relative;
}
.dir-2026restart .main-text{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.dir-2026restart .main-text .container > *{
	margin: 0;
}
.dir-2026restart .main-text h1{
	margin-top: 8px;
	margin-bottom: 8px;
}
.dir-2026restart .sec-inner{
	padding-top: 50px;
	padding-bottom: 50px;
}
.dir-2026restart .img-bg{
	background: #ffffff99;
	box-shadow: 0px 0px 20px 0px #00000014;
	padding: 1em;
}

/*----- 順位表 -----*/
.dir-2026restart .sec-stangings{
	background: 	linear-gradient(240.3deg, #e0e0e0 0, #e0e0e0 14%, #f3f3f3 14%, #f3f3f3 100%) no-repeat;
}
/*---------- スタッツ ----------*/
.dir-2026restart .sec-stats{
	background:linear-gradient(240.3deg, transparent 0, transparent 21%, #e4e4e4 21%, #e4e4e4 63%, #f3f3f3 63%, #f3f3f3 100%) center top no-repeat, linear-gradient(240.3deg, transparent 0, transparent 10%, #f3f3f3 10%, #f3f3f3 100%) center bottom / 100% 97% no-repeat, #e0e0e0
}
.dir-2026restart .sec-stats .data{
	text-align: right;
	font-size: 1.1rem;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
.dir-2026restart .sec-stats .stats-list + .stats-list{
	margin-top: 15px;
}
.dir-2026restart .sec-stats .stats-list h3{
	margin-top: 0;
	margin-bottom: 5px;
}

.dir-2026restart .sec-video{
	background: linear-gradient(240.3deg, transparent 0, transparent 25%, #e4e4e4 25%, #e4e4e4 100%) center top no-repeat, linear-gradient(240.3deg, transparent 0, transparent 13%, #e0e0e0 13%, #e0e0e0 100%) center bottom / 100% 97% no-repeat, #fff;
}
.dir-2026restart .sec-point{
	background-color: #e0e0e0;
}
.dir-2026restart .sec-point .point-list{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.dir-2026restart .sec-point .point-list .point-item{
	width: calc(33.333% - 16px);
}
.dir-2026restart .sec-point .youtube-short{
	max-width: 372px;
	aspect-ratio: 9/16;
	margin-inline: auto;
	position: relative;
	overflow: hidden;
}
.dir-2026restart .sec-point .youtube-short iframe{
	width: 100%;
	height: 100%;
	margin-inline: auto;
	position: absolute;
	inset: 0;
}
.dir-2026restart .sec-point .point-item-short{
	position: relative;
	max-width: 372px;
}
.dir-2026restart .sec-point .point-item-short .img{
	position: absolute;
	bottom: -39px;
	right: 18px;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	border: 1px solid #000;
	overflow: hidden;
	z-index: 1;
}
.dir-2026restart .sec-point .point-item-short .img img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
}
.dir-2026restart .sec-point .point-item-text{
	padding: 1em;
}
.dir-2026restart .sec-point .point-item-text h3{
	margin-top: 0;
	margin-bottom: 8px;
}
.dir-2026restart .sec-point .point-item-text p{
	font-size: 1.4rem;
}
.dir-2026restart .swiper-button-next:after,.dir-2026restart .swiper-button-prev:after{
	display: none;
}






@media screen and (max-width: 767px){
	.dir-2026restart .g-nav{
		padding: 0;
	}
	.dir-2026restart .g-nav ul{
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-left: 10px;
		padding-right: 10px;
	}
	.dir-2026restart .g-nav ul li{
		width: 50%;
	}
	.dir-2026restart .g-nav ul li a{
		padding: 8px;
	}
	.dir-2026restart .g-nav ul a:after{
	right: 10px;
	top: 13px;
}
	.dir-2026restart .sec-ttl h1{
		line-height: 1.3;
		font-size: 2.3rem;
	}
	.dir-2026restart .sec-ttl .sec-ttl_sub{
		width: 200px;
	}
	.dir-2026restart .sec-inner{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.dir-2026restart .sec-stats .swiper{
		position: relative;
		background-image:none;
	}
	.dir-2026restart .sec-stats .swiper-button-prev, .dir-2026restart .sec-stats .swiper-button-next {
		background-image:none;
		background-color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.dir-2026restart .sec-stats .swiper-button-prev{
		left: 0;
	}
	.dir-2026restart .sec-stats .swiper-button-next{
		right: 0;
	}
	.dir-2026restart .sec-stats .swiper-button-next:before,.dir-2026restart .sec-stats .swiper-button-prev:before{
		font-size: 2.5rem;
		color: #FFFFFF;
	}
	.dir-2026restart .sec-point .point-list{
	gap: 6px;
}
.dir-2026restart .sec-point .point-list .point-item{
	width: 100%;
}

}
@media screen and (min-width: 768px) {
	.dir-2026restart .sec-stats .swiper-button-prev, .dir-2026restart .sec-stats .swiper-button-next {
		display: none;
	}
	.dir-2026restart .sec-stats .swiper-wrapper {
		display: flex;
		gap: 24px;
		flex-wrap: wrap;
		justify-content: center;	
			
	}
	.dir-2026restart .sec-stats .swiper-slide {
		width: calc(33.333% - 16px);
	}
}