@charset "UTF-8";
@font-face {
	font-family: "RakutenSans_Bd";
	src: url("/fonts/RakutenSans_Bd.woff2") format("woff2"), url("/fonts/RakutenSans_Bd.woff") format("woff");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em {
	font-style: normal;
}
b, strong {
	font-weight: bolder;
}
hr {
	margin: 1em 0;
	background-color: transparent;
	border-top: 1px solid #c7c7c7;
	border-bottom: none;
}
hr.spacer {
	padding: 0.75em 0;
	border: none;
	outline: none;
	margin: 0;
}
main {
	display: block;
}
html, body {
	height: 100%;
	width: 100%;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 400;
	color: #333333;
	background: #fefefe;
	line-height: 1.5;
	letter-spacing: 0rem;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	word-break: break-all;
	transition: all 0.25s;
}
a:hover {
	text-decoration: none;
}
a.underline {
	text-decoration: underline !important;
}
a.underline:hover {
	text-decoration: none !important;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
* {
	box-sizing: border-box;
}
img {
	max-width: 100%;
	vertical-align: bottom;
	border-style: none;
}
.reset, .reset > li, .reset > dt, .reset > dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.reset-t {
	margin-top: 0;
	padding-top: 0;
}
.reset-b {
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.default {
	list-style-type: disc;
}
ul.default > li {
	margin-left: 1.5em;
}
strong {
	display: block;
	margin: 0.5em 0;
}
p {
	margin-bottom: 1em;
	word-break: auto-phrase;
}
.textC {
	text-align: center;
}
.textL {
	text-align: left;
}
.textLarge {
	font-size: 1.3em;
}
.textSmall {
	font-size: 0.75em;
}
hr.spacer {
	margin-bottom: 0;
	padding: 10px 0;
	border: none;
}
hr.spacer-2x {
	margin-bottom: 0;
	padding: 20px 0;
	border: none;
}
.w-max {
	width: 100%;
}
.w-min {
	width: 1%;
	white-space: nowrap;
}
.round-5x {
	border-radius: 5px;
	overflow: hidden;
}
.round-10x {
	border-radius: 10px;
	overflow: hidden;
}
.box {
	padding: 10px;
}
.box-2x {
	padding: 20px;
}
.overlay {
	border-image: fill 0 linear-gradient(#0002, #530217);
}
.text-white {
	color: #ffffff;
}
.text-red {
	color: #a9002e;
}
.text-blue {
	color: #0000cc;
}
@media (min-width: 835px) {
	.pad-l5_PC {
		padding-left: 5px;
	}
}
@media (max-width: 834px) {
	.pad-l5_SP {
		padding-left: 5px;
	}
}
/*----------------------------------------
	Footer
----------------------------------------*/

footer .footer_inner {
	max-width: 650px;
	margin: auto;
}
footer .v_logo {
	margin-top: 15px;
	max-width: 150px;
	float: left;
}
footer ul.linktext {
	float: right;
	width: 400px;
	margin-top: 30px;
}
footer ul.linktext li {
	float: left;
}
footer ul.linktext li a {
	color: #910023;
	padding-left: 20px;
	font-size: 1.4rem;
	position: relative;
}
@media (max-width: 834px) {
	footer ul.linktext {
		float: none;
		text-align: center;
		margin: auto;
		width: 340px;
	}
	footer ul.linktext li a {
		font-size: 1.2rem;
	}
	footer .v_logo {
		float: none;
		margin: 0 auto 20px;
	}
}
footer ul.linktext li a:before {
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -2.5px;
	content: "";
	border-top: 3px solid #910023;
	border-right: 3px solid #910023;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
footer ul.linktext li:nth-child(1) {
	margin-right: 1em;
}
footer p.copyright {
	padding: 10px;
	color: #333;
	font-size: 12px;
	text-align: center;
}
footer .field .v_logo img {
	width: 100%;
}
footer .field .itemSns ul.reset {
	font-size: 0px;
	text-align: center;
	background-color: #910023;
}
footer .field .itemSns ul li a:hover {
	opacity: 0.75;
}
footer .field .itemSns ul li.icon-x a {
	color: #fff;
}
footer .field .itemSns ul li.icon-facebook a {
	color: #fff;
}
footer .field .itemSns ul li.icon-instagram a {
	color: #fff;
}
footer .field .itemSns ul li.icon-youtube a {
	color: #fff;
}

@media (min-width: 835px) {
	footer .field .logoVk {
		margin: 0 auto;
	}
	footer {
		padding: 40px 0 0;
		background-color: #ffffff;
	}
	footer .field .itemSns ul li a img {
		width: 26px;
		vertical-align: -5px
	}
	footer .field .itemSns ul li {
		display: inline-block;
		width: 50px;
		margin: 20px 0 20px 30px;
		font-size: 1.6rem;
	}
	footer .field .itemSns ul li:first-child {
		margin-left: 0;
	}
	footer .field .itemSns ul li a {
		display: block;
		height: 30px;
		line-height: 30px;
		font-size: 3rem;
	}
}
@media (max-width: 834px) {
	footer .field .logoVk {
		margin: 0 auto;
	}
	footer {
		padding: 20px 0 0;
		background-color: #fff;
	}
	.footer_inner {
		padding-top: 20px;
	}
	footer .container {
		padding: 0;
	}
	footer .field .itemSns ul li a img {
		width: 22px;
		vertical-align: -3px
	}
	footer .field .itemSns ul li {
		display: inline-block;
		width: 40px;
		margin: 20px 0 20px 10px;
		font-size: 1.6rem;
	}
	footer .field .itemSns ul li:first-child {
		margin-left: 0;
	}
	footer .field .itemSns ul li a {
		display: block;
		height: 40px;
		line-height: 40px;
		background-color: transparent;
		border-radius: 20px;
		font-size: 3.0rem;
	}
	footer p.copyright {
	padding-top: 20px;
	font-size: 10px;
}
	footer .field .v_logo img {
    width: 90%;
}
}

#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 2.8rem;
	font-family: 'RakutenSans_Bd', cursive;
	z-index: 100;
}
#page-top a {
	display: block;
	color: #c4b05c;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
}
#page-top a:hover {
	background: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	color: #ffffff;
	border-radius: 50px;
}
@media (max-width: 834px) {
	#page-top {
		bottom: 5px;
		right: 5px;
		font-size: 2.0rem;
	}
	#page-top a {
		display: block;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
}

/*----------------------------
main innerWrap section
-----------------------------*/

.main {
	position: relative;
}
main {
	position: relative;
	z-index: 100;
}
.innerWrap {
	margin: 0 auto;
	text-align: left;
	z-index: 100;
}
section p, article p {
	padding-bottom: 0;
}
section#Uniform {
	padding: 3.0em 0 2.0em;
	background-color: #ffffff;
	position: relative;
	/*background-image: url("../../../../special/acl/2024_25/assets/images/pattern_bg.png");
	background-repeat: no-repeat;*/
	/*mix-blend-mode: overlay;*/
	/*background-size: cover;*/
	/*background-position: right bottom;
	overflow: hidden;*/
}

