@charset "utf-8";

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input,select,textarea,button
{ outline: none; }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

/*common*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

.op img {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
}

/* !Layout
---------------------------------------------------------- */
html { 
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	color: #000;
	background: #FFF;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
}

.font-oswald {
	font-family: "Oswald", sans-serif;
}
.font-kaisei {
	font-family: "Kaisei Opti", serif;
}

@media (max-width: 1280px) and (min-width: 835px) {
    html {
		font-size: 0.78125vw;
	}
}
@media screen and (min-width: 835px) {
	body {
		font-size: 1.6rem;
	}
}


/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 835px) {
	.l-sp {
		display: none;
	}
}
@media screen and (max-width: 834px) {
	.l-pc {
		display: none;
	}
}

/* !wrapper
---------------------------------------------------------- */
#l-wrapper {
	position: relative;
	z-index: 2;
	padding-top: 6rem;
}
#l-wrapper:before {
	content: "";
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
		url(../image/bg_sp.png) no-repeat center;
	background-size: cover;
}

/* !header
---------------------------------------------------------- */
#l-header {
	display: flex;
	justify-content: space-between;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	padding: 0 1.6rem;
	width: 100%;
	background: #000;
	border-bottom: 0.4rem solid;
	border-image: linear-gradient(90deg, #004079, #00A040, #A9D11F, #F08300, #E6003E) 1;
	color: #fff;
}
.l-header__logo {
	display: flex;
	align-items: center;
	height: 6rem;
}
.l-header__logo img {
	width: 12.5rem;
}
.l-header__btnmenu {
	position: relative;
	z-index: 5;
	transition: all 0.3s;
	width: 4rem;
	height: 4rem;
}
.l-header__btnmenu.active {
	background: #C59B41;
}
.l-header__btnmenu span {
    background-color: #fff;
    display: block;
    height: 0.2rem;
    width: 60%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.l-header__btnmenu span:nth-child(1) {
    top: 1.3rem;
}
.l-header__btnmenu span:nth-child(2) {
    top: 1.9rem;
}
.l-header__btnmenu span:nth-child(3) {
    top: 2.5rem;
}
.l-header__btnmenu.active span:nth-child(1) {
    top: 2rem;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.l-header__btnmenu.active span:nth-child(2) {
    opacity: 0;
}
.l-header__btnmenu.active span:nth-child(3) {
    top: 2rem;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}
#l-header__navi {
	display: flex;
	align-items: center;
	gap: 0 1rem;
}
#l-header__navi .nav {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding: 7.2rem 1.6rem;
	background: #000;
	width: 100%;
	max-height: 100vh;
}
#l-header__navi .nav.open {
	transform: translateX(0);
}
#l-header__navi .nav ul {
	border-top: 0.4rem solid #C59B41;
}
#l-header__navi .nav li {
	border-bottom: 0.4rem solid #C59B41;
}
#l-header__navi .nav li a {
	display: block;
	padding: 1.6rem 0;
	position: relative;
	text-align: center;
	line-height: 1.5;
	font-weight: 700;
}
#l-header__navi .nav li .eng {
	display: block;
	line-height: 1;
	font-size: 3.2rem;
}
.l-header__btn a {
	display: flex;
	padding: 0.6rem 1.6rem;
	background: linear-gradient(180deg, #C59B41 60%, #A16E00 100%);
	border-radius: 5rem;
	border: 2px solid;
	font-weight: 700;
}

/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 835px) {
	#l-wrapper {
		padding-top: 7rem;
	}
	#l-wrapper:before {
		background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
			url(../image/bg_pc.png) no-repeat center top;
		background-size: cover;
	}
	
	#l-header {
		padding: 0 2.4rem;
	}
	.l-header__logo {
		height: 7rem;
	}
	.l-header__logo img {
	    width: 14rem;
	}
	
	.l-header__btnmenu {
		display: none;
	}
	#l-header__navi {
		gap: 0 1.2rem;
	}
	#l-header__navi .nav {
	    position: static;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	    padding: 0;
	    width: auto;
	    max-height: auto;
	}
	#l-header__navi .nav ul {
		display: flex;
		border-top: 0;
	}
	#l-header__navi .nav li {
		border-bottom: 0;
	}
	#l-header__navi .nav li .eng {
		display: none;
	}
	#l-header__navi .nav li a {
	    display: block;
	    position: relative;
		padding: 0.2rem 0.6rem;
	    text-align: center;
	    line-height: 1.5;
		font-size: 1.4rem;
	    font-weight: 700;
	}
	#l-header__navi .nav li a:hover {
		background: #555;
	}
	#l-header__navi .nav li + li a {
		border-left: 2px solid #3C3C3C;
	}
	.l-header__btn a {
		padding: 0.5rem 2rem;
		font-size: 1.6rem;
	}
	.l-header__btn a:hover {
		opacity: 0.7;
	}
}
@media screen and (min-width: 1620px) {
	.l-header__logo img {
		width: 15.6rem;
	}
	#l-header__navi .nav li a {
	    padding: 0.2rem 1.2rem;
		font-size: 1.6rem;
	}
	.l-header__btn a {
		padding: 0.5rem 2.4rem;
		font-size: 1.8rem;
	}
}


