@charset "UTF-8";
/* チャンピオンボード
------------------------------------------------------------------------- */
.ul_champion_board_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4.2666666667vw;
}

.wrap_champion_board_contents {
	margin-top: 17.0666666667vw;
	position: relative;
	z-index: 1;
}

.champion_board_contents {
	margin-bottom: 6.4vw;
}
.champion_board_contents:last-child {
	margin-bottom: 0;
}

/* タブ */
.ul_tab_nav {
	display: flex;
	flex-direction: column;
	gap: calc(16 / 375 * 100vw);
	margin-top: calc(64 / 375 * 100vw);
}
.ul_tab_nav li {
	border: 1px solid #490000;
	padding: calc(16 / 375 * 100vw) calc(8 / 375 * 100vw);
	text-align: center;
}
.ul_tab_nav li.active {
	background: #490000;
	color: #fff;
}
.tab_contents {
	display: none;
}

.tab_contents.show {
	display: block;
}

/* もっと見るボタン */
.btn_more span::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

@media (min-width: 769px) {
	/* チャンピオンボード
	------------------------------------------------------------------------- */
	.champion_board .inner_section {
		width: min(95%, 1120px);
	}
	.ul_champion_board_img {
		width: min(95%, 928px);
		gap: 24px 32px;
		margin: 64px auto 0;
	}
	.ul_champion_board_img li {
		width: 600px;
	}
	.wrap_champion_board_contents {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
		margin-top: 64px;
	}
	.champion_board_contents {
		width: calc(100% / 3 - 80px / 3);
		margin-bottom: 0;
	}
	.ul_champion_board_txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 16px 32px;
	}

	/* タブ */
	.ul_tab_nav {
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 16px;
		margin: 80px 0;
		padding: 40px 0;
		border-top: 1px solid #490000;
		border-bottom: 1px solid #490000;
	}
	
	.ul_tab_nav li {
		padding: 16px 32px;
		cursor: pointer;
	}
	
	/* もっと見るボタン */
	.btn_more {
		width: 100%;
	}

	.btn_more:has(span) {
		margin-top: 8px;
	}

	.btn_more span {
		width: min(100%, 296px);
		margin: 0 auto;
	}
}