@charset "UTF-8";
html	{font-size: 62.5%; height: 100%;}
body	{ width: 100%; height: 100%; margin: 0; padding: 0; color: #000000; background-color: #fdf3f6; font-family: "MFW-PFutoGoB101Pr6N-Medium" , "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif; font-size: 1.6rem; font-feature-settings: "palt"; line-height: 1.8;}
.clearfix:before, .clearfix:after, ul.list-article a:before, ul.list-article a:after { content: " "; display: table;}
.clearfix:after, ul.list-article a:after { clear: both;}
.clearfix, ul.list-article a {*zoom:1;}
*{box-sizing: border-box;}
em	{font-style: normal;}
img	{max-width: 100%; height: auto; vertical-align: top;}
a img	{ border: none;}
a:hover img	{opacity:0.7;filter: alpha(opacity=70);}
a	{text-decoration: none}
a:hover	{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
figure{margin: 0;}
hr{margin: 1.0em 0;}

header	{background-color: #fdf3f6; z-index: 10;}
header .container	{display: flex; align-items: center; padding-left: 0; padding-right: 0; text-align: center;}
header .container h1	{margin: 0; padding: 0;}
header .container h1 a	{display: block;}
header .container .item-func ul li a	{position: relative;}
header .container .item-func ul li a:before	{display: inline-block; font-family: 'Font Awesome 6 Free'; font-weight: 900;}
header .container .item-func ul li:first-child a:before	{content: "\f007";}
header .container .item-func ul li:nth-of-type(2) a:before	{content: "\f004";}
header .container .item-func ul li:nth-of-type(3) a:before	{content: "\f023";}
header .container .item-func ul li:nth-of-type(4) a:before	{content: "\f07a";}
header .container .item-func ul li a .badge	{display: inline-block; width: 16px; height: 16px; line-height: 16px; color: #ffffff; background-color: #d70c19; border-radius: 8px; font-size: 10px; text-align: center;}
header .g-nav .container >  ul > li a, header .g-nav .container >  ul > li b	{ display: block; color: #ffffff; font-weight: 700; text-decoration: none;}
header .g-nav .container >  ul > li:nth-of-type(1) a, header .g-nav .container >  ul > li:nth-of-type(1) b	{ background-color: #caa846; border-top-left-radius: 10px;}
header .g-nav .container >  ul > li:nth-of-type(2) a, header .g-nav .container >  ul > li:nth-of-type(2) b	{background-color: #e60012;}
header .g-nav .container >  ul > li:nth-of-type(3) a, header .g-nav .container >  ul > li:nth-of-type(3) b	{background-color: #4652ca;}
header .g-nav .container >  ul > li:nth-of-type(4) a, header .g-nav .container >  ul > li:nth-of-type(4) b	{background-color: #007e41;}
header .g-nav .container >  ul > li:nth-of-type(5) a	{background-color: #333333;}
header .g-nav .container >  ul > li:nth-of-type(6) a	{background-color: #333333;}
header .g-nav .container >  ul > li.menu37 a, header .g-nav .container >  ul > li.menu37 b	{background-color: #caa846;}
header .g-nav .container >  ul > li.menu35 a, header .g-nav .container >  ul > li.menu35 b	{background-color: #e60012;}
header .g-nav .container >  ul > li.menu34 a, header .g-nav .container >  ul > li.menu34 b	{background-color: #4652ca;}
header .g-nav .container >  ul > li.menu36 a, header .g-nav .container >  ul > li.menu36 b	{background-color: #007e41;}
header .g-nav .container >  ul > li.menu27 a, header .g-nav .container >  ul > li.menu27 a	{background-color: #333333;}
header .g-nav .container >  ul > li.menu26 a, header .g-nav .container >  ul > li.menu26 a	{background-color: #333333;}
.content > .heading{position: relative; color: #ffffff; background-color: #000000; z-index: 10;}
.content > .heading > .container{display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1.0rem;}
.content > .heading h2{display: flex; align-items: center; margin: 0;}
.content > .heading h2 > *{display: flex; align-items: center; margin: 0; padding: 0; color: #ffffff; font-family: "Oswald", sans-serif; font-weight: 400; line-height: 1.0;}
.content > .heading h2 > a:hover{opacity: 0.75}
.content > .heading h2 > a.nav-home{margin-right: 0.25em;}
.content > .heading h2 > a:not(.nav-home){margin-left: 0;}
.content > .heading h2 > a:last-child{margin-left: 1.0em;}
.content > .heading h2 em{display: inline-block; margin-right: 0.5em; font-weight: 700;}
.content > .heading img{width: 22px; margin-right: 0.5em;}
.content > .heading a:hover img{opacity: 1;}
.content > .club:not(:nth-of-type(1)){margin-top: 2.0rem; padding-top: 1.0rem; border-top: 1px solid #000000;}
.club > h3{margin: 1.0rem 0; padding: 0 0 0.1em 1.0rem; color: #000000; border-left: 3px solid #000000; font-family: "Oswald", sans-serif; font-weight: 700; line-height: 1.1;}
.match > .heading{display: flex; align-items: center; justify-content: space-between; padding-top: 1.0rem; border-top: 1px solid #cccccc;}
.match > .heading h4{margin: 0; padding: 0 0 0.1em 1.0rem; border-left: 3px solid #000000; font-family: "Oswald", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.2;}
.item-category{display: inline-block; width: 8.0em; margin: 0 0 0.75em; padding: 0.25em 0; color: #ffffff; background: #383337 url("../img/bg-halftone.png") no-repeat center center; background-size: 200%; font-family: "Oswald", sans-serif; font-weight: 700; line-height: 1.0; text-align: center; vertical-align: top;}
.match article .pickup h5{margin-top: 1.0rem}
.page-article .body-article h2{width: 100%; margin-top: 1.5em; margin-bottom: 0.75em; padding: 0.25em 0.5em; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 50%; font-family: "MFW-PGothicMB101Pr6N-DeBold";}
.page-article .body-article h4, .page-article .body-article h5, .page-article .body-article h6{width: 100%; margin-top: 0.75em; margin-bottom: 0.75em; font-family: "MFW-PGothicMB101Pr6N-DeBold";}
.page-article .body-article h4{padding: 0.25em 0.5em; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 50%;}
.page-article .body-article h5:after{display: block; content: ""; width: 100%; height: 2px; margin-top: 0.25em; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 50%;}
.page-article .body-article h2 + p, .page-article .body-article h4 + p, .page-article .body-article h5 + p, .page-article .body-article h6 + p{margin-top: 0;}
.page-article .body-article p{margin: 1.0em 0;}
.item-button{text-align: center;}
.item-button > *{display: inline-block; padding: 1.0em 2.0em; line-height: 1.0;}
.item-button.bk > *{color: #ffffff; background-color: #000000;}
.item-button.white > *{color: #000000; background-color: #ffffff;}
.item-button.rounded > *{border-radius: 5.0em;}
.item-button.white.lined > *{padding-top: calc(1.0em - 2px); padding-bottom: calc(1.0em - 2px); color: #ffffff; background-color: transparent; border: 2px solid #ffffff;}
.nav-num.reset{display: flex; align-items: center; justify-content: center; margin-top: 3.0em;}
.nav-num > li, .nav-num > li > *{width: 30px;}
.nav-num > li.ellipsis{text-align: center;}
.nav-num > li > *{display: block; height: 30px; color: #000000; text-align: center; ext-decoration: none; line-height: 30px;}
.nav-num > li > a:empty{pointer-events: none;}
.nav-num > li > a:hover{background-color: #ffffff;}
.nav-num > li.active > *{color: #ffffff; background: transparent url("../img/bg-halftone.png") no-repeat center center; background-size: 200px;}
.nav-num > li[class]:not(.active) a{padding-right: 0.75em; padding-left: 0.75em;}
.body-article + .item-button, .nav-num + .item-button{margin-top: 1.5em;}
.item-select{position: relative; line-height: 1.0;}
.item-select:after{display: block; content: ""; position: absolute; top: calc( 50% - 5px); right: 0.5em; width: 4px; height: 4px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(135deg)}
.item-select select{padding: 0.25em; color: #ffffff; background-color: #444444; border: none; border-radius: 0; font-size: 1.0em; appearance: none; outline: none; vertical-align: top;}
.item-match{display: flex; align-items: center; width: max-content; background: #383337 url("../img/bg-halftone.png") no-repeat center center; background-size: 200px;}
.item-match .club{display: flex; align-items: center; justify-content: center;}
.item-match b{color: #ffffff; background: #706a70 url("../img/bg-halftone-gray.png") no-repeat center center; background-size: 200px; font-family: "Oswald", sans-serif; font-size: 1.5em; font-weight: 400; text-align: center;}
.item-match b + b{margin-left: 1px;}
.item-match strong{display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; justify-content: center; color: #ffffff; font-family: "Oswald", sans-serif; font-size: 0.90em; line-height: 1.1;}
.item-match strong em{width: 100%; font-size: 1.25em; font-weight: 500; text-align: center;}
.item-kv{text-align: center;}
.item-kv > p, .item-photo > p{font-size: 0.85em; line-height: 1.4;}
.item-embed{position: relative; width: 100%; padding-top: 56.25%;}
.item-embed iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.item-notloggedin{display: flex; flex-direction: column; justify-content: flex-end; position: absolute; bottom: 0; left: 0; width: 100vw; padding-top: 30%; text-align: center; overflow: scroll;}
.item-notloggedin .field{padding: 3.0em 1.0em; background-color: #fdf3f6;}
body:has(.item-notloggedin){position: fixed;}
body:has(.item-notloggedin) .content:before{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: calc(100% + 2.0em); background-color: rgba(0,0,0,0.5);}
.item-notloggedin strong{display: block; margin-bottom: 0.75em; font-size: 1.5em; font-family: "MFW-PGothicMB101Pr6N-DeBold"; line-height: 1.4; text-align: center;}
.item-notloggedin .item-button:not(.bk) a{color: #ffffff; background-color: #007e41; font-size: 1.25em;}
.item-notloggedin .pr{display: flex; align-items: center; margin: 1.5em 0; text-align: left;}
.item-notloggedin .pr b{display: block; font-size: 1.5em;}
.item-notloggedin .pr > img{width: 150px; margin-right: 1.5em; flex-shrink: 0;}
.item-notloggedin .login{margin-bottom: 1.5em; padding: 1.5em ; background-color: #cccccc;}
.item-notloggedin .item-button + .login{margin-top: 3.0em;}
.match article{margin-top: 1.0rem;}
ul.list-article li{border-top: 1px solid #cccccc;}
.match .pickup a, ul.list-article li a {display: block; color: #000000; text-decoration: none;}
ul.list-article li a img {transition: all 0.25s;}
ul.list-article li{margin-top: 1.0rem; padding-top: 1.0rem;}
.sub-heading strong{display: block; font-family: "MFW-PGothicMB101Pr6N-DeBold"; line-height: 1.4;}
.sub-heading p{margin: 0.5em 0; font-family: "MFW-PGothicBBBPr6N-Regular";}
.sub-heading span{font-size: 0.85em;}
ul.list-article li .item-kv{float: right; margin-left: 1.0rem;}
ul.list-article li .item-kv img{object-fit: cover;}
ul.list-player-unit{border-bottom: 1px solid #000000;}
ul.list-unit{border-bottom: 1px solid #000000;}
ul.list-unit li{display: flex; align-items: stretch; justify-content: space-between; padding: 0.25em 0; border-top: 1px solid #000000;}
ul.list-unit.comment li{align-items: stretch; flex-wrap: wrap;}
ul.list-unit.credit li{align-items: center;}
ul.list-unit li .photo{width: 50px; flex-shrink: 0;}
ul.list-unit li .field{flex-grow: 1;  padding: 0 0.5em;}
ul.list-unit.comment li .field{display: flex; padding-left: 0;}
ul.list-unit.comment li .photo + .field{ padding-left: 0.5em;}
ul.list-unit li .field .heading{display: flex; align-items: center;}
ul.list-unit.comment li .field .heading{flex-wrap: wrap; flex-grow: 1;}
ul.list-unit li .field .heading strong{flex-grow: 1; font-family: "MFW-PGothicMB101Pr6N-DeBold"; font-size: 1.15em; line-height: 1.4;}
ul.list-unit li .field .heading strong b{display: inline-block; margin-right: 0.5em; font-family: "Oswald", sans-serif; font-weight: 400;}
ul.list-unit li .field .heading .icon{display: flex; align-items: center; flex-shrink: 0;}
ul.list-unit li .field .heading .icon span{display: flex; align-items: center; flex-shrink: 0;  width: 14px; height: 20px; margin-left: 0.25em;}
ul.list-unit li .field .heading .icon .yellow-card{width: 14px; height: 18px; background-color: #ffe200; text-indent: -999em;}
ul.list-unit li .field .heading .icon .red-card{width: 14px; height: 18px; background-color: #ff0000; text-indent: -999em;}
ul.list-unit li .field .heading .icon .goal{width: 14px; height: 18px; font-size: 1.0rem; line-height: 18px;}
ul.list-unit li .field .heading .icon .goal:before{display: flex; align-items: center; justify-content: center; content: "\f1e3"; width: 14px; height: 18px; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #000000; font-size: 13px;}
ul.list-unit li .field p{margin: 0; line-height: 1.4;}
ul.list-unit li .point{display: flex; align-items: center; flex-shrink: 0; justify-content: center; position: relative; width: 14%; height: 50px; color: #ffffff; background: transparent url("../img/bg-halftone.png") no-repeat center center; background-size: 150px; border-radius: 4px; font-family: "Oswald", sans-serif; font-size: 24px; font-weight: 400;}
ul.list-unit li .point.mom{padding-bottom: 16px;}
ul.list-unit li .point.mom:before{display: block; content: "MOM"; position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; background-color: #ff0000; font-family: "Oswald", sans-serif; font-size: 12px; text-align: center; line-height: 1.4;}
ul.list-unit.comment li span{ align-self: flex-end;flex-shrink: 0; padding-left: 1.0em; font-family: "Oswald", sans-serif; font-weight: 400; text-align: right;}
ul.list-unit.comment li p{width: 100%; margin: 0.5em 0 0;}
ul.list-unit.comment li p b{display: block; font-family: "MFW-PGothicMB101Pr6N-DeBold"; line-height: 1.4;}
ul.list-unit.credit li p{margin: 0; padding:0.5em 0.5em 0.5em 0; line-height: 1.4;}
ul.list-unit.credit li p b{display: block; font-family: "MFW-PGothicMB101Pr6N-DeBold"; font-size: 1.15em; line-height: 1.4;}
.page-article .content > .article{margin-top: 1.0em;}
.sub-heading h3 + strong{display: block; font-family: "MFW-PGothicMB101Pr6N-DeBold"; line-height: 1.4;}
.page-article .content .heading + .item-kv{margin: 0.75em 0;}
.swiper{text-align: center;}
.swiper.cover{font-family: "Oswald", sans-serif; font-weight: 400; line-height: 1.0;}
.swiper:not(:has(.swiper-button-lock)){padding-bottom:2.5em;}
body:not(.page-match-week) .swiper:not(:has(.swiper-button-lock)):before{display: block; content: ""; position: absolute; bottom: 0; left: calc(50% - 1px); width: 2px; height: 1.0em; background-color: #000000;}
.swiper.cover a{color: #000000;}
.swiper.cover img{border: 1px solid #cccccc;}
.swiper.cover p{margin: 0.5em 0 0; text-align: center;}
.swiper.photo p{margin-bottom: 0;}
.swiper.cover p em{display: block; margin-bottom: 0.25em; font-size: 1.25em;}
.swiper.wide{width: 100vw; overflow: hidden;}
.swiper.wide .swiper-slide{width: 100%;}
.swiper.wide .swiper-slide img{width: 100%;}
.swiper .swiper-button-prev:before, .swiper .swiper-button-next:before{display: inline-block;font-family: "Oswald", sans-serif; font-weight: 400;}
.swiper .swiper-button-prev:after, .swiper .swiper-button-next:after{display: none;}
.swiper .swiper-button-prev{top: auto; bottom: 0; left: calc(50% - 40px); height: 1.0em; color: #000000;}
.swiper .swiper-button-prev:before{ content: "Prev"}
.swiper .swiper-button-next{top: auto; bottom: 0; right: calc(50% - 40px);  height: 1.0em; color: #000000;}
.swiper .swiper-button-next:before{content: "Next"}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.25;}
.page-match-week .swiper.cover .swiper-wrapper{display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start;}
.page-match-week .swiper.cover .swiper-slide img{width: 100%;}
.item-formation{text-align:center;overflow:hidden}
.item-formation.result{border: 1px solid #000000;}
.item-formation.result .match-info > p{margin: 0; padding: 0.25em 0; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px; line-height: 1.4;}
.item-formation.result .match-info .heading{display: flex; align-items: center;}
.item-formation.result .match-info .heading .col{width: 40%; font-size: 36px; font-family: "MFW-PGothicMB101Pr6N-DeBold"; text-align: right;}
.item-formation.result .match-info .heading .col:last-child{text-align: left;}
.item-formation.result .match-info .heading .col.score{display: flex; align-items: center; justify-content: center; width: 20%; font-family: "Oswald", sans-serif; font-weight: 400;}
.item-formation.result .match-info .heading .col.score *{font-weight: 400; line-height: 1.0;}
.item-formation.result .match-info .heading .col.score strong{font-size: 40px; font-weight: 400;}
.item-formation.result .match-info .heading .col.score div{display: flex; align-items: center; flex-direction: column; justify-content: center; margin: 0 0.5em; font-size: 14px;}
.item-formation.result .match-info .heading .col.score div b{display: flex; align-items: center; justify-content: center; font-size: 0.85em; font-weight: 400;}
.item-formation.result .match-info .heading .col.score div em{width: 1.0em; text-align: center;}
.item-formation.result .match-info .heading .col.score div p{margin: 0.25em 0 0; padding: 0; font-size: 0.85em;}
.item-formation.result .match-info table{width: 100%;  border-collapse: collapse; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
.item-formation.result .match-info table tr > *{padding: 0.25em; line-height: 1.4; text-align: left;}
.item-formation.result .match-info table tr:not(:first-child) > *{border-top: 1px dotted #000000;}
.item-formation.result .match-info table tr > td:first-child{width: 45%;;}
.item-formation.result .match-info table tr:not(.pk):not(.change):not(.stats) > td:last-child{width: 45%; direction: rtl; text-align: right;}
.item-formation.result .match-info table tr.change > *, .item-formation.result .match-info table tr.stats > *{border-top-style:  solid;}
.item-formation.result .match-info table tr.change th{color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px;}
.item-formation.result .match-info table tr.change td ul{font-size: 0;}
.item-formation.result .match-info table tr.change td ul li{/*display: inline; */font-size: 1.6rem;}
.item-formation.result .match-info table tr.change td ul > li:not(:last-child){padding-right: 0.5em;}
.item-formation.result .match-info table tr.stats .data{display: flex; align-items: center; justify-content: center;}
.item-formation.result .match-info table tr.stats .graph{display: flex; align-items: center; justify-content: center; position: relative; width: 33.333%; font-family: "Oswald", sans-serif; font-weight: 500;}
.item-formation.result .match-info table tr.stats .graph > .col{width: 25%; text-align: right;}
.item-formation.result .match-info table tr.stats .graph > .col:nth-of-type(2){width: 50%; text-align: center;}
.item-formation.result .match-info table tr.stats .graph > .col:last-child{text-align: left;}
.item-formation.result .match-info table tr.stats > * svg{width: 60px; height: 60px; margin: 0 0.5em; vertical-align: top; transform:rotate(-90deg);}
.item-formation.result .match-info table tr.stats > * em{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: calc(50% - 30px); width: 60px; height: 60px; font-size: 0.65em;}
svg circle{position:relative;fill:none;stroke-width:15;stroke:#d7d0e6;stroke-dasharray:157;stroke-dashoffset:0;}
svg circle.away {position: absolute; top: 0; left: 0; stroke: #757f98;}
.item-formation.result .match-info table tr.pk em{display: inline-block; width: 1.0em; text-align: center;}
.item-formation.result .match-info table tr > th{background-color:#eddff2; text-align: center; white-space: nowrap;}
.item-formation .club-tab ul{display: flex; align-items: center; justify-content: center; position: relative;}
.item-formation.result .club-tab ul:after{display: block; content: ""; position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 100%; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px; pointer-events: none;}
.item-formation .club-tab ul > li{position: relative; width: 50%; background-color: #757f98; cursor: pointer;}
.item-formation.preview .club-tab{position: relative;}
.item-formation.preview .club-tab ul{justify-content: space-between;}
.item-formation.preview .club-tab ul > li{width: 30%;}
.item-formation.preview .club-tab .info{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 30%; bottom: 0; left: 30%; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px;}
.item-formation.preview .club-tab .info strong{font-family: "Oswald", sans-serif; font-size: 1.5em; font-weight: 500; line-height: 1.0;}
.item-formation.preview .club-tab .info strong em{display: block; font-size: 1.25em;}
.item-formation .club-tab ul > li.active{background-color: #d7d0e6;}
.item-formation .club-tab ul > li.active:before{display: block; content: ""; position: absolute; top: calc(50% - 10px); width: 14px; height: 20px; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px;}
.item-formation .club-tab ul > li:first-child.active:before{right: 0; clip-path: polygon(100% 0, 0 50%, 100% 100%);}
.item-formation .club-tab ul > li:last-child.active:before{left: 0; clip-path: polygon(0 0, 100% 50%, 0 100%);}
.item-formation .club-tab ul > li img{width: 60px;}
.item-formation .club-tab ul > li:not(.active) img{filter: grayscale(100%); opacity: 0.5;}
.item-formation .content-tab > .heading{display: flex; align-items: center; justify-content: flex-end;padding: 0.75em; line-height: 1.0;}
.item-formation .container-tab > .content-tab:first-child > .heading{direction: rtl;}
.item-formation .container-tab > .content-tab:first-child > .heading span{text-align: left;}
.item-formation .container-tab > .content-tab:last-child > .heading span{text-align: right;}
.item-formation .content-tab > .heading *{width: 33.333%;}
.item-formation .content-tab strong{font-family: "Oswald", sans-serif; font-size: 1.25em; font-weight: 500; text-align: center;}
.item-formation .field{padding: 20px 0; background-color:#eddff2; overflow: hidden;}
.item-formation .field .inner{position: relative;}
.item-formation .field .inner:before{display: block; content: ""; position: absolute; top: calc(-12.5vw - 20px); left: calc(37.5vw - 1.0em - 4px); width: 25vw; height: 25vw; border: 2px solid #ffffff; border-radius: 25vw;}
.item-formation .field .inner:after{display: block; content: ""; position: absolute; bottom: -20px; left: calc(37.5vw - 1.0em - 4px); width: 25vw; height: calc(7.5vw + 20px); border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff;}
.item-formation .field table + .emblem{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; filter: grayscale(100%); opacity: 0.15;}
.item-formation .field table{width:100%;border-collapse:collapse;table-layout:fixed;border-radius:5px;overflow:hidden}
.item-formation .field table td{height:11.111vw}
.item-formation .field ul li{position:absolute;width:22.222%;height:11.111vw;font-size:1.4rem;text-align:center;line-height:1;transform:translate(-22.2226%); z-index: 1;}
.item-formation .field ul li.yellow{color:#d3c932}
.item-formation .field ul.list li span{display:block;position:relative;width:24px;height:24px;line-height:24px;margin:0 auto .25em; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px; border-radius:14px;font-family: "Oswald", sans-serif; font-size: 1.4rem; font-weight: 400;text-align:center}
.item-formation ul.list li em{display:block}
.item-formation .field ul li.y-1{height:11.1%;bottom:0}
.item-formation .field ul.list li small{display:block;opacity:0.7;line-height:1.2;margin-top:0.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-formation .field ul li.y-2{height:11.1%;bottom:11.1%}
.item-formation .field ul li.y-3{height:11.1%;bottom:22.2%}
.item-formation .field ul li.y-4{height:11.1%;bottom:33.3%}
.item-formation .field ul li.y-5{height:11.1%;bottom:44.4%}
.item-formation .field ul li.y-6{height:11.1%;bottom:55.5%}
.item-formation .field ul li.y-7{height:11.1%;bottom:66.6%}
.item-formation .field ul li.y-8{height:11.1%;bottom:77.7%}
.item-formation .field ul li.y-9{height:11.1%;bottom:88.8%}
.item-formation .field ul li.x-1{width:18.55%;left:0}
.item-formation .field ul li.x-2{width:18.55%;left:11.1%}
.item-formation .field ul li.x-3{width:18.55%;left:22.2%}
.item-formation .field ul li.x-4{width:18.55%;left:33.3%}
.item-formation .field ul li.x-5{width:18.55%;left:44.4%}
.item-formation .field ul li.x-6{width:18.55%;left:55.5%}
.item-formation .field ul li.x-7{width:18.55%;left:66.6%}
.item-formation .field ul li.x-8{width:18.55%;left:77.7%}
.item-formation .field ul li.x-9{width:18.55%;left:88.8%}
.item-formation .field ul li.alt{padding-top:1.25em}
.item-formation .field ul li.gk{top:88.889vw;left:44.444%}
.item-formation .field ul li.fp-01{top:66.666vw;left:11.111%}
.item-formation .field ul li.fp-02{top:66.666vw;left:33.333%}
.item-formation .field ul li.fp-03{top:66.666vw;left:55.555%}
.item-formation .field ul li.fp-04{top:66.666vw;left:77.777%}
.item-formation .field ul li.fp-05{top:44.444vw;left:44.444%}
.item-formation .field ul li.fp-06{top:22.222vw;left:33.333%}
.item-formation .field ul li.fp-07{top:22.222vw;left:55.555%}
.item-formation .field ul li.fp-08{top:0;left:11.111%}
.item-formation .field ul li.fp-09{top:0;left:77.777%}
.item-formation .field ul li.fp-10{top:0;left:44.444%}
.item-formation .field ~ ul{display:flex;align-items:flex-start; flex-wrap: wrap; position: relative; margin: 0.5em;}
.item-formation.preview .field ~ ul{margin: 0.5em 0;}
.item-formation ul.sub{padding-left: 2.25em;}
.item-formation ul.sub:before{display:flex;align-items:center;content:"SUB"; position: absolute; top: 0; left: 0; padding: 0.25em 0.5em; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px; font-family: "Oswald", sans-serif; font-size: 0.65em; font-weight: 400; line-height: 1.0;}
.item-formation ul.suspension{padding-left: 4.25em;}
.item-formation ul.suspension:before{display:flex;align-items:center;content:"出場停⽌"; position: absolute; top: 0; left: 0; padding: 0.25em 0.5em; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px;  font-size: 0.75em; font-weight: 400; line-height: 1.0;}
.item-formation ul.accumulated{padding-left: 5.25em;}
.item-formation ul.accumulated:before{display:flex;align-items:center;content:"累積警告3枚"; position: absolute; top: 0; left: 0; padding: 0.25em 0.5em; color: #ffffff; background: #383337 url("../img/bg-halftone.png") repeat center center; background-size: 200px;  font-size: 0.75em; font-weight: 400; line-height: 1.0;}
.item-formation .field ~ ul li{display:inline-block;font-size:1.2rem;text-align:center;line-height:1.2}
.item-formation .field ~ ul li:not(:last-child){margin-right:.5em}
.content-tab:not(.active){display: none;}

@media screen and (max-width:834px){
body	{ font-size: 3.5vw;}
.container	{padding: 0 1.0em;}
header	{position: fixed; top: 0; left: 0; width: 100%; height: 60px; padding: 10px 0; border-bottom: 1px solid #c7c7c7; box-sizing: border-box;}
header a	{color: #444444;}
header > .container	{position: relative; height: 40px; box-sizing: border-box; padding: 0 10px; text-align: center;}
header .container h1	{display: inline-block; width: 141px; vertical-align: middle;}
header .container h1 a	{height: 20px; vertical-align: middle;}
header .container .item-func	{position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
footer	{margin-top: 50px; border-top: 1px solid #c7c7c7;}
footer ul.inline-group	{flex-wrap: wrap; gap: 0;}
footer ul.reset	{padding-bottom: 10px;}
footer ul li	{width: 50%;}
footer ul li a	{display: block; padding: 5px 0; color: #444444; border-bottom: 1px solid #c7c7c7; font-size: 3vw; text-align: center;}
footer ul li:nth-child(odd) a	{border-right: 1px solid #c7c7c7;}
footer ul.sns	{display: flex; justify-content: center; gap: 1.5em; padding-bottom: 10px;}
footer ul.sns li	{width: auto;}
footer ul.sns li a	{border: none; font-size: 6vw;}
footer p	{margin: 0; padding: 0 10px 10px; font-size: 3vw;}
footer p:last-child	{padding-top: 10px; border-top: 1px solid #c7c7c7; text-align: center;}
main	{padding-top: 60px;}
.content > .heading > .container{padding: 0.5rem 1.0rem;}
.content > .heading h2{font-size: 5.0vw; min-width: 0; overflow: hidden; white-space: nowrap;}
.content > .heading img{width: 22px; margin-right: 0.5em;}
.content > .heading .item-select select{max-width: 100px;}
.club > h3{font-size: 6.0vw;}
.match > .heading h4{font-size: 4.0vw;}
.match > .heading h4 em{display: block;}
.match h5, .page-article article h3{font-size: 3.0vw;}
.page-article .body-article h4, .page-article .body-article h5, .page-article .body-article h6{font-size: 3.0vw;}
.item-button > *{min-width: 60%;}
.item-match .club{width: 40px; height: 34px; padding: 0 3px;}
.item-match b{width: 20px; height: 34px; line-height: 32px;}
.item-match strong{width: 40px; height: 34px;}
.item-notloggedin{top: 100px;}
.item-notloggedin .field{padding: 2.0em 0;}
.item-formation.result .match-info .heading .col{width: 35%; font-size: 6.0vw;}
.item-formation.result .match-info .heading .col.score{width: 30%;}
.item-formation.result .match-info .heading .col.score strong{padding: 0.35em 0; font-size: 8.0vw;}
.item-formation.result .match-info table tr.change td ul li{font-size: 3.5vw;}
.item-formation.result .match-info table tr.stats .graph > .col{width: 18%}
.item-formation.result .match-info table tr.stats .graph > .col:nth-of-type(2){width: 64%}
.item-formation .field ~ ul{margin: 0.5em;}
.item-formation ul.sub:before{top: 0.15em;}
ul.list-article li .item-kv{width: 25vw; height: 25vw;}
ul.list-article li .item-kv img{width: 25vw; height: 25vw; object-fit: cover;}
ul.list-article li .sub-heading strong{font-size: 1.20em;}
.match > ul li .sub-heading strong{font-size: 1.25em;}
.match article .pickup strong, .page-article article h3 + strong{font-size: 1.5em;}
.match article .pickup strong{font-size: 1.65em;}
.page-article article .sub-heading{padding-top: 1.0em;}
.page-article article .lead{margin: 1.0em;}
.page-article article .sub-heading, .page-article article .body-article{margin-right: 1.0em; margin-left: 1.0em; text-align: left;}
/* フォーメーションは親要素の幅に収める（デザインサンプル準拠） */
/* .page-article .body-article .item-formation{width: calc(100% + 2.0em); margin-left: -1.0em; margin-right: -1.0em;} */
.page-article .content article .item-kv p{margin: 0.25em 1.0em 1.0em; text-align: left}
.swiper .item-photo p{margin: 0.25em 0 0; text-align: left}
.swiper.wide .item-photo p{margin: 0.25em 1.0em 0; text-align: left}
.page-article .list-article{margin: 2.0em 1.0em;}
.page-match-week .swiper.cover .swiper-wrapper .swiper-slide{width: calc(50% - 10px);}
.page-match-week .swiper.cover .swiper-wrapper .swiper-slide:nth-child(even){margin-left: 20px;}
.page-match-week .swiper.cover .swiper-wrapper .swiper-slide:nth-of-type(n+3){margin-top: 20px;}
.swiper.wide{transform: translate(-1.0em);}
}

@media screen and (min-width:835px){
.container	{width: 1060px; margin: 0 auto;}
header	{position: relative; top: 0; left: 0; width: 100%; height: 81px; border-bottom: 1px solid #999999; box-sizing: border-box;}
header a	{display: block; height: 40px; color: #444444;}
header > .container	{position: relative; height: 70px; margin: 0 auto; padding: 20px 0; text-align: center;}
header .container h1	{display: inline-block; width: 283px; vertical-align: middle;}
header .container .item-func	{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
footer	{margin-top: 50px; padding-top: 20px; background-color: #eeeeee; border-top: 1px solid #c7c7c7;}
footer ul.inline-group	{flex-wrap: wrap; justify-content: center;}
footer ul.reset	{padding-bottom: 20px; text-align: center;}
footer ul li	{padding: 0 10px;}
footer ul li a	{display: block; padding: 5px 0; color: #444444; font-size: 1.4rem; text-align: center;}
footer ul li a:before	{display: inline-block; content: "\f054"; margin-right: 5px; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1.0rem; vertical-align: 2px;}
footer ul.sns	{display: flex; justify-content: center; gap: 1.5em;}
footer ul.sns li	{padding: 0;}
footer ul.sns li a	{font-size: 2.0rem;}
footer ul.sns li a:before	{display: none;}
footer p	{margin: 0; padding: 0 10px 10px; font-size: 1.2rem;}
footer p:last-child	{margin-top: 20px; padding-top: 10px; border-top: 1px solid #c7c7c7; text-align: center;}
.content > .heading{margin-bottom: 2.0rem;}
.content > .heading h2{font-size: 20px;}
.content > .heading .item-select{flex-shrink: 0;}
.content > .heading .item-select select{font-size: 0.85em; min-width: 10em; max-width: 16em;}
.content > .club:not(:nth-of-type(1)){margin-top: 4.0rem; padding-top: 3.0rem;}
.club > h3{font-size: 40px;}
.match > .heading h4{font-size: 24px;}
.match > .heading h4 em{margin-left: 0.25em;}
.match h5, .page-article article h3{font-size: 14px;}
.page-article .body-article h4, .page-article .body-article h5, .page-article .body-article h6{font-size: 1.0em;}
.item-button > *{min-width: 200px;}
.item-match .club{width: 50px; height: 44px; padding: 0 3px;}
.item-match b{width: 30px; height: 44px; line-height: 42px; font-size: 30px;}
.item-match strong{width: 60px; height: 44px;}
.item-notloggedin{top: 120px;}
.item-notloggedin .container{width: 600px;}
/*.nav-num > li:not([class]), .nav-num > li.active{width: 30px;}*/
.match article {display: flex; justify-content: space-between;}
.match article .pickup {width: calc(65% - 20px);}
/*.match article .pickup:after {display: block; content: ""; position: absolute; top: 0; right: 520px; bottom: 0; width: 1px; height: 100%; background-color: #cccccc;}*/
.match article .pickup{position: sticky; top: 0; left: 0; height: 100%;}
.match article ul {position: relative; width: 35%; margin-top: 0;}
.match ul.list-article li:first-child{margin-top: 0;}
ul.list-article li a .item-kv{overflow: hidden;}
ul.list-article li .item-kv{width: 120px; height: 120px;}
ul.list-article li .item-kv img{width: 120px; height: 120px; object-fit: cover;}
ul.list-article li a:hover .item-kv img{transform: scale(1.1)}
ul.list-article li .sub-heading strong{font-size: 1.1em;}
ul.list-unit li .photo, ul.list-unit li .point{width: 50px; height: 50px;}
.match article .pickup strong{font-size: 26px;}
.match article .pickup .sub-heading p{margin: 0;}
.page-article header .container {width: 100%; max-width: 1060px; padding-right: 0; padding-left: 0;}
.page-article article .sub-heading, .page-article article .lead, .page-article article .body-article, .page-article .list-article{width: 600px; margin-right: auto; margin-left: auto; text-align: left;}
.page-article .body-article .item-formation{width: 100%; max-width: 600px;}
.page-article .body-article .item-formation .field table td{height:66px;}
.page-article .body-article .item-formation .field ul li{height:66px;}
.page-article .body-article .item-formation .field .inner:before{top: -100px; left: calc(50% - 80px); width: 160px; height: 160px; border-radius: 90px;}
.page-article .body-article .item-formation .field .inner:after{bottom: -60px; left: calc(50% - 80px); width: 160px; height: 80px;}
.page-article article h3 + strong{font-size: 30px;}
.page-article article .sub-heading strong{font-size: 30px;}
.page-article .content .sub-heading + .item-kv{width: 100vw; margin: 1.5em 0;}
.page-article .content article .item-kv img, .page-article .content article .item-kv p{display: inline-block; width: 100%}
.page-article .content article .item-kv p, .page-article .content article .item-photo p{margin: 0.25em 0 0; text-align: right;}
.page-article .content article .item-kv p{padding-right: 1.0em; padding-left: 1.0em; box-sizing: border-box;}
.page-article .list-article{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2.0em auto;}
.page-article .list-article li{width: calc(50% - 10px); margin-top: 20px;}
.page-match-week .swiper.cover .swiper-wrapper .swiper-slide{width: calc((100% - 100px) / 6); flex-shrink: 0;}
.page-match-week .swiper.cover .swiper-wrapper .swiper-slide:not(:nth-of-type(6n+1)){margin-left: 20px;}
.page-match-week .swiper.cover .swiper-wrapper .swiper-slide:nth-of-type(n+7){margin-top: 20px;}
.swiper.wide{transform: translate(calc(-50vw + 300px));}
.item-formation .field table{width:100%}
.item-formation.result .match-info table tr.stats .graph{width: 25%;}
.item-formation .field .inner:before{top: -120px; left: 214px; width: 160px; height: 160px; border-radius: 90px;}
.item-formation .field .inner:after{bottom: -70px; left: 214px; width: 160px; height: 100px;}
.item-formation .field ul.list li span{width:36px;height:36px;line-height:36px;border-radius:18px}
}

@media screen and (min-width:600px){
.item-formation .field table td{height:3em}
}


@media screen and (min-width:1200px){
.page-article .content article .item-kv img, .page-article .content article .item-kv p{width: 1200px; padding-right: 0; padding-left: 0;}
.swiper.wide .swiper-slide p{display: inline-block; width: 1200px; margin-right: auto; margin-left: auto;}
}

.reset	{margin: 0; padding: 0; list-style-type: none;}

.pagetop	{display: none; position: fixed; bottom: 20px; right: 20px; padding: 10px 20px; background-color: #000000; cursor: pointer; z-index: 1000;}
.pagetop a	{color: #ffffff; text-decoration: none; font-size: 1.2rem;}

/* ========================================
   記事ページ強制スタイル
   ======================================== */
/* モバイル */
body.page-article article .lead,
body.page-article article .sub-heading,
body.page-article article .body-article {
	display: block;
	margin-left: 1.0em !important;
	margin-right: 1.0em !important;
	text-align: left;
}

/* PC (835px以上) */
@media screen and (min-width:835px){
body.page-article article .lead,
body.page-article article .sub-heading,
body.page-article article .body-article {
	width: 600px !important;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}
}

/* 記事がない場合のメッセージ */
.no-articles {
	text-align: center;
	padding: 3em 1em;
	color: #666;
	font-size: 1.1em;
	background-color: #f8f8f8;
	border-radius: 8px;
	margin: 2em auto;
	max-width: 600px;
}