main > section {
	padding: 2.0em 0 2.0em;
	overflow: hidden;
}

main > section:last-child {
	padding: 2.0em 0;
}

main > section > h1 {
	margin-bottom: 1.0em;
	text-align: center;
}

main > section > h1 em {
	display: block;
	font-family: 'RakutenSans_Bd', sans-serif;
	font-size: 1.8em;
	color: #0a7e95;
}


/*----------------------------
横並び
-----------------------------*/
.row {
	display: flex;
	flex-wrap: wrap;
	padding-left: -10px;
	padding-right: -10px;
}
.row.center {
	justify-content: center;
}

@media (max-width: 834px) {
	.col {
		position: relative;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.col-2_sp {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 10px;
	}
	
	.col-3 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 10px;
		padding-left: 10px;
	}
	.col-4 {
		flex: 0 0 48%;
		max-width: 50%;
		margin-bottom: 10px;
		padding-left: 5px;
	}
}

@media (min-width: 835px) {
	.col-2 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 10px;
	}
	.col-3 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
		margin-bottom: 10px;
		padding-left: 10px;
	}
	.col-4 {
		max-width: 25%;
		padding-left: 5px;
		margin-bottom: 10px;
	}
}

/*----------------------------
h1-h3
-----------------------------*/

section h1 {
	font-size: 5.8rem;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1.0;
	margin-bottom: 40px;
}
#Uniform .heading_main {
	color: #c0a55c;
}