/* footer
-----------------------------------------------------------*/
.l-pagetop {
	margin: 0 auto 8rem;
	max-width: 6rem;
}

#l-footer {
	padding: 8rem 0;
	background: #000;
	border-top: 0.8rem solid;
	border-image: linear-gradient(90deg, #004079 0%, #00A040 25%, #A9D11F 50%, #F08300 75%, #E6003E 100%) 1;
	text-align: center;
	color: #fff;
}
.l-footer__sns h2 {
	margin-bottom: 1.6rem;
	font-size: 1.6rem;
	font-weight: 500;
}
.l-footer__sns .links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 4rem;
}
.l-footer__logo {
	margin-top: 4rem;
	text-align: center;
}
.l-footer__logo img {
	width: 10.3rem;
}
#l-copyright {
	margin-top: 4rem;
	font-weight: 500;
}
#l-copyright p + p {
	margin-top: 0.8rem;
}

/*** pc ***/
@media screen and (min-width: 835px) {
	#l-footer {
	    padding: 11.4rem 0;
	}
	.l-footer__sns h2 {
	    margin-bottom: 2.4rem;
	    font-size: 1.8rem;
	}
	.l-footer__logo {
	    margin-top: 8rem;
	}
	
}


/* !common
---------------------------------------------------------- */
.is-hide {
	display: none;
}

.l-inner {
	margin: 0 auto;
	padding: 0 1.6rem;
}

.l-btn {
	text-align: center;
}
.l-btn .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 0 0.7rem;
	padding: 0.6rem;
	min-height: 4.8rem;
	width: 100%;
	max-width: 28.4rem;
	background: #fff;
	border-radius: 5rem;
	border: 2px solid;
	box-shadow: 0 2px 0 #0F1011;
	font-size: 1.6rem;
	font-weight: 700;
}
.l-btn .icon {
	width: 2.4rem;
}
.l-btn .soldout {
	pointer-events: none;
}
.l-btn .soldout:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(8deg);
	width: 14.6rem;
	height: 5rem;
	background: url(../image/common/img_soldout.png)no-repeat center;
	background-size: 100% 100%;
}
.l-btn .btn-ticket {
	background: #C59B41;
	box-shadow: 0 4px 0 #0F1011;
	color: #fff;
}
.l-btn .btn-ticket.st2 {
	border-color: #0F1011;
	box-shadow: 0 2px 0 #0F1011;
	font-weight: 600;
	font-size: 1.4rem;
}

.l-hdl {
	margin-bottom: 3.2rem;
	text-align: center;
}
.l-hdl__jap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7.2rem;
	padding: 1rem;
	background: url(../image/common/frame_ttl_sp.svg)no-repeat center;
	background-size: 100% 100%;
	font-size: 3.6rem;
	font-weight: 700;
}
.l-hdl__eng {
	margin-top: 0.8rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 700;
}
.l-hdl__eng:before,
.l-hdl__eng:after {
	content: "━";
	margin: 0 1rem;
}

.l-hdm {
	margin-bottom: 0.8rem;
	overflow: hidden;
	color: #001646;
	font-weight: 700;
}
.l-hdm:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -0.4rem 0.4rem 0 0;
	width: 0.4rem;
	height: 0.4rem;
	background: #001646;
}
.l-hdm span {
	display: inline-block;
	padding-right: 0.4rem;
	position: relative;
}
.l-hdm span:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	width: 100rem;
	border-top: 2px solid;
}

.l-anchorarea {
	position: relative;
}
.l-anchorarea .anchor {
	position: absolute;
	top: -6rem;
}

/*** pc ***/
@media screen and (min-width: 835px) {
	.l-inner {
		padding: 0 5rem;
		max-width: 85rem;
	}
	
	.l-btn .btn:hover {
		opacity: 0.7;
	}
	
	.l-hdl {
		margin-bottom: 4rem;
	}
	.l-hdl__jap {
		height: 8.2rem;
		padding: 1rem;
		background-image: url(../image/common/frame_ttl_pc.svg);
		font-size: 4.8rem;
	}
	.l-hdl__eng {
		font-size: 2rem;
	}
	.l-hdm {
		font-size: 2rem;
	}
	
	.l-anchorarea .anchor {
		top: -7rem;
	}
}


/* !page
---------------------------------------------------------- */
.l-kv {
	background: #000;
	text-align: center;
}
.l-kv img {
	width: 100%;
}

