@charset "UTF-8";
.only-sm, .only-lg{display: none}

header{border-bottom: 1px solid #c7c7c7;}
header h1 a{display: block; text-indent: -999em; background: transparent url("../img/logo.png") no-repeat left top;}
header h1 a.lang-en, .lang-en header h1 a.lang-jp{display: none;}
.lang-en header h1 a.lang-en{display: block;}
header .g-nav > .field > ul li em + ul, header .g-nav > .field > ul > li b + ul, header .g-nav > .field > ul > li > ul > li span + ul{display: none;}
header .g-nav > .field > ul > li em{color: #666666; background-color: #aaaaaa;}
header .sns-nav ul li a:before{display: block;  width: 30px; height: 30px; line-height: 30px; color: #ffffff; background-color: #ea5404; border-radius: 15px; font-family: "Font Awesome 6 Brands"; text-align: center;}
header .sns-nav ul li.nav-twitter a:before{content: "\f099"; /*background-color: #1da1f2;*/}
header .sns-nav ul li.nav-x a:before{content: "\e61b"; /*background-color: #1da1f2;*/}
header .sns-nav ul li.nav-facebook a:before{content: "\f09a"; /*background-color: #1877f2;*/}
header .sns-nav ul li.nav-instagram a:before{content: "\f16d"; /*background-color: #d93177;*/}
header .sns-nav ul li.nav-youtube a:before{content: "\f16a"; /*background-color: #cd201f;*/}
header .lang-switcher a	{color: #444444;  font-family: 'Rubik', sans-serif; } 
header .lang-switcher a:before	{display: inline-block; content: ""; width: 19px; height: 13px; margin-right: 5px; background: url("../img/flag-jp.png") no-repeat left top; background-size: contain; border: 1px solid #c7c7c7; vertical-align: -1px;} 
header .lang-switcher .lang-jp:before	{background: url("../img/flag-en.png") no-repeat left top; background-size: contain;}
header .lang-switcher .lang-en, .lang-en header .lang-switcher .lang-jp	{display: none;}
.lang-en header .lang-switcher .lang-en	{display: block;}
footer{/*margin-top: 40px;*/ padding: 20px 0; color: #ffffff; background-color: #ea5404;}
footer .row-lg .col div img{width: 200px;}
footer ul.reset li a{color: #ffffff;}
footer ul.reset li a:before{display: inline-block; content: ""; margin-right: 5px; font-family: "Font Awesome 6 Free";}
footer ul.reset li a.lang-en, .lang-en footer ul.reset li a.lang-jp, .lang-en footer ul.reset li.lang-jp{display: none;}
.lang-en footer ul.reset li a.lang-en	{display: block;}
main{margin-bottom: 40px;}
.dir-top main{margin-bottom: 0;}
.slider-partners{padding: 20px 0;}
.matchcenter{width: 100%; padding-bottom: 40px; background-color: #eeeeee;  font-family: 'Rubik', sans-serif; overflow: hidden;}
.slider-matchcenter	.swiper-slide a{display: block; margin: 0 10px; color: #444444; background-color: #ffffff; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); text-align: center;}
.slider-matchcenter	a .category{padding: 10px 0 0;}
.slider-matchcenter	a .category img{height: 35px;}
.slider-matchcenter	a .date{width: 100%; color: #ffffff; background-color: #ea5404; line-height: 1.2; text-align: left;}
.slider-matchcenter	a .date .col{padding: 10px; vertical-align: middle; box-sizing: border-box;}
.slider-matchcenter	a .date .col:first-child{width: 70px; font-size: 3.75rem; text-align: center; border-right: 1px solid #ffffff; line-height: 1.0;}
.slider-matchcenter	a .date .col em{display: block; font-weight: 700;}
.slider-matchcenter	a .category{text-align: center;}
.slider-matchcenter	a .game{width: 100%;}
.slider-matchcenter	a .game .col{width: 35%; padding: 0 10px 0; text-align: center; line-height: 1.4; vertical-align: top; box-sizing: border-box;}
.slider-matchcenter	a .game .col img{box-sizing: border-box;}
.slider-matchcenter	a .game .col:nth-of-type(2){width: auto; padding: 0; vertical-align: middle; line-height: 1.2;}
.slider-matchcenter	a .game .col:nth-of-type(2) .result{display: table; width: 100%; min-height: 60px; color: #ffffff; background: -webkit-linear-gradient(0deg, #ea5404, #014099); border-radius: 10px;}
.slider-matchcenter	a .game .col em{display: block; color: #ea5404; background: -webkit-linear-gradient(0deg, #ea5404, #014099); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 3.0rem; font-weight: 700; line-height: 1.0;}
.slider-matchcenter	a .game .col:nth-of-type(2) .result div{display: table-cell; vertical-align: middle;}
.slider-matchcenter	a .game .col:nth-of-type(2) .result div  em{ color: #ffffff; -webkit-text-fill-color: #ffffff; font-size: 2vw; vertical-align: middle;}
.slider-matchcenter	a .match + p{display: inline-block;padding-bottom: 10px; font-size: 1.2rem; text-align: center}
.slider-matchcenter	a .match + p:before{display: inline-block;content: "\f041"; margin-right: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900;;}
.slider-matchcenter	a  .match b{display: block; height: 40px; line-height: 1.4; text-align: center;}
.slider-matchcenter	a  .match b span{display: inline-block; padding: 0 5px; font-size: 1.2rem; font-weight: 400; white-space: nowrap;}
.slider-matchcenter	a.viewall div{display: table; width: 100%; height: 100%; color: #ffffff; background: rgb(234,84,4);background: linear-gradient(90deg, rgba(234,84,4,1) 0%, rgba(1,64,153,1) 100%);}
.slider-matchcenter	a.viewall div span{display: table-cell; font-size: 3.0rem; vertical-align: middle; line-height: 1.4;}
.slider-matchcenter	a.viewall div span b{display: block;}
.matchcenter .item-button span{ font-family: 'Rubik', sans-serif; }

.ui-list.solid{  border: none;}
.ui-list.solid ul li{  border-bottom: 1px solid #c7c7c7;}
.ui-list.striped-odd ul li:nth-child(odd){  background-color: #f7f7f7;}
.ui-list.striped-even ul li:nth-child(even){  background-color: #f7f7f7;}


.ui-news ul, .ui-movie ul{  margin-bottom: 40px;}
.ui-news li a{  display: block; color: #444444; }
.ui-news li a figure	{overflow: hidden;}
.ui-news li a figure img	{display: block; transition-duration: 0.3s;}
.ui-news li a:hover figure img	{transform: scale(1.1);	transition-duration: 0.3s;}
.ui-news li figcaption, .ui-movie li figcaption{  margin: 10px 0; line-height: 1.4;}
.ui-news li figcaption{  font-weight: 700;}
.ui-movie li figcaption{  font-weight: 700;}
.ui-news li .row{  width: 100%; }
.ui-news li .row > .col{  padding-bottom:  10px }


.category em{  display: inline-block; width: 100px; height: 24px; line-height: 24px;  color: #ffffff; border-radius: 12px; font-size: 1.2rem; text-align: center;}
.category.team em{  background-color: #ea5404; border: 1px solid #fea5404;}
.category.academy em{  background-color: #c0392b; border: 1px solid #c0392b;}
.category.club em{  color: #333333; border: 1px solid #333333;}
.category.school em{  background-color: #27ae60; border: 1px solid #27ae60;}
.category.goods em{  background-color: #8e44ad; border: 1px solid #8e44ad;}
.category.event em{  background-color:#2980b9; border: 1px solid #2980b9;}
.category.media em{  background-color: #f39c12; border: 1px solid #f39c12;}
.category.hometown em{  background-color: #16a085; border: 1px solid #16a085;}
.category.report em{  background-color: #34495e; border: 1px solid #34495e;}
.category.other em{  background-color: #7f8c8d; border: 1px solid #7f8c8d;}
article .heading .category em{   margin-right: 10px;}
.ui-news li .date{ color: #999999; font-size: 1.2rem;  text-align: right;}
.ui-movie li .date{ color: rgba(255,255,255,0.75); font-size: 1.2rem; }
.ui-schedule ul li{width: 100%;}
.ui-schedule ul li .col{width: 44%; padding: 10px 20px;  border-left: 1px solid #eeeeee; vertical-align: middle; box-sizing: border-box;}
.ui-schedule ul li .col:first-child{width: 16%; position: relative; border-left: none; font-family: 'Rubik', sans-serif; }
.ui-schedule ul li .col:first-child span{display: block; position: absolute; top: 50%; left: 6.0em; margin-top: -0.75em; padding: 5px 10px; background-color: #eeeeee; line-height: 1.0; }
.ui-schedule ul li .col:first-child span.sat{background-color: rgba(1,64,153,0.15); }
.ui-schedule ul li .col:first-child span.sun{background-color:  rgba(234,84,4,0.15); }
.ui-schedule ul li .icon{display: inline-block; height: 33px; vertical-align: middle;}
.ui-schedule ul li .icon img{height: 33px;}
.ui-schedule .ctrl{ font-family: 'Rubik', sans-serif; }
.ui-schedule .ctrl .row{width: 100%; border-bottom: 1px solid #c7c7c7; }
.ui-schedule .ctrl .row .col{width: 30%; font-size: 2.0rem;}
.ui-schedule .ctrl .row .col:nth-of-type(2){width: 40%; font-size: 4.0rem; text-align: center; line-height: 1.0;}
.ui-schedule .ctrl .row .col:last-child{text-align: right;}
.ui-schedule .ctrl .row .col a{display: block; padding: 10px; color: #444444; text-decoration: none;}
.ui-schedule .ctrl .row .col:first-child a{border-right: 1px solid #c7c7c7;}
.ui-schedule .ctrl .row .col:first-child a:before{display: inline-block; content: "\f137"; margin-right: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900;;}
.ui-schedule .ctrl .row .col:last-child a{border-left: 1px solid #c7c7c7;}
.ui-schedule .ctrl .row .col:last-child a:after{display: inline-block; content: "\f138"; margin-left: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900;;}
.ui-schedule .ctrl ol{width: 80%; margin: 0 auto; padding: 20px 0; font-size: 0;}
.ui-schedule .ctrl ol li{display: inline-block; width: 7.6415%; margin-left: 0.7547%;	font-size: 1.6rem;}
.ui-schedule .ctrl ol li:first-child{margin-left: 0;}
.ui-schedule .ctrl ol li a, .ui-schedule .ctrl ol li b{display: block; padding: 5px 0; color: #444444; text-align: center; line-height: 1.0;}
.ui-schedule .ctrl ol li b, .ui-schedule .ctrl ol li a:hover{color: #ffffff; background-color: #ea5404;  border-radius: 5px;}
.ui-schedule .ctrl ol li a em, .ui-schedule .ctrl ol li b em{display: block; font-size: 3.0rem;}
.ui-league-table ol li{width: 100%; font-size: 0;}
.ui-league-table ol li:nth-child(odd){background-color: #eeeeee;}
.ui-league-table ol li:nth-of-type(n+2){ font-family: 'Rubik', sans-serif; }
.ui-league-table ol li.focus{background-color:  rgba(234,84,4,0.10);}
.ui-league-table ol li .col{padding:  10px; font-size: 1.6rem; vertical-align: middle; box-sizing: border-box;}
.ui-league-table ol li:first-child .col{background-color: #eeeeee; font-size: 1.2rem;}
.ui-league-table ol li .col:nth-of-type(-n+2){width: 50px; text-align: center;}
.ui-league-table ol li:nth-of-type(n+2) .col:nth-of-type(3), .ui-league-table ol li:nth-of-type(n+2) .col:nth-of-type(5){font-weight: 900;}
.ui-league-table ol li .col:nth-of-type(n+4){width: 70px;text-align: center;}
.ui-match li .col:nth-of-type(n+3){ font-family: 'Rubik', sans-serif; }
.ui-match li .result b em{display: block; font-weight: normal;}
.ui-match li .result span{color: #ea5404; background: -webkit-linear-gradient(0deg, #ea5404, #014099);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 2.0rem; font-weight: 700; text-align: center;}
.ui-match li .result b{display: block; color: #ffffff; background: rgb(234,84,4); background: -moz-linear-gradient(45deg,  rgba(234,84,4,1) 0%, rgba(1,64,153,1) 100%);  background: -webkit-linear-gradient(45deg,  rgba(234,84,4,1) 0%,rgba(1,64,153,1) 100%); background: linear-gradient(45deg,  rgba(234,84,4,1) 0%,rgba(1,64,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5404', endColorstr='#014099',GradientType=1 ); border-radius: 5px; line-height: 1.0; text-align: center;}


.social-media	{text-align: center;}
.social-media iframe	{vertical-align: top;}
.social-media  b	{display: inline-block;  height: 30px; margin:40px 0  20px; padding-bottom: 5px; color: #ffffff; border-bottom: 2px solid #ffffff;  font-size: 2.0rem; text-align: center; line-height: 1.0;}
.social-media  b	{width: 40px; height: 40px; line-height: 40px; overflow: hidden; border-bottom: none;}
.social-media  b:before	{display: inline-block; content: "\f099";/* margin-right: 10px;*/ font-family: "Font Awesome 6 Brands"; font-weight: 400; font-size: 3.0rem; font-weight: 400; vertical-align: -2px;}
.social-media .tl-x b:before	{content: "\e61b";}
.social-media .tl-facebook b:before	{content: "\f230";}
.social-media .tl-instagram b:before	{content: "\f16d";}
.social-media  b a	{color: #ffffff;}
.social-media .tl-instagram ul li img	{display: block; object-fit: cover; width: 100%;}
.social-media-unit ul	{display: flex;}
.social-media-unit ul li	{position: relative; width: 100%; text-align: center; overflow: hidden;}
.social-media-unit ul li a	{display: block; padding: 1.5em 1.0em; color: #ffffff;}
.social-media-unit ul li.button-x	{background-color: #000000;}
.social-media-unit ul li.button-facebook	{background-color: #1877f2;}
.social-media-unit ul li.button-instagram	{background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;}
.social-media-unit ul li.button-instagram:before	{display: block; content: ""; position: absolute; top: 35%; right: 25%; bottom: -35%; left: -25%; width: 100%; height: 150%; background: radial-gradient(#ffdb2c 0%, rgba(255, 105, 34, 0.65) 35%, rgba(255, 88, 96, 0) 60%);}
.social-media-unit ul li a > *	{position: relative;}
.social-media-unit ul li a:before	{display: block; font-family: "Font Awesome 6 Brands"; font-weight: 400; font-size: 4.0em; line-height: 1.0;}
.social-media-unit ul li.button-x a:before	{content: "\e61b";}
.social-media-unit ul li.button-facebook a:before	{content: "\f09a";}
.social-media-unit ul li.button-instagram a:before	{content: "\f16d";}
.social-media-unit ul li b	{display: flex; align-items: center; flex-direction: column; justify-content: center; height: 2.5em; line-height: 1.4;}
.social-media-unit ul li span	{display: inline-block; margin-top: 0.5em; padding: 0.5em 2.0em 0.75em; border: 1px solid #ffffff; border-radius: 5.0em; font-weight: bold; line-height: 1.0; box-sizing: border-box;}
.social-media-unit ul li.button-x a:hover span	{color: #000000; background-color: #ffffff;}
.social-media-unit ul li.button-facebook a:hover span	{color: #1877f2; background-color: #ffffff;}
.social-media-unit ul li.button-instagram a:hover span	{color: #f13f79; background-color: #ffffff;}
.page-partners .partners h1{display: none;}
.partners{position: relative; margin-top: 80px; border-top: 20px solid #eeeeee;}
.page-partners .partners{display: none;  margin-top: 0; border-top: none;}
.dir-top .partners{margin-top: 0;}
.partners:before{display: block; content: ""; position: absolute; top: -20px; left: 0; width: 100%; height: 1px; background-color: #b7b7b7;}
.page-partners .partners:before{display: none}
.partners dl{margin-bottom: 40px;}
.partners dt{margin: 40px 0 20px;  padding-bottom: 0px;  border-bottom: 1px solid #c7c7c7; font-family: 'Rubik', sans-serif;font-weight: 900;}
.partners dt:first-child{margin-top: 0;}
.group > *	{display: inline-block; margin-left: 5px;}
.group > *:first-child	{margin-left: 0;}
.item-banner{ padding: 40px 0; background-color: #eeeeee;}
.item-banner .unit-2-lg li a{ display: block; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);}
.item-icon	{display: inline-block; width: 26px; height: 26px; overflow: hidden;}
.item-icon:before	{display: block; height: 26px; line-height: 26px; border-radius: 13px; font-family: "Font Awesome 6 Brands"; font-weight: 400; text-align: center; overflow: hidden;}
.item-icon.twitter:before	{content: "\f099"; color: #ffffff; background-color: #1da1f2;}
a:hover .item-icon.twitter:before	{color: #1da1f2; background-color: #ffffff;}
.item-icon.x:before	{content: "\e61b"; color: #ffffff; background-color: #000000;}
a:hover .item-icon.x:before	{color: #000000; background-color: #ffffff;}
.item-icon.instagram:before	{content: "\f16d"; color: #ffffff; background-color: #d93177;}
a:hover .item-icon.instagram:before	{color: #d93177; background-color: #ffffff;}

.swiper-container .swiper-button-prev{content:"\f104";position:absolute;left:0;top:50%;width:50px;height:50px;line-height:50px;margin-top:-1.7em;color:#fff;background-color:rgba(255,255,255,0.50);background-size:20px;border-radius:50%;font-family: "Font Awesome 6 Free"; font-weight: 900;;}
.slider-kv	.swiper-container .swiper-button-prev{left:-25px;}
.swiper-container .swiper-button-next{content:"\f105";position:absolute;right:0;top:50%;width:50px;height:50px;line-height:50px;margin-top:-1.7em;color:#fff;background-color:rgba(255,255,255,0.50);background-size:20px;border-radius:50%;font-family: "Font Awesome 6 Free"; font-weight: 900;;}
.slider-kv	.swiper-container .swiper-button-next{right:-25px;}
 .swiper-container .swiper-button-prev.orange, .swiper-container .swiper-button-next.orange{background-color:rgba(234,84,4,0.50) !important;}
.swiper-pagination{position:static!important;width:100%;height:auto!important;padding:10px 0!important;text-align:center;line-height:1;font-size:0;}
.swiper-pagination-bullet{width:110px!important;height:3px!important;margin:0 5px;border-radius:0!important;vertical-align:top!important;outline:0;background-color:#FFF;opacity:1;}
.swiper-pagination-bullet-active{background-color:#ea5404!important;}

/* Top */
.dir-top section{  padding-bottom: 40px;}
/*.dir-top section{  padding-bottom: 40px; border-top: 1px solid #c7c7c7;}*/
.dir-top section.movie{  background-color: #014099;}
.dir-top section.movie .unit-2-lg li a{  color: #ffffff;}
.dir-top section h1, .partners h1{ margin-bottom: 0.25em; padding: 40px 0; color: #ea5404; font-size: 3.5rem; font-weight: 700;  font-family: 'Rubik', sans-serif;  text-align: center;}
.dir-top section.social-media h1{  padding: 40px 0; background-color: #ffffff; color: #ea5404; line-height: 1.2;}
.dir-top section h1 em, .partners h1 em{  display: inline-block; line-height: 1.2;}
.dir-top section h1 em:after, .partners h1 em:after{  display: block; content: ""; width: 	100%;; height: 1px; margin: 10px auto 0;	background-color: #ea5404;}
.dir-top section .item-button-line span{font-family: 'Rubik', sans-serif; }

/* News */
.dir-news.detail article .heading{margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #c7c7c7;}
.dir-news.detail article .heading h1{line-height: 1.6}
.dir-news.detail article .heading .row-lg{width: 100%;}
.dir-news.detail article .heading .row-lg .button-sns{text-align: right;}
.dir-news.detail article .body .bottom-nav{margin-top: 40px; }
.dir-news.detail article .body h2{padding: 10px; color: #ffffff; background-color: #ef7f43; border-radius: 5px; font-size: 1.6rem;}

/* Match */
.dir-match.page-game-schedule.detail main .ttl-page{margin-bottom: 0;}
.dir-match.page-game-schedule.detail main .heading{position: relative; color: #ffffff; background-color: #222222; /*background: transparent url("../img/match/top/game-schedule/bg-heading.jpg") no-repeat center 20%; background-size: cover;*/ overflow: hidden;}
.dir-match.page-game-schedule.detail.home main .heading .info + .container:before{display: block; content: ""; position: absolute; top: 0; left: -100px; width: 300px; height: 100%; background: rgb(1,64,153);background: linear-gradient(335deg, rgba(1,64,153,1) 0%, rgba(1,64,153,1) 100%);transform: skewX(25deg);}
.dir-match.page-game-schedule.detail.home main .heading .info + .container:after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 300px; height: 100%; background: rgb(234,84,4);background: linear-gradient(335deg, rgba(234,84,4,0.5) 0%, rgba(234,84,4,1) 100%);transform: skewX(25deg);}
.dir-match.page-game-schedule.detail.away main .heading .info + .container:before{display: block; content: ""; position: absolute; top: 0; right: -100px; width: 300px; height: 100%; background: rgb(1,64,153);background: linear-gradient(335deg, rgba(1,64,153,1) 0%, rgba(1,64,153,1) 100%);transform: skewX(-25deg);}
.dir-match.page-game-schedule.detail.away main .heading .info + .container:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 300px; height: 100%; background: rgb(234,84,4);background: linear-gradient(335deg, rgba(234,84,4,0.5) 0%, rgba(234,84,4,1) 100%);transform: skewX(-25deg);}
/*.dir-match.page-game-schedule.detail main .heading.home .info + .container{position: relative; color: #ffffff; background-color: #014099; overflow: hidden;}
.dir-match.page-game-schedule.detail main .heading.home .info +  .container:before{display: block; content: ""; position: absolute; top: 0; left: -450px; width: 0; height: 0; border-style: solid; border-width: 2120px 1060px 0 0; border-color: rgba(234,84,4,1) transparent transparent transparent; z-index: 0;}*/
.dir-match.page-game-schedule.detail main .heading *{position: relative; z-index: 1;}
.dir-match.page-game-schedule.detail main .heading .info{padding: 10px 0;  background-color: #333333; border-bottom: 1px solid #111111; text-align: center;}
.dir-match.page-game-schedule.detail main .heading .info span{display: block;}
.dir-match.page-game-schedule.detail main .heading .row{width: 100%;}
.dir-match.page-game-schedule.detail main .heading .row .col{vertical-align: middle;}
.dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(1), .dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(3){width: 30%; padding: 20px 0; font-family: 'Rubik', sans-serif; font-size: 2.0rem; font-weight: bold;text-align: center;}
.dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(1) span, .dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(3) span{display: block; width: 40%; margin: 0 auto; padding: 10px 0; background-color: rgba(0,0,0,0.25); border-radius: 5px; font-size: 1.4rem; font-weight: 400;text-align: center; line-height: 1.0;}
.dir-match.page-game-schedule.detail main .heading .row .col img{display: block; margin: 0 auto 10px;}
.dir-match.page-game-schedule.detail main .heading .row .col:nth-of-type(2){padding: 40px 0; text-align: center;}
.dir-match.page-game-schedule.detail main .heading .row .col strong{display: block; font-family: 'Rubik', sans-serif; font-size: 10.0rem; line-height: 1.0;}
.dir-match.page-game-schedule.detail main .heading .row .col ul{position: relative; width: 60%; margin:  0 auto; padding: 10px 0; color: #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
.dir-match.page-game-schedule.detail main .heading .row .col ul:before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 100%; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.dir-match.page-game-schedule.detail main .heading .row .col ul:after{display: block; content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

.dir-match.page-game-schedule.detail main .basic-info .field{border-bottom: 1px solid #c7c7c7;}
.dir-match.page-game-schedule.detail main .basic-info .row{width: 100%;}
.dir-match.page-game-schedule.detail main .basic-info .row .col{width: 40%; padding: 20px 0; vertical-align: middle;}
.dir-match.page-game-schedule.detail main .basic-info .row .col:first-child{text-align: right;}
.dir-match.page-game-schedule.detail main .basic-info .row .col:nth-of-type(2){position: relative; width: 20%; text-align: center;}
.dir-match.page-game-schedule.detail main .basic-info .row .col:nth-of-type(2):before{display: block; content: ""; position: absolute; top: 10px; right: 20px; bottom: 10px; left: 20px; background: rgb(234,84,4);background: linear-gradient(90deg, rgba(234,84,4,1) 0%, rgba(1,64,153,1) 100%);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6); }
.dir-match.page-game-schedule.detail main .basic-info .row .col:nth-of-type(2) em{position: relative; color: #ffffff; z-index: 1;}
.dir-match.page-game-schedule.detail main .member{padding: 40px 0; background-color: #eeeeee;}
.dir-match.page-game-schedule.detail main .member .unit-2-lg .col ul{margin-bottom: 40px; background-color: #ffffff; box-sizing: border-box; /*box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);*/}
.dir-match.page-game-schedule.detail main .member .unit-2-lg .col ul:last-child{margin-bottom: 0;}
.dir-match.page-game-schedule.detail main .member .unit-2-lg > .col strong{display: block;  font-family: 'Rubik', sans-serif; font-size: 3.0rem;  text-align: center;}
.dir-match.page-game-schedule.detail main .member .unit-2-lg > .col strong img{display: inline-block; width: 50px; margin-right: 10px; vertical-align: middle;}
.dir-match.page-game-schedule.detail main .member .col ul{margin: 2px 2px 0;}
.dir-match.page-game-schedule.detail main .member .col ul li.row{width: 100%;}
.dir-match.page-game-schedule.detail main .member .col ul li.row > .col{padding: 8px 20px 10px 20px; border-bottom: 2px solid #ffffff;}
.dir-match.page-game-schedule.detail main .member .col ul li:nth-child(even){background-color: #f7f7f7;}
.dir-match.page-game-schedule.detail main .member .col ul li.row > .col:first-child{width: 60px; padding-right: 0; padding-left: 0; color: #ffffff; background-color: #777777; border-right: 1px solid #eeeeee; text-align: center; box-sizing: border-box;}
.dir-match.page-game-schedule.detail.home main .member .col:first-child ul li.row > .col:first-child{background-color: #ea5404;}
.dir-match.page-game-schedule.detail.away main .member .col:last-child ul li.row > .col:first-child{background-color: #014099;}
.dir-match.page-game-schedule.detail main .member .col b{display: block; padding-bottom: 20px; color: #444; background-color: #eeeeee; text-align: center;}
.dir-match.page-game-schedule.detail main .game-report{margin-top: 40px; padding-bottom: 20px; background-color: #ffffff; }
.dir-match.page-game-schedule.detail main .game-report .ttl-light{border-bottom: 1px solid #dddddd;;}
.dir-match.page-game-schedule.detail main .game-report .body{padding: 20px 20px 0;}
.dir-match.page-game-schedule.detail main .game-report .item-embed{margin: 20px auto;}
.dir-match.page-game-schedule.detail main .game-report .unit-3-lg{padding: 0 20px 20px}
.dir-match.page-game-schedule.detail main .highlight{padding: 40px 0; text-align: center;}
.dir-match.page-game-schedule.detail main .highlight strong{display: inline-block; margin-bottom: 20px; font-size: 2.0rem;}
.dir-match.page-game-schedule.detail main .highlight strong:before{display: inline-block; content: ""; width: 50px; height: 10px; margin-right: 15px; background-color: #ea5404;transform:skewX(-25deg); vertical-align: 4px;}
.dir-match.page-game-schedule.detail main .highlight strong:after{display: inline-block; content: ""; width: 50px; height: 10px; margin-left: 15px; background-color: #ea5404;transform:skewX(-25deg); vertical-align: 4px;}

/* Team */
.dir-team.top main section .ttl-page {margin-bottom: 0;}
.dir-team.top.list main  section  section {padding: 40px 0;}
.dir-team.top.list main  section  section:nth-child(odd) {background-color: #f7f7f7;}
.dir-team.top.list main  section  section h1 {  margin-bottom: 20px; font-family: 'Rubik', sans-serif;  text-align: center;}
.dir-team.top.list main  section  section h1 em { display: inline-block; margin-bottom: 5px; padding: 0 20px 5px; color: #ea5404; border-bottom: 5px solid #ea5404; font-size: 5.0rem; line-height: 1.0;}
.dir-team.top.list main  section  section h1 span { display: block; font-size: 1.6rem;}
.dir-team.top.list main section section ul li a	{display: block; }
.dir-team.top.list mainsection section ul li img	{display: block;}
.dir-team.top.list main section section ul li .row > .col	{line-height: 1.2;}
.dir-team.top.list main section section ul li .row .col:first-child, .dir-team.top.list main section .container ul li a .row > .col span	{ font-family: 'Rubik', sans-serif;}
.dir-team.top.list main section section ul li .row .col:first-child	{ font-weight: 700;}
.dir-team.top.list main section section ul li .row > .col span	{ display: block; margin-top: 5px;  font-size: 1.2rem;}
.dir-team.top.list main section section ul	{font-size: 0;}
.dir-team.top.list main section section ul li {display: inline-block; width:  23.584%; margin: 1.886% 0 0 1.886%; font-size: 1.6rem;}

.dir-team.top.detail main .heading {color: #ffffff; background-color: #ea5404;}
.dir-team.top.detail main .heading  .row-lg {width: 100%;}
.dir-team.top.detail main .heading  .row-lg .col {box-sizing: border-box;}
.dir-team.top.detail main .heading .col:first-child strong { display: inline-block; padding: 0 10px 10px; border-bottom: 1px solid #ffffff; font-size: 3.0rem;line-height: 1.0; font-weight: 400;}
.dir-team.top.staff.detail main .heading .col:first-child strong { font-size: 1.6rem;}
.dir-team.top.detail main .heading .col:first-child strong span {display: inline-block; margin-left: 10px; font-size: 4.0rem; font-weight: 700;}
.dir-team.top.detail main .heading .col:first-child h1 { margin: 10px 0; font-size: 2.0rem;line-height: 1.4;}
.dir-team.top.detail main .heading .col:first-child h1 em {display: block; font-size: 4.5rem; font-family: 'Rubik', sans-serif; }
.dir-team.top.detail main .heading .col h1 em {font-family: 'Rubik', sans-serif; }

.dir-team.top.detail main .heading table {width: 100%; border-collapse: collapse;}
.dir-team.top.detail main .heading table th, .dir-team.top.detail main .heading table td {padding: 9px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.dir-team.top.detail main .heading table th {width: 50%;}
.dir-team.top.detail main .note .unit-2-lg .col {position: relative; background-color: #ffffff; border: 5px solid #ffffff; border-radius: 5px;  vertical-align: top; box-sizing: border-box; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); z-index: 1; overflow: hidden;}
.dir-team.top.detail main .note .unit-2-lg .col:after {display: block; content: ""; position: absolute; top: 0; right: -15%;width: 0;height: 0;border-style: solid;border-width: 0 0 200px 200px;border-color: transparent transparent #f0f0f0 transparent;}
.dir-team.top.detail main .note .unit-2-lg .col p {position: relative; padding: 15px; z-index: 1;}

.dir-team.top.detail main .note .unit-2-lg .col b {display: block; margin-bottom: 10px; padding-bottom: 10px;	 color:  #014099; border-bottom: 1px solid #c7c7c7;  line-height: 1.0;}
.dir-team.top.detail main .note .unit-2-lg .col b:before {display: inline-block; content: "\f1e3"; margin-right: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900;; font-size: 3.0rem; font-weight: 400; vertical-align: -5px;}
.dir-team.top.detail main .note .unit-2-lg .col:first-child b:before {content: "\f27b";}
.dir-team.top.detail main .enquete .unit-3-lg .col {position: relative; margin-top: 2.358%; padding: 15px 0 20px 20px; border-bottom: 1px solid #ea5404; vertical-align: top; box-sizing: border-box;}
.dir-team.top.detail main .enquete .unit-3-lg .col:before {display: block; content: ""; position: absolute; top: -5px; left: 0; width: 1px; height: 20px; background-color: #ea5404;}
.dir-team.top.detail main .enquete .unit-3-lg .col:after {display: block; content: ""; position: absolute; top: 0; left: -5px; width: 20px; height: 1px; background-color: #ea5404;}
.dir-team.top.detail main .enquete .unit-3-lg .col em {display: block; color: #ea5404;}
.dir-team.top.detail main .gallery h1 {font-family: 'Rubik', sans-serif; text-align: center;}

/* Club */
.dir-club.page-history main table	{margin: 0 auto; border-collapse: collapse;}
.dir-club.page-history main table th, .dir-club.page-history main table td	{padding: 0 10px; }
.dir-club.page-history main table th	{position: relative; padding-right: 60px; color: #ea5404; text-align: left; vertical-align: top; }
.dir-club.page-history main table th:before	{display: block; content: ""; position: absolute; top: 15px; right: 0; width: 40px; height: 1px; background-color: #ea5404; }
.dir-club.page-history main table th:after	{display: block; content: ""; position: absolute; top: 10px; right: -5px; width: 10px; height: 10px; background-color: #ea5404; border-radius: 10px; z-index: 1;}
.dir-club.page-history main table td	{position: relative; padding-top: 30px; border-left: 1px solid #c7c7c7; }
.dir-club.page-history main table td:before	{display: block; content: ""; position: absolute; top: 15px; right: 0; width: 100%; height: 1px; background-color: #c7c7c7;  z-index: 0;}


.dir-common main{padding-top: 20px;}
.dir-common.page-terms-conditions main ol{counter-reset: section;
    list-style-type: none;}
.dir-common.page-terms-conditions main ol li ol > li{position: relative; padding-left: 2.5em;}
.dir-common.page-terms-conditions main ol > li:before{counter-increment: section;  content: counters(section, ".") ".";}
.dir-common.page-terms-conditions main ol li ol > li:before{display: block; position: absolute; top: 0; left: 0;}


@media screen and (max-width:834px){
html, body{width: 100vw; height: 100%;}
body.open{position: fixed;}
.only-sm{display: inline-block}
header{position: fixed; top: 0; left: 0; width: 100%; height: 61px; background-color: rgba(255,255,255,0.95); z-index: 100; }
header h1 a{ width: 109px; height: 40px; margin: 10px 0 10px 10px; background-size: cover;}
header button{ display: block; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; line-height: 40px; padding: 0; color: #333333; background-color: transparent; border: none; outline: none; z-index: 999; overflow: hidden;}
header button:before{ display: block; content: "\f0c9"; width: 40px; height: 40px; line-height: 40px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 6vw; text-align: center;}
.open  button:before{  content: "\f00d";}
header .item-nav{ position: fixed; top: 60px; right: -100%; width: 100%; height: calc(100% - 60px); opacity: 0; transition: all .3s ease; z-index: 900; overflow-y: auto;}
header .g-nav ul li a, header .g-nav ul li b, header .g-nav ul li span, header .g-nav ul li em{ display: block; padding: 10px; color: #444444; border-top: 1px solid #c7c7c7;}
header .g-nav .field > ul > li > a, header .g-nav ul li b{ font-weight: 700;}
header .g-nav ul li b, header .g-nav ul li span{ position: relative;}
header .g-nav ul li b:after, header .g-nav ul li span:after{ display: block;  content: "\f107"; position: absolute; top: 50%; right: 10px; margin-top: -15px; font-family: "Font Awesome 6 Free"; font-weight: 900;}
header .g-nav ul li b.open:after, header .g-nav ul li span.open:after{ content: "\f106";}
header .g-nav ul li b + ul li a, header .g-nav ul li b + ul li span{ background-color: rgba(234,84,4,0.50);}
header .g-nav ul li b + ul li span:after{ color: #ffffff;}
header .g-nav ul li span + ul li a{ background-color: rgba(234,84,4,0.25);}
header .g-nav .container ul{ display: none;}
header .g-nav .container ul.open{ display: block;}
.open header .item-nav{ right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.95); opacity: 1;}
header .g-nav ul li a.lang-en, header .g-nav ul li b.lang-en, .lang-en header .g-nav ul li a.lang-jp, .lang-en header .g-nav ul li b.lang-jp{display: none;}
.lang-en header .g-nav ul li a.lang-en, .lang-en header .g-nav ul li b.lang-en{display: block; /*font-weight: 400;*/}
header .sns-nav ul{padding: 20px 0; border-top: 1px solid #c7c7c7; text-align: center;}
header .sns-nav ul li{display: inline-block; margin-left: 5px;  vertical-align: top;}
header .sns-nav ul li a{display: block; width: 40px; height: 40px; line-height: 40px; overflow: hidden;}
header .sns-nav ul li a:before{ width: 40px; height: 40px; line-height: 40px; border-radius: 20px;}
/*header .ex-nav{ margin-bottom: 80px; background-color: #eeeeee;}*/
header .ex-nav ul{ /*padding-bottom: 20px;*/ border-bottom: 1px solid #c7c7c7;}
/*header .ex-nav ul li{ padding: 20px 20px 0;}*/
header .ex-nav ul li a{ display: block; padding: 10px; color: #444444; border-top: 1px solid #c7c7c7; font-weight: 700;}
/*header .ex-nav ul li a{ display: block; padding: 20px; color: #ffffff; background-color: #ea5404; border-radius: 5px; }*/
header .ex-nav ul li a.lang-en, .lang-en header .ex-nav ul li a.lang-jp{display: none;}
header .lang-switcher	{position: absolute; top: 15px; right: 60px; font-size: 16px;} 
header .lang-switcher a:before	{vertical-align: -2px;} 
.lang-en header .ex-nav ul li a.lang-en{display: block;}
footer{padding: 20px 20px 40px;}
footer .row-lg .col:first-child{ padding-bottom: 20px; border-bottom: 1px solid rgba(253,253,253,0.5); font-size: 3vw; text-align: center;}
footer ul.reset li a{display: block; padding: 10px;  border-bottom: 1px solid rgba(253,253,253,0.5);}
.content{position: relative; width: 100%; border-top: 61px solid #ffffff; overflow: hidden;}
.dir-top section h1{margin-top: 0; padding: 0;}
.partners h1{  font-size: 7vw}
.dir-top section h1 em{  margin: 0 20px; font-size: 8vw;}
.slider-matchcenter	.unit-3	{padding: 0 20px;}
.slider-matchcenter	.unit-3 > .col	{width: 49.056%;}
.slider-matchcenter	.unit-3 > .col:nth-of-type(3n+1) 	{margin-left: 0;}
.slider-matchcenter	.unit-3 > .col:nth-child(-n+3)	{margin-top: 0;}
.slider-matchcenter a .date .col:first-child{font-size: 9vw}
.slider-matchcenter a .game .col em{font-size:8vw;}
.slider-matchcenter	a .game .col:nth-of-type(2) .result div  em{ font-size: 7vw;}
.slider-matchcenter	a .game .col img{padding: 10px;}
.slider-matchcenter a .match + p{display: block; font-size: 3vw;}
.slider-matchcenter	a.viewall div span{ font-size: 7vw;}
.ui-movie ul{margin-bottom: 20px;}
.ui-news li a, .ui-movie li a{display: block; padding: 0 20px 20px;}
.ui-news li:first-child a{position: relative; padding-bottom: 0}
.ui-news li:nth-child(n+2) a{  display: table;  position: relative; padding: 20px 20px 40px; border-top: 1px solid #c7c7c7;}
.dir-tv .ui-news li:nth-child(n+2) a{padding-bottom: 0;}
.dir-top .ui-news li:nth-child(n+2) figure, .dir-news .ui-news li:nth-child(n+2) figure{  display: table-cell; width: 40%; vertical-align: top;}
.dir-top .ui-news li:nth-child(n+2) figcaption, .dir-news .ui-news li:nth-child(n+2) figcaption{  display: table-cell; padding-left: 10px; box-sizing: border-box;}
.dir-top .ui-news li:nth-child(n+2) .row, .dir-news .ui-news li:nth-child(n+2) .row{  position: absolute; bottom: 0px; left: 20px; width: calc(100% - 40px); padding-left: calc(40% - 15px); font-size: 2vw; box-sizing: border-box; }
.dir-top .ui-news li:nth-child(n+2) figcaption, .dir-news .ui-news li:nth-child(n+2) figcaption{ width: 60%; margin-top: 0;}
.ui-news li .category{ padding-left:10px;}
.category em{   width: 70px; font-size: 3vw;}
.ui-news li .date, .ui-movie li .date	{display: block; font-size: 3vw; text-align: right;}
.ui-news.list li a{padding: 10px; }
.ui-news.list li .date	{ text-align: left;}
.ui-news .unit-4-lg > .col{ margin-top: 10px; }
.ui-schedule ul{font-size: 0;}
.ui-schedule ul li{font-size: 4vw;}
.ui-schedule ul li:first-child{display: none;}
.ui-schedule ul li .col{position: relative; width: 100%; border-left: none;}
.ui-schedule ul li .col:first-child{display: block; width: 100%;}
.ui-schedule ul li:nth-child(even) .col:first-child{background-color: #f7f7f7;}
/*.ui-schedule ul li .col:nth-of-type(3){border-top: 1px solid #c7c7c7;}*/
.ui-schedule ul li .col:last-child{border-top: 1px solid #c7c7c7;}
.ui-schedule ul li .col:nth-of-type(2), .ui-schedule ul li .col:last-child{padding-left: 60px;}
.lang-en .ui-schedule ul li .col:nth-of-type(2), .lang-en .ui-schedule ul li .col:last-child{padding-left:80px;}
.ui-schedule ul li .col:nth-of-type(2):before{display: block; content: "予定："; position: absolute; top: 14px; left: 20px; font-size: 3vw;}
.ui-schedule ul li .col:last-child:before{display: block; content: "備考："; position: absolute; top: 14px; left: 20px; font-size: 3vw;}
.lang-en .ui-schedule ul li .col:nth-of-type(2):before{ content: "Schedule"; }
.lang-en .ui-schedule ul li .col:last-child:before{content: "Remark";}
.ui-schedule ul li .col:empty{display: none;}
.ui-schedule ul li .col:first-child span{left: 5.0em;}
.ui-schedule .ctrl .row .col{font-size: 5vw; text-align: center !important;}
.ui-schedule .ctrl .row .col:nth-of-type(2){font-size: 6vw;}
.ui-schedule .ctrl ol{width: 90%; }
.ui-schedule .ctrl ol li{display: inline-block; width: 15%; margin: 2% 0 0 2%;	}
.ui-schedule .ctrl ol li:nth-of-type(6n+1){margin-left: 0;}
.ui-schedule .ctrl ol li a em, .ui-schedule .ctrl ol li{font-size: 4vw;}
.ui-schedule .ctrl ol li a em, .ui-schedule .ctrl ol li b em{font-size: 6vw;}
.ui-league-table ol{overflow: auto; webkit-overflow-scrolling: touch;}
.ui-league-table ol:before {content: "※右にスクロールできます。"; padding: 0 0 10px 10px; color: #ea5404; font-size:4vw;}
.ui-league-table ol::-webkit-scrollbar {height: 5px;}
.ui-league-table ol::-webkit-scrollbar-track {border-radius: 5px;	background: #eee;}
.ui-league-table ol::-webkit-scrollbar-thumb {border-radius: 5px;	background: #666;}
.ui-league-table ol li{width: 900px;  white-space: nowrap;}
.ui-league-table ol li .col{font-size: 3.5vw;}
.ui-league-table ol li:first-child .col{font-size: 3.5vw;}
.ui-league-table ol li .col:nth-of-type(-n+2){width: 50px;}
.ui-league-table ol li .col:nth-of-type(2){position: sticky; position: -webkit-sticky; left: 0; width: 60px;}

.ui-match a{display: block; position: relative; padding-bottom: 20px; color: #444444; border-bottom: 1px solid #c7c7c7; overflow: hidden;}
.ui-match a:active{box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);}
.ui-match a:after{display: block; content: "\f054"; position: absolute; top: 50%; right: -10px; margin-top: -16px; color: #ea5404; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.ui-match li{font-size: 0;}
.ui-match li.home{background-color: rgba(234,84,4,0.05)}
.ui-match li .col{display: inline-block; font-size: 4vw; box-sizing: border-box; vertical-align: middle;}
.ui-match li .sec{ top: 0; left: 0; width: 30%;  padding: 10px;}
.ui-match li .date{ top: 0; right: 0; width: 70%;  padding: 10px; text-align: right;}
.ui-match li .club{width: 30%;; text-align: center; font-size: 3vw; font-weight: 700; line-height: 1.2;}
.ui-match li .club img{display: block; width: 80%; margin: 0 auto 5px;}
.ui-match li .result{width:40%; text-align: center;}
.ui-match li .result span{color: #ea5404; background: -webkit-linear-gradient(0deg, #ea5404, #014099);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 6vw; font-weight: 700; text-align: center;}
.ui-match li .result b{ width: 80%; margin: 0 auto; padding: 10px 0; }
.ui-match li .result b em{margin-top: 5px; font-size: 3vw;}
.ui-match li .venue{ position: absolute; bottom: 5px; left: 0; width: 100%; font-size: 3vw; text-align: center;}

.nav-year{position: relative; margin-bottom: 10px;}
.nav-year button{position: absolute; top: 0; right: 0; width: 30px; height: 32px; line-height: 30px; padding: 0; background-color: transparent; border: 1px solid #ea5404;overflow: hidden; outline: none; text-indent: -999em;}
.nav-year button:before{display: block; float: right;content: "\f0dc"; width: 30px; height: 30px; color: #ffffff; background-color: #ea5404; font-family: "Font Awesome 6 Free"; font-weight: 900; text-align: center;text-indent: 0;}
.nav-year.active button{border: none; z-index: 0;}
.nav-year.active button:before{content: "\f00d"; border-radius: 15px;}
.nav-year ul{font-size: 0px;}
.nav-year button + ul{margin-right: 30px; }
.nav-year.active button + ul{position: relative; margin-right: 35px; z-index: 1;}
.nav-year ul li:not(.active){display: none; }
.nav-year ul li.active{display: block; font-size: 4vw;}
.nav-year.active ul li{display: inline-block;width: 23.5%; margin: 2% 0 0 2%; font-size: 3.5vw;}
.nav-year.active ul li:nth-of-type(-n+4){margin-top: 0;}
.nav-year.active ul li:nth-of-type(4n+1){margin-left: 0;}
.nav-year ul li a, .nav-year ul li b, .nav-year ul li span{display:block; height: 30px; line-height: 30px; color: #ea5404; background-color: #ffffff; border: 1px solid #ea5404; border-radius: 5px; font-family: 'Rubik', sans-serif;  text-align: center;}
.nav-year ul li a:active, .nav-year ul li b, .nav-year:not(.active) ul li span, .nav-year.active ul li span + ul li.active a{color: #ffffff; background-color: #ea5404;  }
.nav-year ul li b, .nav-year:not(.active) ul li span{display: block; padding-left: 10px; border-radius: 0; text-align: left;}
.nav-year.active ul li b{padding-left: 0; border-radius: 5px; text-align: center;}
.nav-year ul > li:nth-of-type(9){width: 100%;}
.nav-year.active ul li span, .nav-year:not(.active) ul li span + ul li.active{display: none}

.tab-caetgory{position: relative; margin-bottom: 10px; border-top: 1px solid #ea5404;}
.tab-caetgory button{position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; padding: 0; background-color: transparent; border: 1px solid #ea5404;overflow: hidden; outline: none; text-indent: -999em; z-index: 1;}
.tab-caetgory button:before{display: block; float: right;content: "\f0dc"; width: 30px; height: 30px; color: #ffffff; background-color: #ea5404; font-family: "Font Awesome 6 Free"; font-weight: 900; text-align: center;text-indent: 0;}
.tab-caetgory ul	{margin-right: 30px;}
.tab-caetgory ul li	{display: none;}
.tab-caetgory.active ul li, .tab-caetgory ul li.active	{display: block;}
.tab-caetgory ul li	{height: 30px; line-height: 30px; padding: 0 10px; border-right: 1px solid #ea5404; border-bottom: 1px solid #ea5404; border-left: 1px solid #ea5404;  font-family: 'Rubik', sans-serif; font-size: 3.25vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;}
.tab-caetgory ul li.active	{color: #ea5404; background-color: #ffffff; font-weight: bold;}


.slider-matchcenter	.swiper-container .swiper-button-prev{left:-25px;}
.slider-matchcenter	.swiper-container .swiper-button-next{right:-25px;}
.social-media  b	{ font-size: 6vw;}
.social-media b:before{font-size: 9vw; vertical-align: middle;}
.social-media .unit-2-lg > .col{padding:0 20px 20px;  background-color: #000000/*#1da1f2*/; vertical-align: bottom;}
.social-media .unit-2-lg > .col.tl-facebook	{margin-top: 0; background-color: #1877f2;}
.social-media .tl-instagram	{padding: 0 20px 20px; background-color: #d93177;}
.social-media .tl-instagram ul	{font-size: 0; vertical-align: top;}
.social-media .tl-instagram ul li	{display: inline-block; width: 50%; margin: 0!important; }
.social-media .tl-instagram ul li a	{display: block; margin: 2px 0 0 1px;}
.social-media .tl-instagram ul li:nth-child(odd) a	{margin: 2px 1px 0 0;}
.social-media .tl-instagram ul li:nth-of-type(-n + 2)	{margin-top: 0;}
.social-media-unit ul li	{font-size: 3.0vw;}
.social-media-unit ul li a:before	{font-size: 3.5em;}
.social-media-unit ul li b	{height: 3.5em;}
.social-media-unit ul li a span	{display: block; padding-right: 0; padding-left: 0;}
.partners{text-align: center;}
.partners dd ul{padding: 0 20px; /*font-size: 0px;*/}
/*.partners dd ul li{display: inline-block; width: 50%;}
.partners dd ul li a{display: block; margin: 0 0 0 10px;}
.partners dd ul li:nth-child(odd) a{margin: 0 10px 0 0;}*/
.item-banner 	{margin-bottom: 40px; padding-right: 20px; padding-left: 20px;}
/*.item-banner .unit-5-lg	{font-size: 0;}
.item-banner .unit-5-lg > .col	{display: inline-block;  margin: 1.886% 0 0 1.886%; }

.item-banner .unit-5-lg > .col	{width: 49.056%;}
.item-banner .unit-5-lg > .col:nth-of-type(2n+1)	{margin-left: 0;}
.item-banner .unit-5-lg > .col:nth-child(-n+2)	{margin-top: 0;}*/

.swiper-container .swiper-button-prev{background-position: 70% 50%; background-size: 10px; border-radius: 10px;}
.swiper-container .swiper-button-next{background-position: 30% 50%; background-size: 10px; border-radius: 10px;}
.swiper-pagination-bullet{width:20px!important;height:5px!important; margin: 0 0 0 2px;}
.swiper-pagination-bullet:nth-of-type(1){margin-left: 0;}
.slider-partners	{padding-left: 3.333%;}
.slider-partners div.swiper-slide	{width: 30% !important;	margin-left: 3.333%;}
.slider-partners div.swiper-slide:nth-of-type(1)	{margin-left: 0;}

.dir-top section.social-media{  padding-bottom: 0;}
.dir-news.detail article .heading{padding-bottom: 0;}
.dir-news.detail article .heading h1{padding-right: 20px; padding-left: 20px; font-size: 4.16667vw;}
.dir-news.detail article .heading .row-lg .col{padding: 0 20px;}
.dir-news.detail article .heading .row-lg .icon-group{margin: 20px 0; }
.dir-news.detail article .body{padding: 0 20px; font-size:  3.64583vw}
.dir-news.detail article .body .bottom-nav a{width: 80%; margin: 0 auto;}
.dir-news.detail article .body h2{padding: 5px 10px; font-size: 5vw;}
.dir-news.detail article .body table{width: auto !important; max-width: 100% !important;}

/* MATCH */
.dir-match.page-game-schedule main .tab-container + p.reset-b{font-size: 3.64583vw;}
.dir-match.page-game-schedule.detail main .heading.home .info + .container:before{width: 125px;}
.dir-match.page-game-schedule.detail main .heading.home .info + .container:after{width: 125px;}
.dir-match.page-game-schedule.detail main .heading.away .info + .container:before{width: 125px;}
.dir-match.page-game-schedule.detail main .heading.away .info + .container:after{width: 125px;}
.dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(1), .dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(3){width: 30%; font-size: 3vw;  line-height: 1.2;}
.dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(1) span, .dir-match.page-game-schedule.detail main .heading .row > .col:nth-of-type(3) span{width: 50%; font-size: 3vw;}
.dir-match.page-game-schedule.detail main .heading .row .col:nth-of-type(2){padding: 20px 0; font-size: 3vw;}
.dir-match.page-game-schedule.detail main .heading .row .col strong{ margin-bottom: 20px; font-size: 10vw;}
.dir-match.page-game-schedule.detail main .heading .row .col ul{position: relative; width: 60%;}
.dir-match.page-game-schedule.detail main .heading .row .col ul + p{ font-size: 3vw;}
.dir-match.page-game-schedule.detail main .basic-info .row .col{width: 45%;}
.dir-match.page-game-schedule.detail main .basic-info .row .col:nth-of-type(2){width: 12%; line-height: 1.0;}
.dir-match.page-game-schedule.detail main .basic-info .row .col:nth-of-type(2):before{/*top: 20px; */right: 0; /*bottom: 20px;*/ left: 0; }
.dir-match.page-game-schedule.detail main .basic-info .row .col:nth-of-type(2) em{font-size: 3vw;}
.dir-match.page-game-schedule.detail main .basic-info .row .col ul{padding: 0 20px; font-size: 3vw;}
.dir-match.page-game-schedule.detail main .basic-info .row .col li span{display: block;}
.dir-match.page-game-schedule.detail main .member .unit-2-lg > .col strong{font-size: 7vw;}
.dir-match.page-game-schedule.detail main .member .unit-3-lg > .col:last-child strong{margin-top: 40px;}
.dir-match.page-game-schedule.detail main .highlight strong{font-size: 5vw}
.dir-match.page-game-schedule.detail main .highlight strong:before, .dir-match.page-game-schedule.detail main .highlight strong:after{width: 30px;}

/* Team */
.dir-team.top.list main  section  section h1 em { font-size: 15vw;}
.dir-team.top.list main  section  section h1 span {  font-size: 5vw;}
.dir-team.top.list main section section ul li {width: 50%; margin: 0; font-size: 4vw;}
.dir-team.top.list main section section ul li .row { width: 100%; color: #ffffff; background-color: #014099;}
.dir-team.top.list main section section ul li .row .col:first-child	{width: 1.75em/*40px*/; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.2455357142857143) 0%, rgba(0,0,0,0.5088410364145659) 100%);font-size: 7vw; text-align: center; vertical-align: middle; box-sizing: border-box;}
.dir-team.top.list main section section.staff ul li .row .col:first-child	{width: 100%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);font-size: 3vw; text-align: left; vertical-align: top;}
.dir-team.top.list main section section.staff ul li:nth-child(even) .row .col:first-child	{border-left: 1px solid rgba(0,0,0,0.5);}
.dir-team.top.list main section section ul li .row .col:last-child	{padding: 10px; box-sizing: border-box;}
.dir-team.top.list main section section ul li .row > .col b	{ font-size: 4vw;}
.dir-team.top.list main section section ul li .row .col:last-child span	{font-size: 3vw;}

.dir-team.top.detail main .heading .col:first-child {text-align: center;}
.dir-team.top.detail main .heading .col:first-child strong { border-bottom: none; border-right: 1px solid #ffffff;font-size: 5vw; vertical-align: middle;}
.dir-team.top.staff.detail main .heading .col:first-child strong { min-height: 2.5em; font-size: 3.5vw; line-height: 2.75; vertical-align: middle;}
.dir-team.top.detail main .heading .col:first-child strong span {font-size: 10vw;}
.dir-team.top.detail main .heading .col:first-child section { position: relative;}
.dir-team.top.detail main .heading .col:first-child .field { display: inline-block; padding:10px 0; font-size: 4vw; vertical-align: middle; text-align: left;}
.dir-team.top.detail main .heading .col:first-child h1 { display: inline-block; margin:  0 0 0 10px; font-size: 4vw; vertical-align: middle; text-align: left;}
.dir-team.top.detail main .heading .col:first-child h1 em {font-size: 5vw;}
.dir-team.top.detail main .heading .col:first-child > div{background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.25) 100%);}
.dir-team.top.detail main .heading .col:first-child .group{position: absolute; bottom: -100px; right: 10px; width: 40px; height: 100px; text-align: right;}
.dir-team.top.detail main .heading .col:first-child .group a	{margin-left: 0;}
.dir-team.top.detail main .heading .col:first-child .group .item-icon	{width: 40px; height: 40px; margin-top: 10px; vertical-align: top;}
.dir-team.top.detail main .heading .col:first-child .group .item-icon:before	{height: 40px; line-height: 40px; border-radius: 20px; font-size: 1.4rem;}
.dir-team.top.detail main .note  {margin: 20px;}
.dir-team.top.detail main .note .unit-2-lg .col b:before{font-size: 7vw; vertical-align: middle;}
.dir-team.top.detail main .enquete  {margin: 0 20px;}
.dir-team.top.detail main .enquete .unit-3-lg .col {margin-top: 20px;}
.dir-team.top.detail main .gallery .swiper-slide {width: 70%;}
.dir-team.top.detail main .gallery .swiper-container .swiper-button-prev{left:-25px;}
.dir-team.top.detail main .gallery .swiper-container .swiper-button-next{right:-25px;}


/* Club */
.dir-club.page-history main table th, .dir-club.page-history main table td	{padding: 0; }
.dir-club.page-history main table th	{width: 5.0em; padding-right: 1em; font-size: 3vw; box-sizing: border-box;}
.dir-club.page-history main table th:before	{top: 10px;  width: 20px; }

.dir-club.page-history main table th:after	{top: 5px; }
.dir-club.page-history main table td	{padding-top: 20px; font-size: 3vw; }
.dir-club.page-history main table td:before	{top: 10px;}

/* TV */
.dir-tv .ttl-page em:after{content: "";}

}
@media screen and (min-width:835px){
.only-lg{display: inline-block}
header{ position: relative; }
header button{ display: none;}
header h1.reset{ position: relative; width: 190px; padding: 6px 0 14px; z-index: 1;}
header h1 a{ width: 190px; height: 70px; background-size: cover;}
header .g-nav{position: absolute; top: 40px; left: 0; width: 100%; height: 50px; background-color: #ea5404;}
header .g-nav > .field > ul{display: table; height: 50px; padding-left: 205px; font-size: 0px; box-sizing: border-box;}
header .g-nav > .field > ul > li{display: table-cell; position: relative; height: 50px; background-color: #ea5404;  font-size: 1.6rem; text-align: center; vertical-align: middle; /* overflow: hidden;*/}
header .g-nav > .field > ul > li a, header .g-nav > .field > ul > li em, header .g-nav > .field > ul > li b, header .g-nav > .field > ul > li > ul > li span{display: block; position: relative; height: 20px; padding: 0 0.75em; line-height: 19px; color: #ffffff; border-left: 1px solid rgba(255,255,255,0.5); font-size: 1.4rem; font-weight: 700; vertical-align: middle; z-index: 1;}
header .g-nav ul li .lang-en, .lang-en header .g-nav ul li .lang-jp{display: none !important;}
.lang-en header .g-nav ul li .lang-en{display: block !important;}
header .g-nav > .field > ul > li:first-child a, header .g-nav > .field > ul > li:first-child em, header .g-nav > .field > ul > li:first-child b{border-left: none;}

header .g-nav > .field > ul > li b + ul{position: absolute; top: 35px; left: 50%; width: 200px; padding-top: 10px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);  z-index: 5;}
header .g-nav > .field > ul > li b:hover + ul, header .g-nav > .field > ul > li b + ul:hover{display: block;}
header .g-nav > .field > ul > li b:hover + ul:after, header .g-nav > .field > ul > li b + ul:hover:after{display: block; content: ""; position: absolute; top: 0px; left: 50%; width: 0; height: 0; margin-left: -3px; border-style: solid; border-width: 0 6px 10px 6px; border-color: transparent transparent #ffffff transparent; z-index: 5;}
header .g-nav > .field > ul > li > ul > li{position: relative;  background-color: #ef7f43; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff;}
header .g-nav > .field > ul > li > ul > li a, header .g-nav > .field > ul > li > ul > li span, header .g-nav > .field > ul > li em{position: relative; height: auto;  padding: 10px; text-align: left;}
header .g-nav > .field > ul > li > ul > li > a, header .g-nav > .field > ul > li > ul > li > span, header .g-nav > .field > ul > li > em{ border-left: none;}
header .g-nav > .field > ul > li > ul > li:first-child{border-top: 1px solid #ffffff;}
header .g-nav > .field > ul > li > ul > li a, header .g-nav > .field > ul > li > ul > li span{background-color: #ef7f43;}
header .g-nav > .field > ul > li > ul > li span{display: block; cursor: pointer;}
header .g-nav > .field > ul > li > ul > li span:after{display: block; content: "\f105"; position: absolute; top: 50%; right: 5px; margin-top: -0.75em; font-family: "Font Awesome 6 Free"; font-weight: 900;}
header .g-nav > .field > ul > li > ul > li:hover{background-color: #af3f03;}
header .g-nav > .field > ul > li > ul > li:hover span:after{display: none;}
header .g-nav > .field > ul > li > ul > li span + ul{position: absolute; top: -1px; right: -200px; width: 200px; border-top: 1px solid #ffffff; z-index: 3;}
header .g-nav > .field > ul > li > ul > li span:hover + ul, header .g-nav > .field > ul > li > ul > li span + ul:hover{display: block;}
header .g-nav > .field > ul > li > ul > li span + ul li{ position: relative; border-bottom: 1px solid #ea5404; }
header .g-nav > .field > ul > li > ul > li span + ul li:last-child{ border-bottom: 1px solid #ffffff; }
header .g-nav > .field > ul > li > ul > li span + ul li a{color: #ea5404; background-color: #ffffff; }
header .g-nav > .field > ul > li > ul > li a:hover, header .g-nav > .field > ul > li > ul > li span + ul li a:hover{color: #ea5404; background-color: #fad4c0;}
header .g-nav > .field > ul > li > ul > li span + ul li:first-child a:after{display: block; content: ""; position: absolute;  top: 13px; left: -10px;width: 0; height: 0; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #ffffff transparent transparent; z-index: 4;}
header .g-nav > .field > ul > li > ul > li span + ul li:first-child a:hover:after{border-color: transparent #fad4c0 transparent transparent; }


header .sns-nav{position: absolute; top: 5px; left: 0; width: 100%;}
header .sns-nav ul, header .ex-nav ul{padding-left: 290px; font-size: 0; box-sizing: border-box;}

header .sns-nav ul li, header .ex-nav ul li{display: inline-block; margin-left: 10px; font-size: 1.6rem; vertical-align: top;}
header .sns-nav ul li:first-child, header .ex-nav ul li:first-child{margin-left: 0;}
header .sns-nav ul li a{display: block; width: 30px; height: 30px; line-height: 30px; overflow: hidden;}
header .sns-nav ul li a:hover{opacity: 0.5;}
header .ex-nav{position: absolute; top: 0; right: 0; width: 100%; height: 0px; background-color: transparent; text-align: right; }
header .ex-nav ul{height: 0px;}
header .ex-nav ul li a{display: block; position: relative; width: 230px; height: 30px; line-height: 28px; color: #ffffff; background-color: #014099; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 1.4rem; text-align: center;overflow: hidden;}
header .ex-nav ul li a:before{display: inline-block; content: "\f105"; margin-right: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900;}
header .ex-nav ul li a:hover{background-color: #ea5404; }
header .ex-nav ul li a.lang-en, .lang-en header .ex-nav ul li a.lang-jp{display: none;}
header .lang-switcher{position: absolute; top: 0; width: 100%;}
header .lang-switcher .container{position: relative; height: 0px; z-index: 4;}
header .lang-switcher span{display: block; position: absolute; top: 5px; left: 205px; width: 75px;}
header .lang-switcher a{display: block; padding: 4px 0 4px 0.75em;; color: #ea5404; font-size: 1.4rem; line-height: 1.0;}
header .lang-switcher a:before{width: 30px; height: 20px; vertical-align: -6px;}
	
.lang-en header .ex-nav ul li a.lang-en{display: block;}
footer{font-size: 1.4rem;}
footer .row-lg{width: 100%;}
footer .row-lg .col:last-child{text-align: right; vertical-align: bottom;}
footer ul.reset li{display: inline-block; margin-left: 10px;  padding-left: 10px; border-left: 1px solid #ffffff; line-height: 1.0;}
footer ul.reset li:first-child{margin-left: 0;  padding-left: 0; border-left: none;}

article .heading h1{font-size: 2.4rem;}
article .heading, article .body{width: 800px; margin: 0 auto;}
article .heading .row-lg .col:last-child{text-align: right;;}
.slider-matchcenter	a  .match b{font-size:1.2rem;}
.ui-news li{vertical-align: top;}
.ui-news li .row > .col{  padding: 0 10px 10px }
.ui-news li a{  position: relative; padding-bottom: 35px; border: 1px solid #c7c7c7;}
.ui-news li .row{  position: absolute; bottom: 0; left: 0; width: 100%;}
.ui-news.list li a{  padding: 10px 0 10px 10px; border: none; border-bottom: 1px solid #c7c7c7;}
.ui-news.list li .date	{ width: 100px; text-align: left; box-sizing: border-box;}
.ui-news li figcaption{  padding: 0 10px;}
.ui-schedule ul li{border-top: 10px solid #ffffff;}
.ui-schedule ul li:nth-child(odd){background-color: #f7f7f7;}
.ui-schedule ul li:first-child{background-color: #ffffff; border-bottom: 1px solid #c7c7c7;}
.ui-match a{position: relative; width: 100%; padding: 10px 0; color: #444444; border-bottom: 1px solid #c7c7c7; overflow: hidden;}
.ui-match a:hover{box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25);}
.ui-match a:after{display: block; content: "\f054"; position: absolute; top: 50%; right: -100%; margin-top: -16px; color: #ea5404; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.ui-match a:hover:after{right: 10px;transform: scale(1.1);	transition-duration: 0.3s;}
.ui-match li.home{background-color: rgba(234,84,4,0.05)}
.ui-match li .col{vertical-align: middle; line-height: 1.2; box-sizing: border-box;}
.ui-match li .sec, .ui-match li .date, .ui-match li .venue{ width: 20%; padding: 0 10px; border-right: 1px solid #dddddd;}
.ui-match li .sec{ width: 8%; font-size: 1.4rem; text-align: center;}
.ui-match li .date{ width: 15%;}
.ui-match li  span{display: block; }
.ui-match li .club{width: 25%; font-weight: 700;}
.ui-match li .club img{display: block;width: 40px; margin: 0 10px;}
.ui-match li .club.home img{float: right; }
.ui-match li .club.away img{float: left; }
.ui-match li .home{text-align: right; line-height: 40px;}
.ui-match li .away{ line-height: 40px;}
.ui-match li .result span{ font-size: 2.0rem;}
.ui-match li .result b{padding: 5px 0; }
.ui-match li .result b em{margin-top: 2px; font-size: 1.2rem;}




.nav-year{width: 1060px;/* overflow: hidden;*/}
.nav-year > button + ul{display: table; width: 1065px; table-layout: fixed; overflow: visible;}
.nav-year > button + ul > li{display: table-cell; vertical-align: top;}
.nav-year ul li a, .nav-year ul li b, .nav-year ul li span{display:block; height: 36px; line-height: 36px; margin-right: 5px; padding: 0; color: #ffffff; background-color: #af3f03; border-top-right-radius: 5px; border-top-left-radius: 5px; font-family: 'Rubik', sans-serif;  text-align: center;}
.nav-year ul li a:hover, .nav-year ul li b, .nav-year ul li.active span, .nav-year ul li span + ul li.active a{color: #ffffff; background-color: #ea5404; }
.nav-year ul li a:hover{color: #ffffff; background-color: #752a02; }
.nav-year ul li:nth-of-type(9){position: relative;}
.nav-year ul li:not(.active) span{font-size: 1.4rem;}
.nav-year ul li span:after{display: inline-block; content: "\f107"; margin-left: 0.5em; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.nav-year ul li span + ul{display: none}
.nav-year ul li span:hover + ul, .nav-year ul li span + ul:hover{display: block; position: absolute; top: 36px; left: 0; width: calc(100% - 5px); z-index: 1;}
.nav-year ul li span + ul li{position: relative;}
.nav-year ul li span + ul li a{margin-right: 0; border-top: 1px solid rgba(255,255,255,0.5); border-radius: 0;}
	
.tab-caetgory	{padding: 20px 0 0 10px;; background-color: #ea5404;}
.tab-caetgory ul	{font-size: 0;}
.tab-caetgory ul li	{display: inline-block; margin-left: 10px; padding: 15px 20px; color: #ffffff; background-color: rgba(0,0,0,0.25); border-top-right-radius: 5px;  border-top-left-radius: 5px;  font-family: 'Rubik', sans-serif; font-size: 1.6rem; font-weight: bold; line-height: 1.0;}
.tab-caetgory ul li.active, .tab-caetgory ul li:hover	{color: #ea5404; background-color: #ffffff;}
.tab-caetgory ul li:hover	{cursor: pointer}

.social-media	{position: relative; padding: 0 0 40px; background-color: #000000/*#1da1f2*/; overflow: hidden;}
.social-media:before	{display: block; content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #1877f2; z-index: 0;}
/*.social-media:after	{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 648px;  z-index: 0;}*/
.social-media:after	{display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 668px; background-color: #d93177; z-index: 0;}
.social-media *	{position: relative; z-index: 1;}
.social-media .unit-2-lg > .col	{width: 47.169%;   margin:  5.660% 0 0 5.660%;  }
.social-media .unit-2-lg > .col:nth-child(odd)	{margin-left: 0;}
.social-media .unit-2-lg > .col:nth-child(-n+2)	{margin-top: 0;}
.social-media .tl-instagram	{margin-top: 30px; padding-top: 20px;}
.social-media .tl-instagram .unit-4-lg > .col{width: 24.716%; margin: 0.3773% 0 0 0.3773%;}
.social-media .tl-instagram .unit-4-lg > .col:nth-child(4n+1){margin-left: 0;}
.social-media .tl-instagram .unit-4-lg > .col:nth-child(-n+4){margin-top: 0;}
.dir-top section h1, .partners h1{  margin: 0;}

	.dir-match.page-game-schedule.detail main .heading .info span{display: inline-block;}
.dir-match.page-game-schedule.detail main .heading .info span:nth-of-type(n+2){margin-left: 10px;;}
.dir-match.page-game-schedule.detail main .game-report{padding-bottom: 40px;  }
.dir-match.page-game-schedule.detail main .game-report .body{padding: 40px 40px 0;}
.dir-match.page-game-schedule.detail main .game-report .unit-3-lg{padding: 20px 40px 0}
.dir-match.page-game-schedule.detail main .game-report .item-embed{margin-top: 40px;}
.dir-team.top.list main section section ul li:nth-of-type(4n+1)	{margin-left: 0;}
.dir-team.top.list main section section ul li:nth-child(-n+4)	{margin-top: 0;}
.dir-team.top.list main section section ul li	{position: relative; }
.dir-team.top.list main section section ul li .row	{position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.dir-team.top.list main section section ul li .row .col:first-child	{width: 50px; background: rgb(234,84,4);background: rgb(1,64,153); background: linear-gradient(0deg, rgba(1,64,153,0.9) 0%, rgba(1,64,153,0.5) 100%);font-size: 3.0rem; text-align: center; vertical-align: middle;}
.dir-team.top.list main section section.staff ul li .row .col:first-child	{width: 100%; background: transparent;background: linear-gradient(0deg, rgba(1,64,153,0) 0%, rgba(1,64,153,0) 100%);font-size: 1.4rem; text-align: left;}
.dir-team.top.list main section section.staff ul li .row .col:first-child b	{font-size: 1.6rem;}
.dir-team.top.list main section section ul li .row .col:last-child	{padding: 10px; box-sizing: border-box;}

.dir-team.top.detail main .heading  .row-lg .col {vertical-align: top;}
.dir-team.top.detail main .heading  {position: relative; }
.dir-team.top.detail main .heading:before  {display: block; content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); box-sizing: border-box; z-index: 1;}
.dir-team.top.detail.lang-en main .heading table th {padding-right: 0; padding-left: 0; font-size: 1.2rem;}


	
.dir-team.top.detail main .heading .container {position: relative; padding: 40px 0 80px;  background-color: #ea5404; z-index: 3;}
.dir-team.top.detail main .heading .field .container .row-lg {position: relative; z-index: 10;}
.dir-team.top.detail main .heading .container:before {display: block; content: ""; position: absolute; top: 0; right: 0; width: 290px; height: 100%; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); z-index: 0;}
.dir-team.top.detail main .heading .container:after {display: block; content: ""; position: absolute; top: 0; right: 290px; width: 1px; height: 100%; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.25) 100%); z-index: 5;}
.dir-team.top.detail main .heading .field{position: relative;  z-index: 2}
.dir-team.top.detail main .heading .col:first-child > div {float: left; width: 200px;}
.dir-team.top.detail main .heading .col:first-child section {float: right; width: 530px; }
.dir-team.top.detail main .heading .row-lg > .col:last-child {width: 290px; padding-left: 40px;}
.dir-team.top.detail main .note  {position: relative; margin: -40px 0 40px; padding:  0; z-index: 3;}
.dir-team.top.detail main .heading + .enquete {margin-top: 40px;}
.dir-team.top.detail main .enquete .unit-3-lg .col:nth-of-type(-n+3) {margin-top: 0;}
.dir-team.top.detail main .gallery .swiper-wrapper {display: block; font-size: 0;}
.dir-team.top.detail main .gallery .swiper-slide {display: inline-block; width: 32.075%; margin: 1.886% 0 0 1.886%; font-size: 1.6rem; text-align: center; vertical-align: top;}
.dir-team.top.detail main .gallery .swiper-slide img {width: auto; height: 226px;}
.dir-team.top.detail main .gallery .swiper-slide:nth-of-type(3n+1) 	{margin-left: 0;}
.dir-team.top.detail main .gallery .swiper-slide:nth-child(-n+3)	{margin-top: 0;}
.dir-team.top.detail main .gallery .swiper-container .swiper-button-prev, .dir-team.top.detail main .gallery .swiper-container .swiper-button-next{display: none;}



.dir-supporters-club.page-order main form table th {width: 200px;}



.slider-kv	{
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.slider-kv	img	{
	display: block;
	position: relative;
	opacity: 0.15;
	filter: alpha(opacity=15);
}



.slider-kv	.item-swiper	{
	max-width: 650px;
	margin: 0 auto;
}
.slider-matchcenter	.item-swiper	{
	max-width: 100%;
	width: 1060px;
	margin: 0 auto;
	/*overflow: hidden;*/
}

.swiper-container	{
	overflow: visible !important;
}

.slider-partners .swiper-container	{
	overflow: hidden!important;
}

.slider-kv	div.swiper-slide	{
	margin: 0 !important;
}

.slider-kv	div.swiper-slide	{
	width: 650px !important;
}

.slider-matchcenter	div.swiper-slide	{
	width: 33.333% !important;
	margin-bottom: 40px;
}

.slider-partners div.swiper-slide	{
	width: 142px !important;
	margin-right: 11px;
}

div.swiper-slide.swiper-slide-active img	{
	opacity: 1;
	filter: alpha(opacity=100);
}


}