.container b {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	margin-bottom: 10px;
}
.ttl-regular {
  position: relative;
	margin: 0.5em 0 0.5em;
	padding: 10px;
	color: #a9002e;
	text-align: center;
}

.ttl-regular:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #a9002e;
}

.ttl-02 {
	position: relative;
	margin: 15px 0;
	padding: 15px 0;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
}
.ttl-02::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(90deg, #000000 0%, #a9002e 100%);
	display: block;
	width: 100px;
	height: 8px;
}
.ttl-03 {
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	background-color: #a9002e;
	color: #FFFFFF;
}

/*----------------------------------------
	TABLE
----------------------------------------*/
.innerWrap table.separate {
	width: calc(100% + 4px);
	border-collapse: separate;
	border-spacing: 4px;
	border-top: none;
	transform: translate(-4px);
}
.innerWrap table.separate th, .innerWrap table.separate td {
	padding: 0.8em 0;
	border-bottom: none;
	line-height: 1.4;
	box-sizing: border-box;
	vertical-align: middle;
}
.innerWrap table.separate thead th {
	color: #fff;
	background-color: #222;
	text-align: center;
}
.innerWrap table.separate th, .innerWrap table.separate td {
	padding: 0.8em 0.4em;
	font-family: "Noto Sans JP", sans-serif ;
	font-weight: bold;
	text-align: center;
}
.innerWrap table.separate tbody th {
	color: #ffffff;
	background-color: rgba(169, 0, 49, 0.7);
	white-space: nowrap;
}
.innerWrap table.separate tbody td {
	background-color: #eeeeee;
	font-weight: normal;
	text-align: left;
}
@media (max-width: 834px) {
.innerWrap table.separate th, .innerWrap table.separate td {
	font-size: 1.4rem;
}
.innerWrap table.responsive, .innerWrap table.responsive thead, .innerWrap table.responsive tbody, .innerWrap table.responsive tr, .innerWrap table.responsive th, .innerWrap table.responsive td {
	display: block;
	width: 100%;
	transform: translateX(0)
}
.innerWrap table.responsive tr:not(:nth-of-type(1)) {
	margin-top: 4px;
}
}
/*----------------------------------------
	Ul
----------------------------------------*/
.list-normal > li:not(:first-child) {
	margin: 1em 0;
}
.list-normal > li {
	position: relative;
	padding-left: 1em;
	/* line-height: 1em;*/
}
.list-normal > li::before {
	position: absolute;
	left: 0;
	top: 0.75em;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a9002e;
}
.listNotice> li{
	position: relative;
	padding-left: 1.25em;
}
.listNotice> li:before{
	display: block;
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
/*----------------------------------------
	button
----------------------------------------*/
.btn {
	display: inline-block;
	min-width: 200px;
	padding: 30px;
	border: 2px solid transparent;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
	transition: .3s;
	cursor: pointer;
	margin: 40px 0;
}
.btn:hover {
	color: #ffffff;
	border: 2px solid #4a000d;
	background: #4a000d;
}
.btn-l {
	width: 100%;
	max-width: 400px;
	padding: 20px 30px;
	font-size: 1.0em;
	letter-spacing: 0.08em;
}
.btn-m {
	width: 100%;
	max-width: 240px;
	padding: 10px 30px;
	font-size: 1.2em;
	letter-spacing: 0.08em;
}
.btn-s {
	min-width: 0;
	padding: 10px 20px;
	font-size: 0.85em;
	margin-top: 10px;
}
.btn-default {
	border: 2px solid #a9002e;
	background-color: #a9002e;
	color: #ffffff;
	font-weight: bold;
}
.btn-bk {
	border: 2px solid #000000;
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
}

.btn-default:hover, .btn-default-reverse:focus {
	background-color: #ffffff;
	color: #a9002e;
	border: 2px solid #a9002e;
}
.btn-bk:hover {
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #000000;
}

.btns-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (min-width: 835px) {
	.btns-center {
		flex-direction: row;
		justify-content: center;
	}
	.btns-center .btn:not(:first-child) {
		margin-left: 20px;
	}
}
@media (max-width: 834px) {
	.btn {
		margin: 10px 0;
	}
	.btns-center .btn:first-child {
		margin-top: 20px;
	}
	.btn-l {
		width: 80%;
	}
}
/*------------------
kv
------------------*/
.kv img {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}
/*------------------
	Nav menu
------------------*/
.nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}
.nav {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0;
	left: 0;
	width: 100%;
	color: #A9002E;
	font-size: 0;
	font-family: "RakutenSans_Bd";
	;
	font-feature-settings: "palt";
	z-index: 200;
	background-color: rgba(255, 255, 255, 1);
}
.nav ul {
	display: flex;
	justify-content: center;
}
.nav ul li {
	width: calc(100% / 4);
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
}
.nav ul li a {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none;
	color: #A9002E;
}
.nav ul li span {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none;
	color: #A9002E;
}
.nav ul li.Goods_li span.soon {
	pointer-events: none;
	position: relative;
	display: block
}
.nav ul li.Goods_li span.soon::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(73, 73, 73, .5) url("../images/soon.png") center center no-repeat;
	position: absolute;
	top: 0;
	left: 0
}
.nav ul li a:hover {
	background-color: #A9002E;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.nav ul li a em, .nav ul li span em {
	display: block;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: normal;
}
@media (min-width: 835px) {
	.nav ul {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.nav ul li {
		height: 80px;
		line-height: 80px;
	}
	.nav ul li.Goods_li span.soon {
		height: 80px;
		line-height: 80px;
	}
	.nav ul li a, .nav ul li span {
		font-size: 3.6rem;
		color: #A9002E;
	}
	.nav ul li a {
		padding: 9px 0;
	}
	.nav ul li a em, .nav ul li span em {
		font-size: 1.5rem;
	}
}
@media (max-width: 834px) {
	.nav ul li {
		height: 50px;
		line-height: 50px;
	}
	.nav ul li.Goods_li span.soon {
		height: 50px;
		line-height: 50px;
	}
	.nav ul li a, .nav ul li span {
		font-size: 1.6rem;
	}
	.nav ul li.About_li a {
		font-size: 1.3rem;
	}
	.nav ul li a {
		padding: 8px 0;
	}
	.nav ul li.About_li a {
		padding: 8px 0;
	}
	.nav ul li.Goods_li span.soon::after {
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(73, 73, 73, .8) url("../images/soon_sp.png") center center no-repeat;
		position: absolute;
		top: 0;
		left: 0
	}
	.nav ul li a em, .nav ul li span em {
		font-size: 1.2rem;
	}
}


/*----------------------------------------
title
-----------------------------------*/


.heading {
	text-align: left;
	font-family: 'RakutenSans_Bd', sans-serif;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 1em;
	position: relative;
}
@media (min-width: 835px) {
	.heading::after {
	}
}
.heading_sub {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.5em 0 1em;
	font-weight: bold;
}
.heading_sub::before, .heading_sub::after {
	content: '';
	width: 100px;
	height: 4px;
	background-color: #a9002e;
}
.heading_sub02 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2.5em 0 1em;
	font-weight: bold;
	color: #fff;
}
.heading_sub02::before, .heading_sub02::after {
	content: '';
	width: 100px;
	height: 4px;
	background-color: #fff;
}
.heading_sub::before, .heading_sub02::before {
	margin-right: 20px;
}
.heading_sub::after, .heading_sub02::after {
	margin-left: 20px;
}
.ttlBold {
	margin-top: 0.5em;
	padding: 0.25em;
	color: #ffffff;
	background-color: #000000;
	line-height: 1.4;
	text-align: center;
}
@media (max-width: 834px) {
	.heading {
		margin-bottom: 2em;
	}
	.heading::after {
	}
	.heading_sub, .heading_sub02 {
		font-size: 1.8rem;
	}
	section h1 {
		font-size: 2.8rem;
		letter-spacing: 0;
	}
	.container b {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.ttl-regular {
		font-size: 1.8rem;
	}
	.ttlBold {
		font-size: 1.8rem;
	}
}
@media (min-width: 835px) {
	.ttlBold strong {
		width: 1060px;
	}
	.heading_sub, .heading_sub02 {
		font-size: 3.2rem;
	}
}
/*----------------------------------------
	Intro
----------------------------------------*/

section#Intro p {
	margin: 0 auto;
	padding: 2.0em 0 0;
}