.l-top {
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.l-top__iframe .icon {
	position: absolute;
	z-index: -1;
	mix-blend-mode: multiply;
	opacity: 0.08;
}
.l-top__iframe .icon-lantern1 {
	left: 1.6rem;
	top: 0;
	width: 7.8rem;
}
.l-top__iframe .icon-lantern2 {
	right: 1.6rem;
	top: 0;
	width: 9.2rem;
}


.l-top__contents {
	display: flex;
	justify-content: space-between;
	padding: 4.8rem 1.6rem;
	letter-spacing: 0.02em;
}
/* .l-top__contents .side {
	width: ;
} */
.l-top__contents .main {
	width: calc(100% - 5.2rem);
}
.l-top__contents .txt {
	line-height: 2;
}
.l-top__head {
	writing-mode: tb-rl;
	writing-mode: vertical-rl; 
	line-height: 1.2;
	color: #001646;
	font-size: 2.8rem;
	font-weight: 700;
}

.l-match__ticket li {
	padding: 4.8rem 1.6rem; 
}
.l-match__ticket li.men {
	background: 
		url(../image/bg_match.png),
		linear-gradient(90deg, #00A040 0%, #003876 100%);
	background-size: 100%;
}
.l-match__ticket li.women {
	background: 
		url(../image/bg_match.png),
		linear-gradient(270deg, #F08300 0%, #E6003E 100%);
	background-size: 100%;
}
.l-match__ticket li .bg {
	padding: 2.4rem 2.4rem 3.5rem;
	background: #fff;
}
.l-match__ticket .head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
	background: #000;
	letter-spacing: 0.05em;
	color: #fff;
	height: 2.4rem;
	font-size: 1.8rem;
    font-weight: 500;
}
.l-match__team {
    display: flex;
    position: relative;
    margin-bottom: 2.4rem;
    text-align: center;
}
.l-match__team:before {
    content: "VS";
    position: absolute;
    left: 50%;
    top: 3.2rem;
    transform: translateX(-50%);
    font-family: "Oswald", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
}
.l-match__team .team {
    width: 50%;
}
.l-match__team .logo {
	margin: 0 auto 0.4rem;
	width: 8rem;
	background: #fff;
}
.l-match__team .logo img {
	width: 100%;
}
.l-match__team .tit {
	font-weight: 500;
}
.l-match__ticket-schedule {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 2.4rem;
    line-height: 1;
    font-size: 3.2rem;
    font-weight: 500;
}
.l-match__ticket-schedule .month {
	font-size: 7.2rem;
}
.l-match__ticket-schedule .day {
	margin: 0 1.6rem 0 1rem;
    font-size: 2.4rem;
    font-weight: 700;
}
.l-match__ticket-info {
	display: flex;
	justify-content: center;
}
.l-match__ticket-info dl {
    display: grid;
    align-items: center;
    grid-template-columns: 5.6rem 1fr;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}
.l-match__ticket-info dt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    background: #CED3D9;
    color: #000;
    font-size: 1.2rem;
}
.l-match__ticket-info dd {
	font-size: 1.6rem;
}
.l-match__ticket .l-btn {
	margin-top: 3.6rem;
}

.l-match__info {
	margin: 4.8rem auto;
	padding: 3rem 2.4rem;
	max-width: 31.1rem;
	background: url(../image/common/frame_injapan_sp.svg)no-repeat center;
	background-size: 100%;
}
.l-match__info .txt {
	line-height: 2;
	letter-spacing: 0.02em;
}
.l-match__info .l-btn {
	margin-top: 1.6rem;
}
.l-match__info .l-btn .btn {
	max-width: 30.4rem;
}
.l-match__info .l-btn .is-down {
	background: url(../image/common/icon_down.svg)no-repeat right 1.2rem center #fff;
}

.l-news {
	padding: 4.8rem 0 9.6rem;
}
.l-news__list li {
	display: none;
}
.l-news__list li:nth-child(1), 
.l-news__list li:nth-child(2), 
.l-news__list li:nth-child(3) {
	display: block;
}
.l-news__list.is-columns li {
	display: block;
}
.l-news__list li a {
	display: block;
	padding: 1.6rem 3.2rem 1.6rem 0;
	background: url(../image/common/icon_link_yell.svg)no-repeat right center;
	border-bottom: 1px solid #CED3D9;
}
.l-news__list li .dt {
	margin-bottom: 1.4rem;
	color: #6A727A;
	font-weight: 500;
}
.l-news__list li .dd {
	letter-spacing: 0.02em;
	font-size: 1.6rem;
	font-weight: 700;
}
.l-more__btn {
	cursor: pointer;
	margin-top: 1.6rem;
	padding-bottom: 4.2rem;
	background: url(../image/common/icon_more.svg)no-repeat center bottom;
	background-size: 4.2rem;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
}

.l-team {
	padding: 9.6rem 0;
	background: #0F1011;
	color: #fff;
}
.l-team__logos {
	display: flex;
	justify-content: center;
	gap: 0 2.4rem;
}
.l-team__logos li {
	width: 50%;
	max-width: 14.4rem;
}
.l-team__logos .head {
	padding: 0.3rem;
	margin-bottom: 1.6rem;
	background: #fff;
	text-align: center;
	line-height: 1;
	color: #0F1011;
	font-size: 1.8rem;
	font-weight: 500;
}
.l-team__logos .match {
	display: flex;
	justify-content: center;
}
.l-team__logos .match .logo {
	width: 50%;
}
.l-team__logos .match .logo img {
	width: 100%;
}
.thumb-media {
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.thumb-media-active {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
.l-team__swiper .display .logo {
	margin: 0 auto;
	max-width: 25rem;
}
.l-team__swiper .display .logo img {
	width: 100%;
}
.l-team__swiper .display .head {
	margin-bottom: 2.4rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
}
.l-team__swiper .display .head .cate {
	display: inline-block;
	padding: 0.1rem 0.7rem;
	min-width: 5.6rem;
	background: #C59B41;
	line-height: 1;
	font-size: 1.4rem;
}
.l-team__swiper .display .txt {
	padding: 2.4rem 0;
	border-top: 0.4rem solid;
	border-bottom: 0.4rem solid;
	line-height: 1.75;
	font-size: 1.6rem;
}
.l-team__swiper .swiper-button-prev:after,
.l-team__swiper .swiper-button-next:after {
	display: none;
}
.l-team__swiper .swiper-button-prev,
.l-team__swiper .swiper-button-next {
	top: 10rem;
	margin-top: 0;
	width: 2.8rem;
	height: 2.8rem;
	background: no-repeat center;
	background-size: 100%;
}
.l-team__swiper .swiper-button-prev {
	left: 1.6rem;
	background-image: url(../image/common/icon_prev_yell.svg);
}
.l-team__swiper .swiper-button-next {
	right: 1.6rem;
	background-image: url(../image/common/icon_next_yell.svg);
}
.swiper-ctrlbtn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 4rem;
	margin-top: 2.4rem;
}
.swiper-ctrlbtn .swiper-pagination {
	position: static;
	width: auto;
}
.l-team__swiper .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 0.8rem !important;
	background: #fff;
}
.l-team__swiper .swiper-pagination-bullet-active {
	background: #C59B41;
}
.swiper-ctrlbtn .swiper-button-prev,
.swiper-ctrlbtn .swiper-button-next {
	position: static;
	width: 2.4rem;
	height: 2.4rem;
}

.l-bg_gold {
	background: 
		linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%),
		url(../image/bg_gold_sp.png)repeat-y center top;
	background-color: #fff;
	background-size: 100%;
}

.l-featured {
	padding: 9.6rem 0; 
}
.l-featured__ctrl {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 0.4rem;
}
.l-featured__ctrl a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.5rem;
	width: calc(50% - 1.8rem);
	border: 1px solid;
	border-radius: 0.4rem;
	line-height: 1;
	font-weight: 700;
	font-size: 2rem;
}
.l-featured__ctrl a.is-active {
	height: 4.6rem;
	border-radius: 0.4rem 0.4rem 0 0;
	color: #fff;
}
.l-featured__ctrl .men {
	border-color: #001646;
}
.l-featured__ctrl .women {
	border-color: #E6003E;
}
.l-featured__ctrl .men.is-active {
	background: #001646;
}
.l-featured__ctrl .women.is-active {
	background: #E6003E;
}
.l-featured__bg {
	padding: 3.2rem 0;
	border-width: 2px 0;
	border-style: solid;
}
.l-featured__bg.men-style {
	background: #DDE8FF;
	border-color: #001646;
} 
.l-featured__bg.women-style {
	background: #FFD9E3;
	border-color: #E6003E;
}
.l-featured__match {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.6rem;
}
.l-featured__match .match {
	display: flex;
	align-items: flex-end;
	gap: 0 0.8rem;
	line-height: 1;
}
.l-featured__match .match .month {
    font-size: 7.2rem;
	font-weight: 500;
}
.l-featured__match .match .day {
	display: inline-block;
	padding: 0.3rem 0.2rem;
	background: #fff;
    font-size: 2.4rem;
	font-weight: 700;
}
.l-featured__match .teams {
	display: flex;
	gap: 0 1.6rem;
	position: relative;
}
.l-featured__match .teams:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	height: 4rem;
	border-left: 1px solid;
}
.l-featured__match .teams .logo img {
	width: 8rem;
}
.l-featured__display {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4rem;
	padding: 0 1.6rem;
}
.l-featured__display .img {
	margin-bottom: 0.8rem;
}
.l-featured__display .head {
	margin-bottom: 1.6rem;
	letter-spacing: 0.02em;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
}
.l-featured__display .head .place {
	margin-bottom: 0.8rem;
	padding: 0.4rem;
	color: #fff;
}
.l-featured__display .bg1 {
	background: linear-gradient(90deg, #00A040 0%, #004098 100%);
}
.l-featured__display .bg2 {
	background: linear-gradient(90deg, #003876 0%, #E60039 100%);
}
.l-featured__display .bg3 {
	background: linear-gradient(90deg, #E6003E 0%, #0075C2 100%);
}
.l-featured__display .bg4 {
	background: linear-gradient(90deg, #F08300 0%, #0F1011 100%);
}
.l-featured__display .career {
	line-height: 1.75;
	font-size: 1.6rem;
}
.l-featured__display .career p {
	margin-bottom: 1.6rem;
}

.l-feature-schedule {
	padding: 9.6rem 0 4.8rem;
	border-top: 6px solid #C59B41;
}
.l-feature-schedule__info {
	border: 2px solid #0F1011;
	background: #fff;
}
.l-feature-schedule__info + .l-feature-schedule__info { 
	margin-top: 4rem;
}
.l-feature-schedule__info .head {
	padding: 1rem 1.6rem;
	background: #0F1011;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
}
.l-feature-schedule__info .box {
	padding: 0 1.6rem;
}
.l-feature-schedule__info li {
	padding: 2.4rem 1.6rem;
}
.l-feature-schedule__info li + li {
	border-top: 2px solid #CED3D9;
}
.l-feature-schedule__info li .point {
	margin-bottom: 1.6rem;
	color: #001646;
	font-weight: 700;
	font-size: 1.6rem;
}
.l-feature-schedule__info li .point:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -0.4rem 0.4rem 0 0;
	width: 0.4rem;
	height: 0.4rem;
	background: #001646;
}
.l-feature-schedule__info li .tit {
	margin-bottom: 0.8rem;
	font-weight: 700;
	font-size: 1.6rem;
}
.l-feature-schedule__info .l-btn {
	margin-top: 1.6rem;
}
.l-feature-schedule__info .l-btn .btn {
	border-color: #F00;
    box-shadow: 0 4px 0 #F00;
}

.l-event {
	padding: 4.8rem 0 0;
}
.l-event__inner {
	padding: 0 1.6rem 4.8rem;
}
.l-event__ctrl {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 0.4rem;
	margin-bottom: 3.2rem;
	border-bottom: 2px solid #C59B41;
}
.l-event__ctrl a {
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 0 0.4rem;
    height: 3.5rem;
    width: calc(50% - 0.2rem);
    border: 1px solid #C59B41;
    border-radius: 0.4rem;
    line-height: 1;
	letter-spacing: 0.02em;
}
.l-event__ctrl .is-active {
    height: 4.6rem;
	background: #C59B41;
    border-radius: 0.4rem 0.4rem 0 0;
	color: #fff;
}
.l-event__ctrl .jap {
    font-size: 2rem;
	font-weight: 700;
}
.l-event__ctrl .eng {
	font-size: 1.2rem;
}
.l-event__list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4rem;
}
.l-event__list li {
	overflow: hidden;
	border-radius: 1.5rem;
	border: 0.4rem solid;
}
.l-event__list li a {
	display: block;
	cursor: pointer;
}
.l-event__list li .info {
	padding: 1.6rem;
	background: #fff;
}
.l-event__list li .tit {
	margin-bottom: 1.6rem;
    font-size: 1.6rem;
	font-weight: 700;
}
.l-event__list li .detail {
	margin-top: 1.6rem;
	text-align: center;
}
.l-event__list li .detail span {
	display: inline-block;
	padding: 0.4rem 5rem;
	background: #C59B41;
	border-radius: 3rem;
	color: #fff; 
}

.l-event__modal {
	display: none;
	position: fixed;
	left: 50%;
	top: 6rem;
	z-index: 100;
	transform: translateX(-50%);
	width: 100%;
	height: calc(100vh - 6rem);
	background-color: rgba(0, 0, 0, 0.7);
}
.l-event__modalbg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.l-event__modaldisplay {
	overflow: scroll;
	scrollbar-width: none;
	position: relative;
	z-index: 2;
	margin: 4rem auto 8rem;
	max-height: calc(100% - 12rem);
	width: calc(100% - 2rem);
	max-width: 34.3rem;
	background: #fff;
	border-radius: 1.6rem;
}
.l-event__modaldisplay .info {
	padding: 1.6rem;
}
.l-event__modaldisplay .tit {
    font-size: 1.6rem;
	font-weight: 700;
}
.l-event__modal .close {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 2rem auto 0;
	padding: 0.1rem 5rem;
	width: 18rem;
	height: 3.2rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #000;
	border-radius: 3rem;
	box-shadow: 0 0.2rem 0 #525252;
	color: #fff;
	font-weight: 500;
}




.l-after {
	padding: 9.6rem 0;
	border-top: 0.4rem solid #C59B41;
	border-bottom: 0.4rem solid #C59B41;
}
.l-after__match {
	margin: 0 auto;
	max-width: 31.1rem;
}
.l-after__match + .l-after__match {
	margin-top: 4rem;
}
.l-after__match .txt {
	margin-bottom: 1.6rem;
	line-height: 1.75;
}
.l-after__movie {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 0.8rem;
}
.l-after__movie .movie {
	display: block;
	position: relative;
	margin-bottom: 0.8rem;
	object-fit: cover;
	aspect-ratio: 311 / 175;
}
.l-after__movie .movie img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.l-after__movie .tit {
	line-height: 2;
	letter-spacing: 0.02em;
}

.l-access {
	padding: 4.8rem 0 9.6rem;
}
.l-access__position {
	margin-bottom: 1.6rem;
	padding: 0.4rem 1.6rem;
	background: #0F1011;
	text-align: center;
	color: #fff;
}
.l-access__position .place {
	margin-bottom: 0.4rem;
	font-size: 2rem;
	font-weight: 700;
}
.l-access__position .add {
	letter-spacing: 0.05em;
	font-size: 1.6rem;
	font-weight: 500;
}
.l-access__display .map {
	margin-bottom: 1.6rem;
}
.l-access__display .l-btn {
	margin-top: 1.6rem;
}
.l-access__display .l-btn .google {
	max-width: 100%;
	box-shadow: none;
	color: #C59B41;
}

.js-toggle-btn {
	cursor: pointer;
}
.js-toggle-box {
	display: none;
}

.l-ticket {
	padding: 9.6rem 0;
	background: rgba(0, 0, 0, 0.90);
}
.l-ticket .l-hdl {
	color: #C59B41;
}
.l-ticket__part {
	margin: 0 auto;
	max-width: 31.1rem;
}
.l-ticket__part + .l-ticket__part {
	margin-top: 5.6rem;
}
.l-ticket__cate {
	margin-bottom: 1.6rem;
	text-align: center;
	letter-spacing: 0.02em;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
}
.l-ticket__cate:before,
.l-ticket__cate:after {
	content: "•";
	margin: 0 1.6rem;
}
.l-ticket__list li {
	padding: 1.6rem;
	background: #fff;
	border: 2px solid #C59B41;
}
.l-ticket__list li + li {
	margin-top: 1.6rem;
}
.l-ticket__list .team {
	position: relative;
	padding: 0 3.2rem 0 5.6rem;
	background: url(../image/common/icon_plus_gold.svg)no-repeat right center;
	background-size: 2.4rem;
	font-size: 1.6rem;
	font-weight: 700;
}
.l-ticket__list .team.open {
	background-image: url(../image/common/icon_minus_gold.svg);
}
.l-ticket__list .team p {
	margin-bottom: 0.8rem;
}
.l-ticket__list .team p:last-child {
	margin-bottom: 0;
}
.l-ticket__list .team .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 4.8rem;
}
.l-ticket__list .team .logo img {
	width: 100%;
}
.l-ticket__list .display {
	margin-top: 1.6rem;
	padding-top: 1.6rem;
	border-top: 2px solid #C59B41;
}
.l-ticket__list .display .img {
	margin-bottom: 1.6rem;
}
.l-ticket__list .display .info {
	line-height: 1.75;
	font-size: 1.6rem;
}

.l-faq {
	padding: 1.6rem 0 9.6rem;
}
.l-faq__part + .l-faq__part {
	margin-top: 2.4rem;
}
.l-faq__head {
	margin-bottom: 1.6rem;
	padding-left: 0.8rem;
	border-left: 0.4rem solid #BC882E;
	font-size: 1.6rem;
	font-weight: 700;
}
.l-faq__list {
	border-top: 1px solid;
}
.l-faq__list a{
	color:#C59B41;
	text-decoration: underline;
}
.l-faq__list li {
	padding: 0.8rem 0;
	border-bottom: 1px solid;
	font-weight: 500;
}
.l-faq__list li .quest {
	position: relative;
	padding: 0.5rem 2rem 0.5rem 4rem;
	background: url(../image/common/icon_plus.svg)no-repeat right center;
	background-size: 1.2rem;
}
.l-faq__list li .quest.open {
	background-image: url(../image/common/icon_minus.svg);
	background-size: 2rem;
}
.l-faq__list li .quest:before {
	content: "Q";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 3.2rem;
	height: 3.2rem;
	background: #000;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	font-size: 2rem;
}
.l-faq__list li .answer {
	padding: 0.8rem 0 0.8rem 4rem;
}
.l-faq__list li .answer p + p {
	margin-top: 2rem;
}
.l-faq__other {
	margin: 4rem auto 0;
	max-width: 31.1rem;
	background: #fff;
	border: 1px solid;
}
.l-faq__other .th {
	padding: 1.2rem 0;
	background: #000;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
}
.l-faq__other .td {
	padding: 1.6rem;
}
.l-faq__other .l-btn {
	margin-top: 1.2rem;
}

.p-contact__btn {
  height: 46px;
  height: 2.875rem;
  margin: 0 auto;
  margin-top: 16px;
  margin-top: 1rem;
  max-width: 280px;
  max-width: 17.5rem;
}

.p-contact__btn a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7e7e7;
  border-radius: 0.25rem;
  color: #333;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.p-contact__btn a::before {
  background: url(../images/arrow_black.png) center center/contain no-repeat;
  content: "";
  height: 14px;
  height: 0.875rem;
  position: absolute;
  right: 14px;
  right: 0.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  width: 0.625rem;
}

 
/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 835px) {
	.l-kv img {
		object-fit: cover;
		width: auto;
		height: 50rem;
	}
	
	.l-top__iframe .icon-lantern1 {
		left: calc(50% - 55rem);
		top: -12rem;
		width: 14.2rem;
	}
	.l-top__iframe .icon-lantern2 {
		right: calc(50% - 52rem);
		top: -10rem;
		width: 18.4rem;
	}
	
	.l-top__contents {
		align-items: center;
		margin: 0 auto;
		padding: 5.6rem 5rem;
		max-width: 85rem;
	}
	.l-top__contents .main {
	    width: calc(100% - 7.2rem);
	}
	.l-top__head {
		font-size: 3.2rem;
	}
	.l-match__ticket {
		display: flex;
		margin: 0 auto;
		max-width: 91rem;
	}
	.l-match__ticket li {
		padding: 3.2rem;
		width: 50%;
	}
	.l-match__ticket li .bg {
	    padding: 2.4rem 4.8rem 3.5rem;
	}
	.l-match__team .team {
		min-height: 13.2rem;
	}
	.l-match__ticket .head {
	    height: 4rem;
	    font-size: 2.4rem;
	}
	.l-match__team .tit {
		font-size: 1.4rem;
	}
	.l-match__ticket-schedule {
		font-size: 4rem;
	}
	.l-match__ticket-schedule .month {
	    font-size: 8.4rem;
	}
	.l-match__ticket-schedule .day {
		font-size: 2.4rem;
	}
	.l-match__ticket-info dl {
	    grid-template-columns: 6.8rem 1fr;
	    gap: 0.8rem;
	    margin-bottom: 0.5rem;
	}
	.l-match__ticket-info dt {
	    height: 2.2rem;
	}
	.l-match__info {
	    margin: 5.2rem auto;
	    padding: 4rem 6rem;
		max-width: 68rem;
	    background-image: url(../image/common/frame_injapan_pc.svg);
	}
	.l-match__info .txt {
		text-align: center;
		font-size: 1.4rem;
	}
	
	.l-news {
	    padding: 5.2rem 0 10.4rem;
	}
	.l-news__list li a {
		background-position: right 1.4rem top 5rem;
	}
	.l-news__list li .dt {
	    margin-bottom: 0.4rem;
	}
	.l-more__btn {
	    margin-top: 4rem;
	}
	
	.l-team {
	    padding: 10.4rem 0;
	}
	.l-team__swiper {
		margin: 0 auto;
		max-width: 72rem;
	}
	.l-team__logos li {
	    max-width: 34.8rem;
	}
	.l-team__logos .head {
	    padding: 0.4rem;
	    margin-bottom: 2.4rem;
	    font-size: 2.4rem;
	}
	.l-team__logos .match .logo {
		max-width: 15.7rem;
	}
	.l-team__swiper .display .logo {
	    max-width: 36rem;
	}
	
	.l-bg_gold {
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%),
			url(../image/bg_gold_pc.png)repeat-y center top;
		background-color: #fff;
		background-size: 100%;
	}
	
	.l-featured {
	    padding: 10.4rem 0;
	}
	.l-featured__ctrl {
	    gap: 0 0.8rem;
		margin: 0 auto;
		max-width: 75rem;
	}
	.l-featured__ctrl a {
	    height: 5rem;
	    width: calc(50% - 1.6rem);
	    font-size: 2.8rem;
	}
	.l-featured__ctrl a.is-active {
	    height: 5.8rem;
	}
	.l-featured__bg {
	    padding: 4.8rem 0;
		border-width: 3px 0;
	}
	.l-featured__bg .l-inner {
		max-width: 130rem;
	}
	.l-featured__match {
	    justify-content: center;
		gap: 0 18rem;
	    margin-bottom: 0;
	}
	.l-featured__match .match .month {
	    font-size: 9.6rem;
	}
	.l-featured__match .match .day {
	    padding: 0.3rem 0.2rem;
		background: none;
	    font-size: 3.2rem;
	}
	.l-featured__match .teams .logo img {
	    width: 16rem;
	}
	.l-featured__match .teams:before {
		height: 8rem;
	}
	.l-featured__display {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 5.6rem;
	    padding: 0;
	}
	.l-featured__display .info {
		padding: 0 1.6rem;
	}
	.l-featured__display .head {
	    font-size: 3.2rem;
	}
	.l-featured__display .head .place {
		font-size: 2.4rem;
	}
	.l-featured__display .l-hdm {
		font-family: "Kaisei Opti", serif;
	}
	
	.l-feature-schedule {
	    padding: 10.4rem 0 5.2rem;
	}
	.l-feature-schedule .l-inner {
		max-width: 100rem;
	}
	.l-feature-schedule__info .head {
	    padding: 0.8rem 3.2rem;
	    font-size: 2rem;
	}
	.l-feature-schedule__info .box {
	    padding: 0 3.2rem;
		font-size: 1.4rem;
	}
	.l-feature-schedule__info li .point {
	    font-size: 2rem;
	}
	.l-feature-schedule__info .l-btn {
		text-align: left;
	}
	
	.l-event {
	    padding: 5.2rem 0 0;
	}
	.l-event__inner {
	    padding: 0 5rem 10.4rem;
		margin: 0 auto;
		max-width: 130rem;
	}
	.l-event__ctrl a {
	    gap: 0 0.8rem;
	    height: 5rem;
		max-width: 37rem;
	}
	.l-event__ctrl .is-active {
	    height: 5.8rem;
	}
	.l-event__ctrl .jap {
	    font-size: 2.8rem;
	}
	.l-event__ctrl .eng {
	    font-size: 1.6rem;
	}
	.l-event__list {
	    grid-template-columns: repeat(3, 1fr);
		margin: 0 auto;
		max-width: 100rem;
	}
	
	.l-event__modal {
	    top: 7rem;
	    height: calc(100vh - 7rem);
	}
	.l-event__modaldisplay {
		max-width: 50rem;
	}
	.l-event__modaldisplay .info {
	    padding: 2.4rem !important;
	}
	
	.l-after {
		padding: 10.4rem 0;
	}
	.l-after__match {
	    max-width: 72rem;
	}
	.l-after__match + .l-after__match {
	    margin-top: 5.6rem;
	}
	.l-after__match .l-match__team {
		gap: 0 8rem;
		margin: 0 auto 3.2rem;
		max-width: 40.6rem;
	}
	.l-after__match .l-match__team:before {
	    top: 6rem;
	}
	.l-after__match .l-match__team .logo {
	    width: 16rem;
	}
	.l-after__match .txt {
	    margin-bottom: 3.2rem;
	}
	.l-after__match .l-hdm {
	    margin-bottom: 1.6rem;
	}
	.l-after__movie {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 3.2rem 2.4rem;
	}
	.l-after__movie .tit {
	    line-height: 1.5;
		padding: 0 0.8rem;
		font-size: 1.2rem;
	}
	
	.l-access {
	    padding: 10.4rem 0;
	}
	.l-access .l-inner {
		max-width: 100rem;
	}
	.l-access__display {
		display: flex;
		justify-content: space-between;
	}
	.l-access__display .map {
		width: calc(50% - 1.2rem);
	}
	.l-access__display .info {
		width: calc(50% - 1.2rem);
	}
	.l-access__display .l-btn .google {
	    max-width: 28.4rem;
	}
	.l-access__position .place {
	    margin-bottom: 0;
	    font-size: 2.4rem;
	}
	.l-access__position .add {
	    font-size: 1.8rem;
	}
	
	.l-ticket {
	    padding: 10.4rem 0;
	}
	.l-ticket__part {
	    max-width: 72rem;
	}
	.l-ticket__cate {
	    margin-bottom: 2.4rem;
	    font-size: 2.8rem;
	}
	.l-ticket__list li {
	    padding: 2.4rem;
	}
	.l-ticket__list li + li {
	    margin-top: 2.4rem;
	}
	.l-ticket__list .team {
	    padding: 0 3.2rem 0 8.8rem;
	    background: url(../image/common/icon_plus_gold.svg) no-repeat right center;
	    background-size: 3.2rem;
	    font-size: 2rem;
	}
	.l-ticket__list .team .logo {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 7.2rem;
	}
	.l-ticket__list .display {
		display: flex;
		justify-content: space-between;
	    margin-top: 2.4rem;
	    padding-top: 2.4rem;
	}
	.l-ticket__list .display .img {
	    margin-bottom: 0;
		width: calc(50% - 1.2rem);
	}
	.l-ticket__list .display .info {
		width: calc(50% - 1.2rem);
	}
	
	.l-faq {
	    padding: 5.2rem 0 ;
	}
	.l-faq .l-match__info {
		margin-bottom: 10rem;
	}
	.l-faq__part {
		margin: 0 auto;
		max-width: 72rem;
	}
	.l-faq__part + .l-faq__part {
	    margin-top: 4rem;
	}
	.l-faq__head {
	    margin-bottom: 1.6rem;
	    border-left-width: 0.8rem;
	}
	.l-faq__list li {
		font-size: 1.4rem;
	}
	.l-faq__other {
	    margin: 4rem auto 0;
	    max-width: 67.2rem;
	}
	.l-faq__other .sub {
		display: flex;
		justify-content: center;
		font-size: 1.4rem;
	}
	.l-faq__other .td {
	    padding: 1.6rem 1.6rem 2.2rem;
	}
	.l-faq__other .l-btn {
		margin-top: 1.6rem;
	}
	.l-faq__other .l-btn .btn {
		font-size: 1.4rem;
	}

	  .p-contact__btn a {
    border-radius: 0.75rem;
    font-size: 1rem;
  }
}

html[lang=en] .l-match__ticket-info dl {
	grid-template-columns: 7.6rem 1fr;
}

html[lang=en] .en-none {
	display: none;
}

html[lang=en] .l-hdl__jap {
	font-size: 2.8rem;
	line-height: 1;
}