#Intro > .innerWrap > p {
	font-weight: bold;
	line-height: 2.0;
}

section#Intro {
	background: #000000;
	padding-bottom: 0;
}

section#Intro .row {
	display: flex;
	flex-wrap: wrap;
	padding-left: -10px;
	padding-right: -10px;
}

section#Intro .row.center {
	justify-content: center;
}

p.Intro_txt {
	color: #ffffff;
	font-size: 2.0rem;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	line-height: 1.8;
	font-weight: 700;
}

@media (max-width: 834px) {
	section#Intro p {
		margin: 0 auto;
		padding-top: 0;
	}
}

@media (min-width: 835px) {
	section#Intro {
		padding-bottom: 4em;
	}
}

/*----------------------------------------
	About
----------------------------------------*/
section#About {
	background-color: #000;
	padding: 2.0em 0 4.0em;
}
#About .heading_main {
	color: #fff;
}

/*----------------------------------------
	Match
----------------------------------------*/
section#Match {
	background: #fefefe;
	padding: 2.0em 0 4.0em;
}
.gameList .field {
	text-align: center;
	color: #333333;
	background-color: #cccccc;
	border-radius: 0;
	overflow: hidden;
	line-height: 1.0;
}
.gameList .field a {
	display: block;
	color: #ffffff;
	text-decoration: none
}
.gameList .field a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.swiper-slide a:hover {
	border: 1.5px solid #A9002E;
	border-radius: 12px 12px 0 0;
	box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.25);
}
.gameList .field .spec + a {
	padding-top: 10px;
}
.gameList .field .spec + a:hover, .dir-top .list-nextmatch .field .spec + a:active {
	background-color: rgba(0, 0, 0, 0.75)
}
.gameList .field .spec {
	padding: 10px;
	border-bottom: 1px solid #000000;
	font-size: 1.8rem;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 10px 10px 0 0;
}
.gameList .field .row {
	width: 100%;
	padding-bottom: 20px;
}
.gameList .field .row > .col {
	vertical-align: bottom;
}
.gameList .field .row > .col .emblem {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}
.gameList .field .row > .col .emblem img {
	width: 60%;
}
.gameList .field .row > .col:nth-of-type(1) {
	text-align: center;
	padding: 10px;
}
.gameList .field .row > .col:nth-of-type(1) div {
	font-family: 'RakutenSans_Bd', serif;
	line-height: 1.4;
}
.gameList .live .field .row > .col:nth-of-type(2) div b {
	color: #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック", sans-serif;
}
.gameList .field .row > .col:nth-of-type(1) em {
	display: block;
	margin: 10px 0;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff;
	font-family: 'RakutenSans_Bd', serif;
	font-size: 1.4rem;
	line-height: 1.0;
}
.gameList .score {
	padding: 10px;
	width: 100%;
	background: rgba(155, 0, 32, 1.0);
	position: absolute;
	height: 50px;
	color: #fff;
	bottom: -50px;
	font-family: "RakutenSans_Bd";
	border-radius: 0 0 10px 10px;
	border-bottom: 1.5px solid #ffffff;
	border-right: 1.5px solid #ffffff;
}
.away {
	background-color: rgba(2, 141, 213, 0.5);
}
.home {
	background-color: rgba(155, 0, 32, 0.5);
}

.round16 .swiper-wrapper {
	justify-content: center;
}

@media (min-width: 835px) {
.round16 .swiper-wrapper .gameList {
	width: 32.70%;
}
	.gameList .field .row > .col:nth-of-type(1) div b {
		display: block;
		font-size: 4.0rem
	}
	.gameList .field .row > .col:nth-of-type(1) div {
		font-size: 1.6rem;
	}
	.gameList .field .row > .col:nth-of-type(2) div b {
		font-size: 1.6rem;
	}
	.gameList .score {
		font-size: 1.8em;
	}
}

@media (max-width: 834px) {
	.round16 .swiper-wrapper .gameList {
		width: calc(50% - 5px);
	}
	.gameList .field .row > .col:nth-of-type(1) div b {
		display: block;
		font-size: 3.0rem
	}
	.gameList .field .row > .col:nth-of-type(1) span {
		font-size: 1.4rem;
	}
	.gameList .field .row > .col:nth-of-type(1) div {
		font-size: 1.4rem;
	}
	.gameList .field .row > .col:nth-of-type(2) b {
		font-size: 1.4rem;
	}

	.gameList .field .row > .col:nth-of-type(2) b.small {
		font-size: 1.0rem;
	}
	.gameList .score {
		font-size: 1.2em;
	}
}

/*----------------------------------------
	Tickets
----------------------------------------*/
section#Tickets {
	background-color: rgba(169, 0, 49, 0.2);
}
.ticket-title {
	margin: 0 auto;
	max-width: 1060px;
	width: 100%;
}
.sat {color: rgba(2, 141, 213, 1.0);}
.sun {color: rgba(155, 0, 32, 1.0);}

section#Tickets .innerWrap .table {
	width: calc(100% + 4px);
	border-collapse: separate;
	border-spacing: 4px;
	border-top: none;
	transform: translate(-4px);
}
section#Tickets .innerWrap .table th, section#Tickets .innerWrap .table td {
	padding: 0.8em 0;
	border-bottom: none;
	line-height: 1.4;
	box-sizing: border-box;
	vertical-align: middle;
}
section#Tickets .innerWrap .table thead th {
	color: #fff;
	background-color: #222;
	text-align: center;
}
section#Tickets .innerWrap .table th, section#Tickets .innerWrap .table td {
	padding: 0.8em 0.4em;
	font-family: 'RakutenSans_Bd', "Noto Sans JP", sans-serif ;
	font-weight: bold;
	text-align: center;
}
section#Tickets .innerWrap .table tbody th {
	color: #ffffff;
	background-color: rgba(169, 0, 49, 0.7);
}
section#Tickets .innerWrap .table tbody td {
	background-color: #eeeeee;
}
section#Tickets .innerWrap .table tr.red td {
	background-color: rgba(169, 0, 49, 0.20)
}
main ul.default {
	margin-left: 1.5rem;
	line-height: 1.6;
	list-style-type: disc;
}
section#Tickets .innerWrap .table tbody td {
	height: 3.5em;
}
@media (max-width: 834px) {
	.tableWrap {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 20px;
	}
	.tableWrap th, .tableWrap td {
		white-space: nowrap;
	}
	.tableWrap th {
		font-size: 1.2rem;
	}
	.tableWrap:before {
		content: "※右にスクロール可能です。";
		font-size: 1.2rem;
	}
	.tableWrap::-webkit-scrollbar {
		height: 5px;
	}
	.tableWrap::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.tableWrap::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}
}
/*----------------------------------------
	Uniform
----------------------------------------*/

.ui-tab {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.ui-tab li {
	cursor: pointer;
	background-color: #c0a55c;
	border-top: 4px solid #c0a55c;
	border-bottom: 1px solid #a9002e;
	color: #fff;
	margin: 0;
	width: calc(50%);
	text-align: center;
}
.ui-tab li.active {
	background-color: #ffffff;
	border-top: 4px solid #a9002e;
	border-left: 1px  solid #a9002e;
	border-right: 1px  solid #a9002e;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #a9002e;
}
.tab-content li.field {
	display: none;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}
.tab-content li.field.active {
	display: block;
}
.tab-content li.field .container {
	max-width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.tab-content li.field .container img {
	max-width: 90%; text-align: center;
}

@media (min-width: 835px) {
	.ui-tab li {
		padding: 1.4em 0;
	}
}
@media (max-width: 834px) {
	.ui-tab li {
		padding: 1em 0;
	}
}
/*----------------------------------------
	Lineup
----------------------------------------*/
section#Lineup {
	background-color: #ffffff;
	/*background-image: url("");
    background-size: contain;*/
}
#Lineup .container b {
	margin-bottom: 0;
	padding-top: 10px;
}
#Lineup .container a {
	overflow: hidden;
	display: block;
	border-radius: 5px;
	box-shadow: 0 0 1.2rem rgba(0, 0, 0, .1);
}
#Lineup .container img {
	border-radius: 5px;
	box-shadow: 0 0 1.2rem rgba(0, 0, 0, .1);
}
#Lineup .container a img {
	transition: all .3s linear;
}
#Lineup .container a:hover img {
	transform: scale(1.1);
}
main #Lineup .innerWrap table td ul.default {
	margin-left: 0;
}
@media (max-width: 834px) {
	#Lineup .container b {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	section#Lineup {
		background-position: right top;
	}
}
@media (min-width: 835px) {
	#Lineup .container b {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}

/*----------------------------------------
	sp
----------------------------------------*/
@media (max-width: 834px) {
	body {
		min-width: 100%;
	}
	.only-pc {
		display: none !important;
	}
	.container {
		padding-bottom: 20px;
		margin: 0 auto;
	}
	section {
		padding: 20px 0;
	}
	a.anchor {
		display: block;
		padding-top: 40px;
		margin-top: -40px;
	}
	.innerWrap {
		padding: 0 20px;
	}
	.fs-12 {
		font-size: 2.5vw;
	}
	.fs-14 {
		font-size: 3vw;
	}
	.fs-16 {
		font-size: 3.5vw;
	}
	.fs-18 {
		font-size: 4.0vw;
	}
	.fs-20 {
		font-size: 4.5vw;
	}
	.fs-22 {
		font-size: 5.0vw;
	}
	.container b {
		font-size: 1.8rem;
		line-height: 1.4;
		padding-top: 20px;
	}
}
/*----------------------------------------
	pc
----------------------------------------*/
@media (min-width: 835px) {
	.only-sp {
		display: none !important;
	}
	a.anchor {
		display: block;
		padding-top: 80px;
		margin-top: -80px;
	}
	.innerWrap {
		width: 1060px;
		margin-right: auto;
		margin-left: auto;
	}
	.fs-12 {
		font-size: 1.2rem;
	}
	.fs-14 {
		font-size: 1.4rem;
	}
	.fs-16 {
		font-size: 1.6rem;
	}
	.fs-18 {
		font-size: 1.8rem;
	}
	.fs-20 {
		font-size: 2.0rem;
	}
	.container b {
		font-size: 2.4rem;
		line-height: 1.4;
		padding: 20px;
	}
}
/*----------------------------------------
	animetion
----------------------------------------*/



/*----------------------------------------
	swiper
----------------------------------------*/
.swiper {
	overflow: visible;
}
.lp-slide {
	margin: 0 auto;
	max-width: 1060px;
	width: 100%;
}
.swiper-slide {
	text-align: center;
}
.swiper-slide a {
	display: block;
	border: 1.5px solid #ffffff;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
	text-decoration: none;
}
.border-radius-swiper {
	border-radius: 0 0 10px 10px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.swiper-pagination-bullet {
	background-color: #a9002e !important;
}
@media (min-width: 835px) {
	.swiper-container {
		padding-bottom: 60px;
		position: relative; /*ボタンのズレ解消*/
	}
	.swiper-button-next, .swiper-button-prev {
		top: auto;
		bottom: 0;
		width: 30px;
		height: 30px;
	}
	.itemSwiper {
		max-width: 100%;
		overflow: hidden;
	}
	.swiper-container:not(.kvSwiper) div.swiper-slide {
		width: auto;
	}
	swiper-slide:first-child {
		margin-left: 0;
	}
	.swiper-container:not(.kvSwiper) .swiper-pagination {
		margin-bottom: 4em;
	}
}
@media (max-width: 834px) {
	 .swiper-container:not(.kvSwiper) .swiper-pagination {
		margin-bottom: 3.5em;
	}
}
.gameList .score img {
	display: inline-block;
	width: 1em;
	text-align: center;
}
.gameList .score img {
	opacity: 1.0;
}


/*----------------------------------------
	HIGHLIGHTS
----------------------------------------*/

.swiper-pagination { position: static !important; height: 25px; margin-top: 1em;}


.youtubeArea {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtubeArea iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.highlightsSwiper .swiper-pagination-bullet{
	width: 80px;
	height: 10px;
	margin: 0 5px !important;
	border-radius: 0;
}


@media (max-width: 834px) {
	.highlightsSwiper .highlightsList {
		width: 90%;
		margin: 0;}

.highlightsSwiper .swiper-slide-active {
  opacity: 1;
  z-index: 1;
  transform: scale(1.0)!important;
}
.highlightsSwiper .swiper-pagination-bullet{
		width: 30px;
		margin: 0 3px !important;
	}
}