/*
Theme Name: ORCA Kamogawa FC
Theme URI: https://www.vh-technology.com
Author: VHTechnology JSC
Author URI: https://www.vh-technology.com
Description: A customized theme for Orca Kamogawa Women Football Team Homepage
Version: 2024.10.31
Text Domain: orcakamogawa

*/
@font-face {
  font-family: 'SignPainter';
  src: url('/wp-content/themes/twentytwentyfour/assets/fonts/SignPainter/SignPainter-HouseScript-Semibold.ttf')
    format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'YuKyokasho Yoko';
  src: url('/wp-content/themes/twentytwentyfour/assets/fonts/Kyokasho-Toko/Kyokasho Yoko Bold.otf')
    format('truetype');
  font-weight: bold;
  font-style: normal;
}
.block-main {
  overflow-x: hidden;
}
header {
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.header-top {
  display: none;
}
.header-logo {
  margin-bottom: -10px !important;
}
.header-logo a img {
  padding-top: 5px;
}
.header-company {
  margin-top: 10px !important;
}
.header-company a,
.header-official p {
  font-family: 'Hiragino Mincho ProN' !important;
}
.header-official {
  margin-top: 13px !important;
  margin-left: -18px !important;
}

.header-ticket,
.header-goods {
  display: flex;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  margin-top: 10px !important;
}
.header-ticket-img {
  width: 24px;
  height: 24px;
  background-image: url(/wp-content/uploads/2023/11/sssss-1.png) !important;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: left;
  mix-blend-mode: multiply;
}
.header-goods-img {
  width: 24px;
  height: 24px;
  background-image: url(/wp-content/uploads/2023/11/10596-600x600-1.jpg) !important;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: left;
  mix-blend-mode: multiply;
}
.image-1,
.image-2 {
  margin-right: -20px !important;
}
.image-1 img,
.image-2 img {
  mix-blend-mode: multiply;
}
.image-7 {
  margin-right: 15px !important;
}
.navigation-1,
.navigation-3 {
  width: 10%;
}
.navigation-2 {
  color: #ffffff;
  width: 80%;
}

.menu-header-1{
background-color: #000c21 !important;
}
.navigation-2 ul {
  justify-content: center;
}
.block-navigation {
  /*margin: 5px 0 !important;*/
  color: #ffffff !important;
  height: 50px;
}
.navigation-2 ul li button {
  display: none !important;
}
.navigation-2 ul li a {
  text-align: center;
  line-height: 15px;
}
.navigation-2 ul li a strong:first-child {
  font-size: 16px;
  letter-spacing: 0.32px;
}
.navigation-2 ul li a strong:last-child,
.navigation-2 ul li ul li a span {
  font-size: 11px;
}
.navigation-2 ul li ul li:first-child {
  margin-top: 5px !important;
}
.navigation-2 ul li ul li {
  margin: 0 !important;
}
/*.navigation-2 ul li ul:first-child {*/
/*    height: 20px !important;*/
/*}*/
.navigation-2 ul li ul li a {
  padding: 2px;
}
.navigation-3 {
  padding: 0 !important;
  margin-bottom: 10px !important;
}
.image-location {
  width: 19px;
  height: 19px;
}
.image-mail {
  height: 20.13px !important;
}

.navigation-2 li ul {
  color: #ffffff !important;
  background-color: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
}
.navigation-schedule ul {
  left: -21px !important;
}
.navigation-player ul {
  left: -63px !important;
}
.navigation-club ul {
  left: -75px !important;
}
.navigation-academy ul {
  left: -60px !important;
  z-index: 999 !important;
}
.navigation-fan ul {
  left: -80px !important;
}
.navigation-ticket ul {
  left: -32px !important;
}

.navigation-active a:hover {
  color: #ffffff !important;
}

.navigation-block-active li:hover {
  /* background: #1B4697 !important; */
  color: #ffffff !important;
}

.navigation-2 a:hover {
  text-decoration: none;
}

.navigation-2 li ul li {
  padding: 3px 0;
  background: #1b4697 !important;
  width: 60%;
}

.navigation-2 li ul li a:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.navigation-2 li ul li a {
  display: flex;
  justify-content: center;
}

/*.wp-block-navigation__responsive-container.is-menu-open {*/
/*    position: relative!important;*/
/*}*/
.container-top-1 img {
  position: relative;
  z-index: 2;
}
@media (min-width: 1120px) {
  .navigation-2 a {
    padding: 0 5px !important;
  }
}
@media (max-width: 1120px) {
  .navigation-schedule ul {
    left: -25px !important;
  }
  .navigation-ticket ul {
    left: -35px !important;
  }
}
@media (max-width: 1012px) {
  .navigation-1 {
    width: 2%;
  }
  .navigation-2 {
    width: 88%;
  }
}
@media (max-width: 925px) {
  .navigation-1 {
    width: 0;
  }
  .navigation-2 {
    width: 90%;
  }
  .navigation-2 ul li a strong:first-child {
    font-size: 15px;
  }
  .navigation-2 ul li a strong:last-child {
    font-size: 9px;
  }
  .navigation-ticket ul {
    left: -38px !important;
  }
  .navigation-schedule ul {
    left: -30px !important;
  }
}
@media (max-width: 878px) {
  .header-2 {
    display: flex;
    flex-direction: column;
  }
  .container-top-1 {
    margin-right: auto !important;
  }
  .container-top-2 {
    margin-left: auto !important;
    padding-bottom: 5px;
  }
  .header-official {
    margin-left: -8px !important;
  }
  .navigation-2 ul li a strong:first-child {
    font-size: 13px;
  }
  .navigation-2 ul li a strong:last-child {
    font-size: 8px;
  }
  .navigation-2 ul li a span {
    font-size: 13px;
  }
  .navigation-schedule ul {
    left: -38px !important;
  }
  .navigation-player ul {
    left: -72px !important;
  }
  .navigation-club ul {
    left: -87px !important;
  }
  .navigation-academy ul {
    left: -70px !important;
  }
  .navigation-fan ul {
    left: -90px !important;
  }
  .navigation-ticket ul {
    left: -46px !important;
  }
}

@media (max-width: 778px) {
  .navigation-2 ul li a strong:first-child {
    font-size: 11px;
  }
  .navigation-2 ul li a strong:last-child {
    font-size: 7px;
  }
  .navigation-2 ul li a span {
    font-size: 11px;
  }
  .header-top-1 {
    width: 33%;
  }
  .header-top-2 {
    width: 33%;
  }
  .header-top-3 {
    width: 33%;
    padding: 0 5px 0 0 !important;
  }
  .navigation-schedule ul {
    left: -49px !important;
  }
  .navigation-player ul {
    left: -78px !important;
  }
  .navigation-club ul {
    left: -86px !important;
  }
  .navigation-academy ul {
    left: -75px !important;
  }
  .navigation-fan ul {
    left: -89px !important;
  }
  .navigation-ticket ul {
    left: -57px !important;
  }
}
@media (max-width: 686px) {
  .navigation-2 ul li a strong:first-child {
    font-size: 10px;
  }
  .navigation-2 ul li a strong:last-child {
    font-size: 7px;
  }
  .navigation-2 ul li a span {
    font-size: 10px;
  }
  .navigation-schedule ul {
    left: -56px !important;
  }
  .navigation-academy ul {
    left: -80px !important;
  }
  .navigation-ticket ul {
    left: -65px !important;
  }
}
@media (max-width: 644px) {
  .navigation-2 ul li a strong:first-child {
    font-size: 9px;
  }
  .navigation-2 ul li a strong:last-child {
    font-size: 6px;
  }
  .navigation-2 ul li a span {
    font-size: 9px;
  }
}

@media (max-width: 600px) {
  .navigation-2 {
    width: 70%;
  }
  .navigation-3 {
    width: 30%;
  }
  .navigation-2 li ul {
    color: #ffffff !important;
    position: unset !important;
  }
  .navigation-schedule ul,
  .navigation-player ul,
  .navigation-club ul,
  .navigation-academy ul,
  .navigation-fan ul,
  .navigation-ticket ul {
    left: unset !important;
    padding: 0 !important;
  }
  .navigation-2 ul li a strong:first-child {
    font-size: 15px;
  }
  .navigation-2 ul li a strong:last-child {
    font-size: 10px;
  }
  .navigation-2 ul li a span {
    font-size: 14px;
  }
  .header-top-1 {
    padding: 0 !important;
  }
  .header-top-1 img {
    width: 140px;
    height: 33px !important;
  }
  .header-top-2 p {
    font-size: 8px !important;
  }
  .navigation-schedule {
    margin-bottom: 60px;
    min-width: 130px !important;
  }
  .navigation-player {
    margin-bottom: 60px;
    min-width: 120px !important;
  }
  .navigation-club {
    margin-bottom: 80px;
    min-width: 120px !important;
  }
  .navigation-academy {
    margin-bottom: 30px;
    min-width: 120px !important;
  }
  .navigation-fan {
    margin-bottom: 30px;
    min-width: 135px !important;
  }
  .navigation-ticket {
    margin-bottom: 30px;
    min-width: 120px !important;
  }
}

@media (max-width: 500px) {
  .header-top-2 p {
    font-size: 7px !important;
  }
}
@media (max-width: 445px) {
  .header-ticket,
  .header-goods {
    font-size: 8px;
  }
  .header-ticket-img {
    width: 22px;
    height: 12px;
    background-size: 23px auto;
  }
  .header-goods-img {
    width: 18px;
    height: 12px;
    background-size: 14px auto;
  }
}
@media (max-width: 400px) {
  .header-ticket,
  .header-goods {
    font-size: 7px;
  }
}

/*.navigation-3 div {*/
/*    justify-content: center;*/
/*}*/
/* style title */
.title-container {
  min-height: 220px;
  display: flex;
  justify-content: space-between;
  border-bottom: 19px solid #0d1b3c;
  position: relative;
  margin-top: 0 !important;
}
.title-container h1 {
  position: absolute;
  bottom: -16px;
  left: 0;
  padding: 0 0 0 44px;
  font-size: 60px;
  font-weight: bold;
}
.title-container,
.title-container h1,
.title-container span,
.title-container a {
  color: #ffffff;
}
.t-title {
  padding-left: 44px;
}
.t-title h1 {
  margin: 0 !important;
}
.t-bread-crumbs {
  padding-right: 44px;
}
.t-bread-crumbs {
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  font-size: 12px;
}
.t-bread-crumbs a {
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
}
.t-bread-crumbs span {
  margin: 0 3px;
}

.custom-title {
  font-size: 20px;
  font-weight: normal;
  position: relative;
  bottom: -5px;
}

@media (max-width: 878px) {
  .title-container h1 {
    font-size: 40px;
  }
  .custom-title {
    font-size: 15px;
  }
  .title-container {
    min-height: 260px;
  }
}

@media (max-width: 630px) {
  .title-container {
    min-height: 235px;
  }
  .title-container h1 {
    font-size: 25px;
    bottom: -18px;
  }
  .custom-title {
    font-size: 10px;
    bottom: -3px;
  }
  .t-bread-crumbs,
  .t-bread-crumbs a {
    font-size: 7px;
  }
}
@media (max-width: 500px) {
  .title-container {
    min-height: 220px;
  }
  .title-container h1 {
    font-size: 20px;
    bottom: -18px;
  }
  .custom-title {
    font-size: 8px;
    bottom: -3px;
  }
  .t-bread-crumbs,
  .t-bread-crumbs a {
    font-size: 6px;
  }
}
@media (max-width: 365px) {
  .title-container {
    min-height: 275px;
  }
}

/* style page company */
.corporate-name {
  margin-left: 25% !important;
}
.corporate-name .col-title {
  position: relative;
}

.corporate-name .title {
  position: absolute;
  top: -18px;
  left: 0;
  padding: 0 10px;
}

@media (max-width: 1078px) {
  .corporate-name {
    margin-left: 20% !important;
  }
}

@media (max-width: 900px) {
  .corporate-name {
    margin-left: 60px !important;
  }
}

@media (max-width: 781px) {
  .corporate-name {
    margin-left: 40px !important;
  }
  .corporate-name {
    width: 80%;
  }
}
@media (max-width: 600px) {
  .col-layout-2 {
    padding-left: 100px !important;
  }
}

/* style page club history */
.group-club-history {
  background-image: url(/wp-content/uploads/2024/01/Logo_2.png) !important;
  background-size: 416px 463px;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  background-position: 50% 42%;
}
.group-history-first,
.group-history {
  margin-top: 0;
  border-left: 1px solid #ffffff;
  margin-left: 194px !important;
}
.group-history .stack-history {
  margin-left: 50px !important;
}
.group-history .history-date {
  border-bottom: 0.5px solid #bababa;
  width: 213px;
  padding-left: 13px;
  padding-bottom: 5px;
}
.group-history-first .history-content {
  margin-top: -14px;
  padding-left: 13px;
  height: 99px;
}
.group-history .history-content {
  padding-left: 13px;
  height: 115px;
}
.group-history {
  position: relative;
}
.group-history::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 30%;
  left: -7px;
  transform: translateY(-50%);
  z-index: -1;
}

.group-history-first,
.group-left-active {
  border-left: 1px solid #efcf4c;
}
.group-active div::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 80px;
  background-color: #efcf4c;
  top: 12%;
  left: -1px;
  transform: translateY(-50%);
  z-index: -2;
}

.group-history-second.active::before,
.group-history-last.active::before,
.group-history.active::before {
  background-color: #efcf4c;
  border: 4px solid #efcf4c;
  left: -11px;
}
.group-history {
  position: relative;
  z-index: 1;
}
.group-history-last .history-content {
  height: 10px;
}
.group-history-last::before {
  top: 90%;
}

@media (max-width: 781px) {
  .group-history,
  .group-history-first {
    max-width: 80% !important;
  }
  .group-history-first,
  .group-history {
    margin-left: 40px !important;
  }
}

@media (max-width: 480px) {
  .group-club-history {
    background-size: 324px 384px;
  }
}
/* style page goods */
.good-img-1 {
  height: 180px !important;
  background-image: url('/wp-content/uploads/2023/11/googds_img11.jpg') !important;
  background-size: 240px 180px;
  background-repeat: no-repeat;
  opacity: 0.6;
}
.group-good .good-img-2 div:first-child {
  height: 180px !important;
  background-image: url('/wp-content/uploads/2023/11/googds_img12.jpg') !important;
  background-size: 240px 180px;
  background-repeat: no-repeat;
  opacity: 0.6;
}
.group-good .col-title {
  position: relative;
}
.group-good .title {
  position: absolute;
  top: -18px;
  left: 0;
  padding: 0 10px;
}
.col-info-1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: column;
}
.group-info {
  margin-right: -85%;
  z-index: 100;
}
.info-image-2 {
  margin-top: 0;
}
.info-content {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px !important;
  margin-left: -8px !important;
}
@media (max-width: 781px) {
  .col-info {
    display: flex;
    flex-direction: column;
  }
  .col-info .group-info {
    margin-right: 0;
  }
  .good-img-1,
  .good-img-2 {
    background-position: center;
  }
  .group-good .good-img-2 div:first-child {
    background-image: unset !important;
  }
  .good-img-2 {
    display: flex;
    flex-direction: column;
    height: 180px !important;
    background-image: url(/wp-content/uploads/2023/11/googds_img12.jpg) !important;
    background-size: 240px 180px;
    background-repeat: no-repeat;
    opacity: 0.6;
  }
  .good-img-2 .info-content {
    margin-top: 195px;
  }
  .group-good {
    margin-bottom: 135px !important;
  }
  .shop-image img {
    width: 368px !important;
    height: 120px !important;
  }
}
@media (max-width: 482px) {
  .shop-image img {
    width: 307px !important;
    height: 100px !important;
  }
  .group-good {
    margin-bottom: 70px !important;
  }
  .group-official-fan {
    margin-bottom: 145px !important;
  }
  .entire-stadium {
    font-size: 16px !important;
    letter-spacing: -1px !important;
  }
  .players-supporters {
    letter-spacing: 0 !important;
  }
  .official-online-store {
    font-size: 12px !important;
  }
}
@media (max-width: 400px) {
  .entire-stadium {
    font-size: 15px !important;
  }
  .official-online-store {
    font-size: 11px !important;
  }
}

/* style page club overview */
.club-overview-content-1 {
  font-family: SignPainter, sans-serif !important;
}
.club-slogan-2 {
  margin-top: -20px !important;
}
.region {
  margin-top: -75px !important;
  font-family: YuKyokasho Yoko, sans-serif !important;
}
.mission-group-col {
  row-gap: unset;
  column-gap: unset;
}
.mission-group-col .wp-block-column {
  padding: 40px 0 69px 0;
}
.mission-group {
  position: relative;
}
.mission-group p:first-child {
  position: absolute;
  top: -24px;
  right: 47%;
}
.mission-group p:first-child {
  position: absolute;
  top: -24px;
  right: 47%;
}

.emblem-group figure {
  display: flex;
  justify-content: center;
}
.emblem-group figure {
  width: 100%;
}
.emblem-group-col-3 {
  display: flex;
  align-items: flex-end;
}
.emblem-div-1 {
  background-color: #1b4697;
  width: 43px;
  height: 25px;
  border-radius: 4px;
}
.emblem-div-2 {
  background-color: #efcf4c;
  width: 43px;
  height: 25px;
  border-radius: 4px;
}
.emblem-div-3 {
  background-color: #2f6c3d;
  width: 43px;
  height: 25px;
  border-radius: 4px;
}
.mascot-image {
  background-image: url('/wp-content/uploads/2023/11/オルルン画像データ-772x1024.png');
  background-size: 295px 375px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
  display: flex;
  height: 395px;
}
.mascot-image p:last-child {
  margin: auto auto 0;
}
.col-info-league-2 div:nth-child(3) {
  margin-top: auto;
}

@media (max-width: 1100px) {
  .region {
    margin-top: -8% !important;
  }
}

@media (max-width: 878px) {
  .mission-group-col {
    flex-direction: column;
  }
  .mission-group-col div:nth-child(2) {
    border: unset;
  }
  .mission-group p:first-child {
    right: 49%;
  }
  .col-emblem {
    display: flex;
    flex-direction: column;
  }
  .emblem-group-col-3 {
    margin-top: 10px !important;
    display: flex;
    justify-content: center;
  }
  .col-mascot {
    flex-direction: column;
  }
  .mascot-image {
    flex-basis: 405px !important;
    background-position-x: center;
  }
  .col-info-league-2 {
    display: flex;
    flex-direction: column;
  }
  .col-info-league-no {
    flex-basis: 0 !important;
  }
  .col-info-league-1 div:nth-child(2) {
    flex-basis: 100% !important;
  }
  .col-info-league-2 div:nth-child(2) figure {
    width: 50%;
    margin-top: auto;
  }
  .col-info-league-2 div:nth-child(3) {
    display: flex;
    justify-content: center;
  }
  .region {
    margin-top: -9% !important;
  }
}
@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .main-head {
    flex-grow: unset;
    min-width: unset;
    overflow-wrap: unset;
    word-break: unset;
  }
  .main-head p:nth-child(2) {
    padding-left: 100px !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .mascot-image {
    flex-basis: 405px !important;
    background-position-x: center;
  }
  .club-overview-content-1 em {
    font: normal normal 600 60px/105px SignPainter !important;
  }
  .region {
    margin-top: -10% !important;
  }
}
@media (max-width: 676px) {
  .club-slogan-1,
  .club-overview-content-1 em {
    font-size: 40px !important;
  }
  .region {
    font-size: 22px !important;
  }
  .main-head p:first-child,
  .main-head p:nth-child(2) {
    text-align: center !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 478px) {
  .club-slogan-1,
  .club-overview-content-1 em {
    font-size: 30px !important;
  }
}

@media (min-width: 1367px) {
  .col-info-league-2 .wp-block-image img {
    max-width: 87%;
  }
}

/* style page academy */
.background-academy {
  background: url(/wp-content/uploads/2024/01/DSC_1897-scaled.jpg);
  height: 732px;
  width: 100%;
  background-size: cover;
  margin-bottom: 29%;
}
.slogan-academy {
  top: 85%;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/wp-content/uploads/2023/12/Dream_and_Future-1.webp')
    no-repeat;
  background-size: contain;
}
.group-academy {
  padding: 0 !important;
}
.group-understand-image figure img {
  height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.membership,
.details {
  border: 1px solid #ffffff;
  padding: 1px 0 !important;
}
.common-contact {
  row-gap: unset !important;
  column-gap: unset !important;
}
.common-contact-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.common-contact-info p {
  line-height: 30px;
}
.button-academy {
  width: 251px !important;
}
.button-academy a:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
}
@media (max-width: 878px) {
  .col-understand-1,
  .col-understand-2,
  .col-understand-3 {
    display: flex;
    flex-direction: column;
  }
  .group-understand-image {
    margin-top: 0 !important;
  }
  .group-understand-no {
    min-height: 10px !important;
  }
}
@media (max-width: 781px) {
  .common-contact-link {
    border-right: unset;
    align-items: flex-start;
    padding: 32px 0 32px 50px !important;
    border-bottom: 1px solid #ffffff;
  }
  .common-contact-info {
    padding: 32px 0 32px 50px !important;
  }
}
@media (max-width: 480px) {
  .common-contact-link {
    display: flex !important;
    align-items: center !important;
    padding-left: 0 !important;
  }
  .text-understand-mb {
    text-align: center;
    padding-left: 0 !important;
  }
  .common-contact-link p:last-child {
    padding-right: 4px !important;
  }
  .understand-mb {
    display: flex !important;
    flex-direction: column;
  }
  .understand-mb h3,
  .understand-mb h4 {
    text-align: center;
    padding-left: 0 !important;
  }
  .understand-mb h3 {
    font-size: 34px !important;
  }
}
/* style page schedule */
.stadium,
.schedule {
  max-width: 80%;
  margin: 0 auto !important;
}

.stadium div,
.schedule .s-time,
.schedule .s-info,
.schedule .s-link {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.stadium {
  display: flex;
}
.stadium div:first-child {
  flex-basis: 6%;
}
.home-color {
  background-color: #0d1b3c;
}
.away-color {
  background-color: #ff1a61;
}
.stadium div:first-child p {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  padding: 1px 10px;
}
.stadium div:last-child {
  flex-basis: 94%;
}
.stadium div:last-child p {
  background-color: #cecece;
  font-size: 14px;
  text-align: left;
  padding: 1px 10px;
  height: 20px;
}

.schedule {
  display: flex;
  margin-top: 12px !important;
  margin-bottom: 19px !important;
}
.schedule p {
  color: #ffffff;
}
.schedule .s-time {
  flex-basis: 33%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 44px;
}
.schedule .s-time div {
  display: flex;
  align-items: flex-end;
  margin-left: 10px;
}
.schedule .s-time p {
  text-align: left;
}
.schedule .s-time p:first-child {
  font-size: 30px;
  margin: 0;
}
.schedule .s-time p:last-child {
  font-size: 12px;
  margin-top: auto;
  margin-bottom: 3px;
  margin-left: 1px;
}

.schedule .s-info {
  flex-basis: 40%;
  margin-left: 0;
}
.s-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.s-round {
  font-size: 10px;
  margin-bottom: -5px;
}
.s-round p {
  margin: 0;
}
.s-match {
  display: flex;
  width: 100%;
}
.s-home {
  flex-basis: 40%;
}
.s-home div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.s-score {
  flex-basis: 20%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-score-none {
  opacity: 0;
}
.s-score p {
  text-align: center;
}
.s-score p:nth-child(2) {
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}
.s-away {
  flex-basis: 33%;
}
.s-away div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s-home p,
.s-away p {
  font-size: 8px;
  margin-top: 8px;
}

.schedule .s-link {
  flex-basis: 34%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.button-match {
  font-size: 17px;
  letter-spacing: 0.85px;
  border: 1px solid #efcf4c;
  color: #efcf4c;
  padding: 3px 10px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  word-break: break-word;
}
.button-match:hover {
  color: #ffffff;
  background-color: #efcf4c;
}
.button-ticket {
  border: 1px solid #2f6c3d;
  color: #2f6c3d;
  padding: 3px 10px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  word-break: break-word;
  font-size: 17px;
  letter-spacing: 0.85px;
  margin-left: 10px !important;
}
.button-ticket:hover {
  color: #ffffff;
  background-color: #2f6c3d;
}
.button-schedule a:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
}
.stadium-none,
.schedule-none {
  display: none;
}

.schedule-btn {
  display: flex;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 41px;
}
.s-btn-more,
.s-btn-standings {
  width: 133px;
  height: 30px;
  background: #0d1b3c 0% 0% no-repeat padding-box;
  letter-spacing: 1.6px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
}
.s-btn-more {
  margin-right: 70px !important;
}
.s-btn-more:hover,
.s-btn-standings:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
  cursor: pointer;
}
@media (max-width: 947px) {
  .schedule .s-time {
    flex-basis: 30%;
  }
  .schedule .s-info {
    flex-basis: 43%;
  }
}
@media (max-width: 927px) {
  .schedule .s-link {
    flex-direction: column;
  }
  .s-link a {
    font-size: 14px;
    padding: 1px 8px;
  }
  .s-link div:first-child {
    margin-bottom: 8px;
  }
}
@media (max-width: 878px) {
  .schedule .s-time p:first-child {
    font-size: 25px;
  }
  .schedule .s-time p:last-child {
    font-size: 10px;
    margin-bottom: 10px;
  }
  .schedule .s-time {
    flex-basis: 25%;
  }
  .schedule .s-info {
    flex-basis: 50%;
  }
  .schedule .s-link {
    flex-basis: 25%;
  }
}
@media (max-width: 778px) {
  .group-schedule > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
  }
}
@media (max-width: 578px) {
  .schedule .s-time {
    flex-basis: 21%;
  }
  .schedule .s-info {
    flex-basis: 58%;
  }
  .schedule .s-link {
    flex-basis: 21%;
  }
  .schedule .s-time p:first-child {
    font-size: 18px;
  }
  .schedule .s-time p:last-child {
    font-size: 9px;
    margin-bottom: 18px;
  }
}
@media (max-width: 478px) {
  .schedule .s-time p:first-child {
    font-size: 16px;
  }
  .schedule .s-time p:last-child {
    font-size: 9px;
    margin-bottom: 20px;
  }
  .s-link a {
    font-size: 9px;
    padding: 1px 6px;
  }
  .s-link div:first-child {
    margin-bottom: 5px;
  }
  .s-home p,
  .s-away p {
    font-size: 6px;
    margin-top: 8px;
  }
}
/* style page match */
.match {
  opacity: 0;
  animation: fade-in 1s forwards;
  animation-delay: 1s;
}
.m-title {
  padding-top: 78px;
  display: flex;
}
.m-title div {
  color: #ffffff;
  text-align: center;
  margin: auto;
}
.m-title div:nth-child(1) {
  background-color: #0d1b3c;
}
.m-title div:nth-child(3) {
  background-color: #b9d1ff;
}
.m-title div:nth-child(1),
.m-title div:nth-child(3) {
  flex-basis: 35%;
  font-size: 16px;
  letter-spacing: 1.6px;
}
.m-title div:nth-child(2) {
  flex-basis: 30%;
  font-size: 18px;
  letter-spacing: 1.8px;
  font-weight: bold;
}
.m-info {
  display: flex;
  margin-top: 49px;
  margin-bottom: 83px;
}
.m-info-image-1 {
  flex-basis: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-info-image-2 {
  flex-basis: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-info-image-1 img,
.m-info-image-2 img {
  object-fit: contain;
}
.m-info-detail {
  flex-basis: 30%;
}
.m-info-detail {
  color: #ffffff;
}
.content-1,
.content-2,
.content-3 {
  font-size: 14px;
  text-align: center;
}
.content-1 {
  margin-bottom: 19px;
}
.content-2,
.content-3 {
  margin: 0;
}
.m-info-score,
.m-info-goal {
  display: flex;
}
.m-info-goal {
  margin-top: 22px;
}
.final-score-detail {
  width: 34%;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 17px;
  justify-content: center;
  padding-top: 10px;
}
.final-score-detail span {
  font-size: 16px;
}
.final-score-1,
.final-score-2 {
  display: flex;
  width: 33%;
}
.final-score-1 span,
.final-score-2 span {
  margin: auto !important;
  font-size: 75px;
}
.home-goal,
.away-goal {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 0.8;
}
.home-goal span,
.away-goal span {
  font-size: 16px;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 7px;
}
.title-goal {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 2;
}
.title-goal span {
  font-size: 16px;
}

.m-football {
  display: flex;
  height: 75px;
  background-color: #000c21;
}
.m-football div {
  width: 50%;
  display: flex;
  justify-content: center;
  margin: auto;
}
.m-football p {
  color: #ffffff;
  font-size: 16px;
  margin: auto 10px;
}
.m-player {
  display: flex;
  margin-top: 42px;
  margin-bottom: 180px;
}
.m-player-home,
.m-player-away {
  display: flex;
  width: 40%;
}
.m-no-player {
  width: 20%;
}
.m-player-coach p:first-child,
.m-player-start p:first-child,
.m-player-reserve p:first-child {
  border-bottom: 2px solid #58619f;
  padding-bottom: 3px;
  margin-bottom: 15px;
}
.m-player p {
  color: #ffffff;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
}
.m-player-no {
  width: 20%;
}
.m-player-start,
.m-player-reserves {
  width: 40%;
}

.m-player-reserves {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 30px;
}
.m-player-coach {
  margin-top: auto;
}

.m-substitution-title,
.m-league-title {
  height: 24px;
  background-color: #000c21;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
.m-substitution {
  display: flex;
  margin-bottom: 56px;
}
.m-substitution-image-1 {
  display: flex;
  justify-content: flex-end;
  margin: 34px 80px;
}
.m-substitution-image-2 {
  display: flex;
  justify-content: flex-start;
  margin: 34px 80px;
}
.m-substitution-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.m-substitution-info {
  display: flex;
  width: 220px;
}
.m-substitution-info span:first-child {
  color: #ffffff;
  font-size: 16px;
  min-width: 165px;
}
.m-substitution-info span:last-child {
  font-size: 10px;
  min-width: 45px;
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: 3px;
}
.subs-out {
  color: #ff0000;
}
.subs-in {
  color: #00ffe2;
}

.m-league {
  padding-top: 20px;
  padding-bottom: 51px;
}
.m-league-img,
.m-league-btn {
  display: flex;
  justify-content: center;
}
.logo-league:hover {
  cursor: pointer;
}
.m-league-btn {
  margin-top: 51px;
}
.m-league-btn a {
  background-color: #0d1b3c;
  padding: 3px 32px;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
}

.m-league-btn a:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
}
@media (max-width: 1278px) {
  .m-info-image-1,
  .m-info-image-2 {
    flex-basis: 30%;
  }
  .m-info-detail {
    flex-basis: 40%;
  }
}
@media (max-width: 999px) {
  .m-info-image-1,
  .m-info-image-2 {
    flex-basis: 28%;
  }
  .m-info-detail {
    flex-basis: 44%;
  }
  .m-title div:nth-child(1),
  .m-title div:nth-child(3) {
    flex-basis: 30%;
  }
  .m-title div:nth-child(2) {
    flex-basis: 40%;
  }

  .m-player-no {
    width: 10%;
  }
  .m-player-start,
  .m-player-reserves {
    width: 45%;
  }
}
@media (max-width: 878px) {
  .content-1,
  .content-2,
  .content-3 {
    font-size: 13px;
  }
  .final-score-1 span,
  .final-score-2 span {
    font-size: 70px;
  }
  .final-score-detail span {
    font-size: 15px;
  }
  .home-goal span,
  .away-goal span {
    font-size: 13px;
  }
  .home-goal,
  .away-goal {
    width: 36%;
  }
  .title-goal {
    width: 28%;
  }
  .title-goal span {
    font-size: 14px;
  }
  .m-substitution-info span:first-child {
    font-size: 15px;
    min-width: 155px;
  }

  .m-player-home,
  .m-player-away {
    width: 45%;
  }
  .m-no-player {
    width: 10%;
  }
  .m-football p {
    font-size: 14px;
    margin: auto 5px;
  }
  .m-football img {
    width: 38px !important;
    height: 45px !important;
  }
  .m-player p {
    font-size: 11px !important;
  }
}
@media (max-width: 678px) {
  .content-1,
  .content-2,
  .content-3 {
    font-size: 12px;
  }
  .final-score-1 span,
  .final-score-2 span {
    font-size: 65px;
  }
  .final-score-detail span {
    font-size: 13px;
  }
  .home-goal span,
  .away-goal span {
    font-size: 12px;
  }
  .home-goal,
  .away-goal {
    width: 37%;
  }
  .title-goal {
    width: 26%;
  }
  .title-goal span {
    font-size: 13px;
  }
  .m-substitution-info span:first-child {
    font-size: 14px;
    min-width: 145px;
  }
  .m-substitution-1 {
    width: 35% !important;
  }
  .m-substitution-1-no {
    width: 10% !important;
  }
}

@media (max-width: 596px) {
  .content-1,
  .content-2,
  .content-3 {
    font-size: 11px;
  }
  .final-score-1 span,
  .final-score-2 span {
    font-size: 60px;
  }
  .final-score-detail span {
    font-size: 12px;
  }
  .home-goal span,
  .away-goal span {
    font-size: 11px;
  }
  .home-goal,
  .away-goal {
    width: 37%;
  }
  .title-goal {
    width: 26%;
  }
  .title-goal span {
    font-size: 11px;
  }
  .m-substitution-info span:first-child {
    font-size: 13px;
    min-width: 138px;
  }
  .m-substitution-info span:last-child {
    font-size: 8px;
  }
  .m-player p {
    font-size: 7px !important;
  }
  .m-info-image-1 img,
  .m-info-image-2 img {
    width: 64px;
    height: 68px;
  }
  .m-substitution-1 {
    width: 41% !important;
  }
  .m-substitution-1-no {
    width: 6% !important;
  }
  .m-info-image-1,
  .m-info-image-2 {
    flex-basis: 25%;
  }
  .m-info-detail {
    flex-basis: 50%;
  }
}
@media (max-width: 478px) {
  .content-1,
  .content-2,
  .content-3 {
    font-size: 9px;
  }
  .final-score-1 span,
  .final-score-2 span {
    font-size: 55px;
  }
  .final-score-detail span {
    font-size: 10px;
  }
  .home-goal span,
  .away-goal span {
    font-size: 9px;
  }
  .home-goal,
  .away-goal {
    width: 37%;
  }
  .title-goal {
    width: 26%;
  }
  .title-goal span {
    font-size: 9px;
  }
  .m-substitution-info span:first-child {
    font-size: 11px;
    min-width: 120px;
  }
  .m-substitution-info span:last-child {
    font-size: 8px;
    margin-bottom: 6px;
  }
  .m-player p {
    font-size: 7px !important;
  }
  .m-substitution-1 {
    width: 44% !important;
  }
  .m-substitution-1-no {
    width: 4% !important;
  }
  .m-substitution-info {
    width: auto;
  }
}
@media (max-width: 400px) {
  .m-info-image-1,
  .m-info-image-2 {
    flex-basis: 23%;
  }
  .m-info-detail {
    flex-basis: 54%;
  }
}
/* style page players */
.player-top-team {
  margin-left: 110px;
  margin-right: 82px;
  padding-top: 55px;
}
#group-18,
#group-15 {
  height: 120px;
}
.player-top-team .p-top-title {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.player-top-team .p-top-title p {
  color: #af892f;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 1.25px;
  text-align: center;
  width: 172px;
  padding-bottom: 10px;
  border-bottom: 7px solid #0d1b3c;
  margin: 0;
}
.p-t-goalie,
.p-t-defender,
.p-t-midfielder,
.p-t-striker {
  margin-top: 30px;
}
.p-t-title {
  display: flex;
  align-items: flex-end;
}

.p-t-title p:first-child {
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0;
}
.p-t-title p:last-child {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.8px;
  padding-bottom: 10px;
  margin: 0 0 0 5px;
}
.p-t-main {
  display: flex;
  margin-bottom: 43px;
}
.p-t-main-content {
  width: 25%;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.player-image {
  position: relative;
  width: 100%;
  height: 352px;
}
.player-image img {
  object-fit: cover;
  width: 100%;
  height: 352px;
}
.firstOverlayLine {
  left: 9px;
  position: absolute;
  display: block;
  height: 352px;
  width: 9px;
  background: #2f6c3d;
  opacity: 0.6;
}

.secondOverlayLine {
  left: 18px;
  position: absolute;
  display: block;
  height: 352px;
  width: 9px;
  background: #efcf4c;
  opacity: 0.6;
}

.thirdOverlayLine {
  left: 27px;
  position: absolute;
  display: block;
  height: 352px;
  width: 9px;
  background: #1b4697;
  opacity: 0.6;
}
.p-t-content {
  display: flex;
  width: 100%;
  height: 72px;
  background-color: #112c60;
}
.p-t-main-content:hover .player-image {
  opacity: 0.8;
}
.p-t-main-content:hover .p-t-content {
  background-color: #1b4697;
}
/*.p-t-content:hover {*/
/*    background-color: #1B4697;*/
/*}*/
.p-t-content-1 {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-t-content-2 {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.p-t-content-1 p {
  color: #af892f;
  font-size: 40px;
  letter-spacing: 1.6px;
}
.p-t-content-2 p:first-child {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.8px;
  padding-left: 5px;
  margin: 0;
}
.p-t-content-2 p:last-child {
  color: #af892f;
  font-size: 15px;
  letter-spacing: 0.6px;
  margin: 0;
}

.supporters-number {
  display: flex;
}
.supporters-number div {
  margin: auto;
}
.supporters-image {
  margin-top: 6px;
}
@media (min-width: 1567px) {
  .player-image img,
  .p-t-content {
    width: 320px;
  }
}

@media (max-width: 1267px) {
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 325px;
  }
}
@media (max-width: 1167px) {
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 290px;
  }
  .p-t-content-1 p {
    font-size: 36px;
  }
  .p-t-content-2 p:first-child {
    font-size: 17px;
  }
  .p-t-content-2 p:last-child {
    font-size: 13px;
  }
}
@media (max-width: 1067px) {
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 255px;
  }
  .p-t-content-1 p {
    font-size: 34px;
  }
  .p-t-content-2 p:first-child {
    font-size: 15px;
  }
  .p-t-content-2 p:last-child {
    font-size: 12px;
  }
}
@media (max-width: 967px) {
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 220px;
  }
  .p-t-content-1 p {
    font-size: 32px;
  }
  .p-t-content-2 p:first-child {
    font-size: 13px;
  }
  .p-t-content-2 p:last-child {
    font-size: 10px;
  }
}
@media (max-width: 878px) {
  .p-t-main {
    /*flex-direction: column;*/
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }
  .p-t-main-content {
    width: 41%;
    margin-bottom: 20px;
  }
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 352px;
  }
  .p-t-content-1 p {
    font-size: 40px;
  }
  .p-t-content-2 p:first-child {
    font-size: 20px;
  }
  .p-t-content-2 p:last-child {
    font-size: 15px;
  }
  .p-t-main {
    margin-bottom: 0;
  }
}
@media (max-width: 778px) {
  .p-t-main-content {
    width: 45%;
  }
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 280px;
  }
}
@media (max-width: 678px) {
  .player-top-team {
    margin-left: 80px;
    margin-right: 60px;
  }
  .p-t-main-content {
    width: 43%;
  }
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 230px;
  }
  .p-t-content-1 p {
    font-size: 35px;
  }
  .p-t-content-2 p:first-child {
    font-size: 18px;
  }
  .p-t-content-2 p:last-child {
    font-size: 12px;
  }
}
@media (max-width: 578px) {
  .player-top-team {
    margin-left: 40px;
    margin-right: 25px;
  }
  .p-t-main-content {
    width: 42%;
    margin-right: 10px;
  }
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 220px;
  }
  .p-t-content-1 p {
    font-size: 30px;
  }
  .p-t-content-2 p:first-child {
    font-size: 14px;
  }
}
@media (max-width: 478px) {
  .player-top-team {
    margin-left: 20px;
    margin-right: 10px;
  }
  .player-image,
  .player-image img,
  .firstOverlayLine,
  .secondOverlayLine,
  .thirdOverlayLine {
    height: 200px;
  }
  .p-t-content-1 p {
    font-size: 25px;
  }
  .p-t-content-2 p:first-child {
    font-size: 12px;
  }
  .p-t-content-2 p:last-child {
    font-size: 10px;
  }
}
@media (max-width: 478px) {
  .p-t-content-2 p:first-child {
    font-size: 10px;
  }
  .p-t-content-2 p:last-child {
    font-size: 9px;
  }
}

/* style page players 2 */
.player-group {
  margin-top: 96px;
  /*padding-bottom: 50px;*/
}
.player-group-main {
  display: flex;
}
.player-group:last-child .player-group-main:last-child {
  padding-bottom: 50px;
}
.p-g-info {
  width: 12.5%;
}
.p-g-info p:first-child {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.8px;
  text-align: center;
}
.p-g-info p:last-child {
  color: #af892f;
  font-size: 15px;
  letter-spacing: 0.6px;
  text-align: center;
}
@media (max-width: 900px) {
  .player-group-main {
    display: flex;
    flex-wrap: wrap;
  }

  .p-g-info {
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
  }
}
@media (max-width: 676px) {
  .p-g-info {
    width: 30%;
  }
}
@media (max-width: 480px) {
  .p-g-info {
    width: 50%;
  }
}
/* style page player */
.title-player {
  height: 32px;
  display: flex;
  justify-content: flex-end;
}
.p-top {
  height: 571px;
  width: 100%;
}
.p-top-background {
  position: relative;
  display: grid;
  z-index: 1;
}
.p-top-background::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/wp-content/uploads/2023/12/DJI_0046-2-scaled.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.35;
}
.p-top-title h1 {
  font-size: 100px;
  font-weight: bold;
  color: #af892f;
  text-align: center;
  padding-top: 40px;
}
.p-top-content {
  display: flex;
}
.p-top-info {
  width: 34%;
}
.p-top-player {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 57px;
}
.p-top-player-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top-player-1 {
  color: #af892f;
  font-size: 105px;
}
.p-top-player-2 {
  width: 150px;
  height: 6px;
  background-color: #0d1b3c;
  margin: 5px 0;
}

.p-top-player-3 {
  color: #ffffff;
  font-size: 50px;
}
.p-top-player-4 {
  color: #ffffff;
  font-size: 40px;
}
.p-top-image {
  width: 66%;
  display: flex;
  justify-content: center;
  position: relative;
}
.p-top-image img {
  object-fit: cover;
  width: 385px;
  height: 560px;
  position: absolute;
  top: -143px;
}
.chisato-takamura {
  width: 401px !important;
}
.eru-okuno {
  width: 382px !important;
}
.ayaka-saito,
.nonoka-fuchigami,
.seshiru-akatsuki {
  width: 345px !important;
  height: 542px !important;
  top: -126px !important;
}

.yui-yamada {
  width: 341px !important;
  height: 542px !important;
  top: -126px !important;
}
.haruhi-suzuki,
.sari-kaneshige,
.mayu-sekiguchi {
  width: 394px !important;
}
.aya-yamahata {
  width: 349px !important;
  height: 546px !important;
  top: -130px !important;
}
.chihiro-morita {
  width: 421px !important;
}
.mizuki-matsuo,
.yuki-kouno,
.hannah-diaz {
  width: 426px !important;
}
.sara-hayase,
.mei-ichikawa,
.kirara-kodama {
  width: 434px !important;
}

.chito-furudate,
.ayane-takatsuka {
  width: 422px !important;
}
.sora-fukuzumi {
  width: 394px !important;
}
.risa-urashima {
  width: 403px !important;
}

/*.p-top-image img {*/
/*    object-fit: cover;*/
/*    width: 351px;*/
/*    !* width: 385px; *!*/
/*    height: 552px;*/
/*    position: absolute;*/
/*    top: -136px;*/
/*}*/

.p-main {
  display: flex;
  margin-top: 24px;
}
.p-background {
  position: relative;
  z-index: 1;
}
.p-background::before {
  /*background-size: 602px 652px;*/
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/wp-content/uploads/2024/01/Logo_2.png);
  background-size: 749px 857px;
  background-position-x: center;
  background-position-y: 30%;
  background-repeat: no-repeat;
  opacity: 0.15;
}
.p-main span,
.p-main p {
  color: #ffffff;
}
.p-main-no {
  width: 22%;
}
.p-main-info {
  width: 78%;
  z-index: 2;
}
.p-profile-title,
.p-affiliation-title,
.p-season-goal-title,
.p-qa-title {
  width: 70%;
  border-top: 8px solid #0d1b3c;
  position: relative;
  margin-top: 32px;
}

.p-profile-title p,
.p-affiliation-title p,
.p-season-goal-title p,
.p-qa-title p {
  position: absolute;
  bottom: -2px;
  text-align: left;
  font-size: 22px;
  letter-spacing: 2.2px;
}
.p-profile,
.p-affiliation,
.p-season-goal,
.p-qa,
.p-btn {
  width: 70%;
}
.p-profile {
  padding-bottom: 32px;
}
.row-profile {
  display: flex;
}
.col-profile {
  width: 45%;
  display: flex;
  align-items: center;
}
.col-profile-no {
  width: 10%;
}
.col-profile {
  border-bottom: 0.5px solid #ffffff;
  margin-top: 18px;
  padding-bottom: 9px;
  margin-left: 2px;
  margin-right: 2px;
}
.col-profile span:first-child {
  width: 14%;
}
.col-profile span:nth-child(3) {
  width: 48%;
  font-size: 16px;
  font-weight: bold;
}
.col-profile span:last-child {
  width: 38%;
  font-size: 16px;
}
.p-affiliation {
  display: flex;
  padding: 16px 0;
}
.p-affiliation-no {
  width: 7%;
}
.p-affiliation-info {
  width: 93%;
}
.row-affiliation {
  display: flex;
  margin: 2px 0;
}
.row-affiliation span:first-child {
  font-size: 16px;
  font-weight: bold;
}
.row-affiliation span:last-child {
  font-size: 16px;
  margin-left: 20px;
}

.p-season-goal {
  display: flex;
  padding-top: 16px;
  padding-bottom: 30px;
  height: 26px;
}
.p-season-goal-no {
  width: 7%;
}
.p-season-goal-info {
  width: 93%;
}
.row-season-goal,
.row-season-goal span {
  font-size: 16px;
}
.p-qa {
  display: flex;
}
.p-qa-no {
  width: 7%;
}
.p-qa-info {
  width: 93%;
}
.row-qa {
  display: flex;
  margin: 34px 0;
  align-items: center;
}
.row-qa span:first-child {
  font-size: 16px;
  font-weight: bold;
  width: 30%;
}
.row-qa span:nth-child(3) {
  width: 5%;
}
.row-qa span:last-child {
  font-size: 16px;
  width: 65%;
}
.p-qa-note {
  display: flex;
  justify-content: flex-end;
}
.p-qa-note span {
  margin-right: 84px !important;
}
.p-btn {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
  margin-top: 15px;
}
.p-btn a {
  background-color: #0d1b3c;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 0.7;
  width: 295px;
  height: 86px;
}

.p-btn-top {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.7px;
}
.p-btn a:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
}
.p-btn-no {
  width: 49px;
  height: 3px;
  background-color: #1b4697;
}

.p-btn-bottom {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.55px;
}

.player {
  position: relative;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.p-top-title {
  opacity: 0;
  animation: fade-in 1s forwards;
  animation-delay: 0.5s;
}
.p-top-info {
  opacity: 0;
  animation: fade-in 1s forwards;
  animation-delay: 1s;
}
.p-top-image {
  opacity: 0;
  animation: fade-in 1s forwards;
  animation-delay: 1.5s;
}
.p-main {
  opacity: 0;
  animation: fade-in 1s forwards;
  animation-delay: 2.6s;
}
@media (max-width: 1177px) {
  .p-main-no {
    width: 18%;
  }
  .p-main-info {
    width: 82%;
  }
  .p-profile,
  .p-affiliation,
  .p-season-goal,
  .p-qa,
  .p-btn {
    width: 80%;
  }
  .p-profile-title,
  .p-affiliation-title,
  .p-season-goal-title,
  .p-qa-title {
    width: 80%;
  }
  .row-qa span:first-child {
    width: 35%;
  }
  .row-qa span:last-child {
    width: 60%;
  }
}
@media (max-width: 1030px) {
  .p-top-title h1 {
    font-size: 80px;
  }
  .p-top-image img {
    top: -121px !important;
  }
  .p-top-image .ayaka-saito,
  .p-top-image .nonoka-fuchigami,
  .p-top-image .yui-yamada,
  .p-top-image .seshiru-akatsuki {
    top: -102px !important;
  }
  .p-top-image .aya-yamahata {
    top: -106px !important;
  }
}

@media (max-width: 878px) {
  .title-player {
    height: 90px;
  }
  .p-background::before {
    background-size: 674px 771px;
  }
  .p-top {
    height: 482px;
  }
  .p-top-title h1 {
    font-size: 50px;
  }
  .p-top-player {
    margin-top: 57px;
  }
  .p-top-player-1 {
    font-size: 85px;
  }
  .p-top-player-2 {
    width: 120px;
  }
  .p-top-player-3 {
    font-size: 40px;
  }
  .p-top-player-4 {
    font-size: 25px;
  }
  .p-top-image img {
    width: 329px !important;
    height: 479px !important;
    top: -95px !important;
  }
  .p-top-image .sora-fukuzumi {
    width: 325px !important;
    height: 463px !important;
    top: -78px !important;
  }
  .p-top-image .ayaka-saito,
  .p-top-image .nonoka-fuchigami,
  .p-top-image .seshiru-akatsuki {
    width: 288px !important;
    height: 452px !important;
    top: -67px !important;
  }
  .p-top-image .yui-yamada {
    width: 272px !important;
    height: 435px !important;
    top: -51px !important;
  }
  .p-top-image .hannah-diaz {
    width: 366px !important;
  }
  .p-top-image .sari-kaneshige,
  .p-top-image .mayu-sekiguchi {
    width: 339px !important;
  }
  .p-top-image .risa-urashima {
    width: 346px !important;
  }
  .p-top-image .aya-yamahata {
    width: 295px !important;
    height: 464px !important;
    top: -80px !important;
  }
  .p-top-image .sara-hayase,
  .p-top-image .mizuki-matsuo,
  .p-top-image .chihiro-morita,
  .p-top-image .yuki-kouno,
  .p-top-image .kirara-kodama,
  .p-top-image .mei-ichikawa {
    width: 371px !important;
  }

  .p-top-image .chito-furudate,
  .p-top-image .ayane-takatsuka {
    width: 341px !important;
    height: 450px !important;
    top: -64px !important;
  }
}
@media (max-width: 778px) {
  .p-background::before {
    background-size: 524px 599px;
  }
}

@media (max-width: 578px) {
  .title-player {
    height: 65px;
  }
  .p-background::before {
    background-size: 374px 428px;
  }
  .p-top {
    height: 379px;
  }
  .p-top-title h1 {
    font-size: 40px;
  }
  .p-top-player {
    margin-top: 57px;
  }
  .p-top-player-1 {
    font-size: 65px;
  }
  .p-top-player-2 {
    width: 90px;
  }

  .p-top-player-3 {
    font-size: 30px;
  }
  .p-top-player-4 {
    font-size: 20px;
  }
  .p-top-image img {
    width: 261px !important;
    height: 375px !important;
    top: -82px !important;
  }
  .p-top-image .sora-fukuzumi {
    width: 255px !important;
    height: 363px !important;
    top: -70px !important;
  }
  .p-top-image .ayaka-saito,
  .p-top-image .nonoka-fuchigami,
  .p-top-image .yui-yamada,
  .p-top-image .seshiru-akatsuki {
    width: 232px !important;
    height: 366px !important;
    top: -72px !important;
  }
  .p-top-image .aya-yamahata {
    width: 236px !important;
    height: 369px !important;
    top: -75px !important;
  }
  .p-top-image .sara-hayase,
  .p-top-image .mizuki-matsuo,
  .p-top-image .chihiro-morita,
  .p-top-image .yuki-kouno,
  .p-top-image .mei-ichikawa,
  .p-top-image .kirara-kodama {
    width: 283px !important;
    height: 362px !important;
    top: -68px !important;
  }

  .p-top-image .chito-furudate,
  .p-top-image .ayane-takatsuka {
    width: 273px !important;
    height: 362px !important;
    top: -68px !important;
  }
  .p-top-image .hannah-diaz,
  .p-top-image .sari-kaneshige,
  .p-top-image .mayu-sekiguchi {
    width: 261px !important;
    height: 362px !important;
    top: -67px !important;
  }

  .p-top-image .risa-urashima {
    width: 258px !important;
    height: 364px !important;
    top: -70px !important;
  }
}
@media (max-width: 478px) {
  .p-background::before {
    background-size: 299px 342px;
  }
  .p-top-player-4 {
    font-size: 18px;
  }
  .p-top-title h1 {
    font-size: 30px;
  }
  .p-top-image img {
    top: -70px !important;
  }
  .p-top-image .ayaka-saito,
  .p-top-image .nonoka-fuchigami,
  .p-top-image .yui-yamada,
  .p-top-image .seshiru-akatsuki {
    top: -62px !important;
  }
  .p-top-image .aya-yamahata {
    top: -65px !important;
  }
  .p-top-image .sara-hayase,
  .p-top-image .mizuki-matsuo,
  .p-top-image .chihiro-morita,
  .p-top-image .yuki-kouno,
  .p-top-image .mei-ichikawa,
  .p-top-image .kirara-kodama {
    width: 269px !important;
    height: 347px !important;
    top: -42px !important;
  }
  .p-top-image .chito-furudate,
  .p-top-image .ayane-takatsuka {
    width: 262px !important;
    height: 347px !important;
    top: -43px !important;
  }
  .p-top-image .sora-fukuzumi,
  .p-top-image .sari-kaneshige,
  .p-top-image .mayu-sekiguchi {
    top: -57px !important;
  }
}
/* css page top players*/
.top-player {
  display: flex;
  align-items: center;
}
.top-player-1 {
  width: 80%;
  margin: -67px auto auto;
  z-index: 10;
}
.top-player-main {
  /*display: flex;*/
  margin-bottom: 43px;
}
.top-player-content {
  cursor: pointer;
}
.top-player-main .slick-slide > div {
  margin: 0 1em;
}
.top-player-image {
  position: relative;
  width: 100%;
  height: 304px;
}
.top-player-image img {
  object-fit: cover;
  width: 100%;
  height: 304px;
}
.top-player-image .line {
  position: absolute;
  display: block;
  height: 304px;
  width: 9px;
  opacity: 0.6;
}
.top-player-image .line-1 {
  left: 9px;
  background: #2f6c3d;
}
.top-player-image .line-2 {
  left: 18px;
  background: #efcf4c;
}
.top-player-image .line-3 {
  left: 27px;
  background: #1b4697;
}
.top-player-info {
  display: flex;
  width: 100%;
  height: 72px;
  background-color: #112c60;
}
.top-player-content:hover .top-player-image {
  opacity: 0.8;
}
.top-player-content:hover .top-player-info {
  background-color: #1b4697;
}
.top-player-info-1 {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-player-info-2 {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.top-player-info-1 p {
  color: #af892f;
  font-size: 34px;
  letter-spacing: 1.36px;
}
.top-player-info-2 .top-player-name-jp {
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0.68px;
  padding-left: 5px;
  margin: 0;
}
.top-player-info-2 .top-player-name {
  color: #af892f;
  font-size: 12px;
  letter-spacing: 0.48px;
  margin: 0;
}
.top-player-info-2 p:last-child {
  margin: 0;
}
.top-player-button {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
  margin-top: 0 !important;
}
.top-player-button a {
  background-color: #0d1b3c;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 2;
  width: 295px;
  height: 86px;
}

.btn-player-top {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.7px;
}
.top-player-button a:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
}
.btn-player-no {
  width: 49px;
  height: 3px;
  background-color: #1b4697;
}

.btn-player-bottom {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.55px;
}
.top-player-title {
  display: flex;
  flex-direction: column;
  margin-left: -60px;
  margin-bottom: 25px;
}
.top-player-title span:first-child {
  color: #af892f !important;
  font-size: 85px;
  font-weight: bold;
  letter-spacing: 4.25px;
}
.top-player-title span:last-child {
  color: #af892f !important;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 17px;
  margin-top: -45px;
}
.top-player-1 .slick-dots {
  display: none !important;
}
.top-player-1 .slick-prev {
  left: -40px;
}
.top-player-1 .slick-prev:before {
  content: '＜' !important;
}
.top-player-1 .slick-next {
  right: -40px;
}
.top-player-1 .slick-next:before {
  content: '＞' !important;
}
@media (min-width: 1567px) {
  .top-player-content {
    width: 256px !important;
  }
  .top-player-main .slick-slide > div {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1267px) {
  .top-player-image,
  .top-player-image img,
  .top-player-image .line {
    height: 270px !important;
  }
  .top-player-main .slick-slide > div {
    margin: 0 0.5em;
  }
}
@media (max-width: 1167px) {
  .top-player-image,
  .top-player-image img,
  .top-player-image .line {
    height: 250px !important;
  }
  .top-player-info-1 p {
    font-size: 32px;
  }
  .top-player-info-2 .top-player-name-jp {
    font-size: 15px;
  }
  .top-player-info-2 .top-player-name {
    font-size: 11px;
  }
}
@media (max-width: 1067px) {
  .top-player-image,
  .top-player-image img,
  .top-player-image .line {
    height: 230px !important;
  }
  .top-player-info-1 p {
    font-size: 30px;
  }
  .top-player-info-2 .top-player-name-jp {
    font-size: 13px;
  }
  .top-player-info-2 .top-player-name {
    font-size: 10px;
  }
}
@media (max-width: 686px) {
  .top-player-title {
    padding-left: 20px;
  }
  .top-player-title span:first-child {
    font-size: 75px;
  }
}
@media (max-width: 478px) {
  .top-player-image,
  .top-player-image img,
  .top-player-image .line {
    height: 190px !important;
  }
  .top-player-info-2 .top-player-name-jp {
    font-size: 12px;
  }
  .top-player-info-2 .top-player-name {
    font-size: 9px;
  }
  .top-player-1 {
    margin: -38px auto auto;
  }
  .top-player-title span:first-child {
    font-size: 45px;
  }
}
@media (max-width: 425px) {
  .top-player-image,
  .top-player-image img,
  .top-player-image .line {
    height: 175px !important;
  }
}
/* css top latest match */
.top-2 {
  position: relative;
  margin-top: -20px;
  padding-bottom: 80px;
  overflow: hidden;
}
.top-2-line {
  display: flex;
}
.top-2-line div {
  width: 80px;
  height: 670px;
  position: absolute;
}
.top-2-line .line-green {
  top: 293px;
  left: 41px;
  opacity: 1;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(203deg);
}
.top-2-line .line-yellow {
  top: 293px;
  left: 128px;
  opacity: 1;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(203deg);
}
.top-2-title {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  position: relative;
  z-index: 10;
}
.top-2-title span {
  color: #ffffff;
  font-weight: bold;
  font-size: 85px;
  letter-spacing: 4.25px;
}
.top-2-round {
  display: flex;
  justify-content: center;
  margin-top: 58px;
  margin-bottom: 35px;
  position: relative;
  z-index: 10;
}
.top-2-round span {
  color: #ffffff;
  font-size: 14px;
}
.top-2-result {
  display: flex;
  position: relative;
  z-index: 10;
}
.top-2-image {
  width: 35%;
}
.top-2-image:first-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.top-2-image:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top-2-score {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 0.5px solid #ffffff;
  border-bottom: 0.5px solid #ffffff;
}
.top-2-score-home {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
.top-2-score-away {
  width: 30%;
  display: flex;
  justify-content: flex-start;
}
.top-2-score-home span,
.top-2-score-away span {
  font-size: 70px;
  color: #ffffff;
}
.top-2-score-info {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 45px;
}
.top-2-score-info span {
  font-size: 16px;
  color: #ffffff;
}
.top-2-score-2 {
  margin-top: 5px;
}
.top-2-score-1 span:first-child,
.top-2-score-1 span:last-child,
.top-2-score-2 span:first-child,
.top-2-score-2 span:last-child {
  font-weight: bold;
  margin: 0 10px;
}
.top-2-image img {
  object-fit: cover;
  width: 73px;
  height: 81px;
}
.top-2-image:first-child div,
.top-2-image:last-child div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-2-image:first-child div {
  margin-right: 10px;
}
.top-2-image:last-child div {
  margin-left: 10px;
}
.top-2-football {
  display: flex;
  position: relative;
  z-index: 10;
}
.top-2-football {
  display: flex;
  margin-top: 10px;
}
.top-2-football-home,
.top-2-football-away {
  width: 35%;
}
.top-2-football-home {
  display: flex;
  justify-content: flex-end;
}
.top-2-football-home div {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.top-2-football-away {
  display: flex;
  justify-content: flex-start;
}
.top-2-football-away div {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
}
.top-2-football-home span:first-child,
.top-2-football-away span:first-child {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
.top-2-football-home span:last-child,
.top-2-football-away span:last-child {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
.top-2-football-no {
  width: 30%;
}
.top-2-info {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.top-2-date span:first-child {
  color: #ffffff;
  font-size: 22px;
}
.top-2-date span:last-child {
  color: #ffffff;
  font-size: 10px;
  margin-left: 2px;
  margin-bottom: 4px;
}

.top-2-time span {
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
}
.top-2-date {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 20px;
}
.top-2-time {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  border-left: 0.5px solid #ffffff;
}
.top-2-bottom {
  display: flex;
  justify-content: flex-end;
  margin-right: 111px;
  bottom: unset !important;
}
.top-2-bottom span {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 1178px) {
  .top-2-image:first-child div,
  .top-2-image:last-child div {
    width: 60%;
  }
  .top-2-football-home div,
  .top-2-football-away div {
    width: 60%;
  }
  .top-2-bottom {
    margin-right: 30px;
  }
  .top-2-line div {
    width: 70px;
  }
  .top-2-line .line-green {
    top: 293px;
    left: 35px;
  }
  .top-2-line .line-yellow {
    top: 293px;
    left: 111px;
  }
}
@media (max-width: 1078px) {
  .top-2-image:first-child div,
  .top-2-image:last-child div {
    width: 70%;
  }
  .top-2-football-home div,
  .top-2-football-away div {
    width: 70%;
  }
}
@media (max-width: 900px) {
  .top-2-title span {
    font-size: 70px;
  }
  .top-2-image,
  .top-2-football-home {
    width: 32%;
  }
  .top-2-score,
  .top-2-football-no {
    width: 36%;
  }
  .top-2-image:first-child div,
  .top-2-image:last-child div {
    width: 80%;
  }
  .top-2-football-home div,
  .top-2-football-away div {
    width: 80%;
  }
  .top-2-bottom {
    margin-right: 0;
  }
  .top-2-football-home span:first-child,
  .top-2-football-away span:first-child {
    font-size: 17px;
  }
  .top-2-football-home span:last-child,
  .top-2-football-away span:last-child {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .top-2-title span {
    font-size: 55px;
  }
  .top-2-score-home,
  .top-2-score-away {
    width: 28%;
  }
  .top-2-score-info {
    width: 44%;
  }
  .top-2-image:first-child div,
  .top-2-image:last-child div {
    width: 100%;
  }
  .top-2-football-home div,
  .top-2-football-away div {
    width: 100%;
  }
  .top-2-football-home span:first-child,
  .top-2-football-away span:first-child {
    font-size: 15px;
  }
  .top-2-football-home span:last-child,
  .top-2-football-away span:last-child {
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .top-2-title span {
    font-size: 40px;
  }
  .top-2-score-home,
  .top-2-score-away {
    width: 20%;
  }
  .top-2-score-info {
    width: 60%;
  }
  .top-2-score-home span,
  .top-2-score-away span {
    font-size: 50px;
  }
  /*.top-2-image,*/
  /*.top-2-football-home {*/
  /*    width: 25%;*/
  /*}*/
  /*.top-2-score,*/
  /*.top-2-football-no {*/
  /*    width: 50%;*/
  /*}*/
  .top-2-football-home span:first-child,
  .top-2-football-away span:first-child {
    font-size: 13px;
  }
  .top-2-football-home span:last-child,
  .top-2-football-away span:last-child {
    font-size: 11px;
  }
  .top-2-bottom span {
    font-size: 10px;
  }
}
@media (max-width: 576px) {
  .top-2-football-home span:first-child,
  .top-2-football-away span:first-child {
    font-size: 11px;
  }
  .top-2-score-home span,
  .top-2-score-away span {
    font-size: 40px;
  }
  .top-2-football-home span:last-child,
  .top-2-football-away span:last-child {
    font-size: 10px;
  }
  .top-2-score-info span {
    font-size: 14px;
  }
}
@media (max-width: 478px) {
  .top-2-football-home span:first-child,
  .top-2-football-away span:first-child {
    font-size: 10px;
  }
  .top-2-bottom {
    bottom: 0.5rem !important;
  }
}
@media (max-width: 400px) {
  .top-2-football-home span:first-child,
  .top-2-football-away span:first-child {
    font-size: 9px;
  }
  .top-2-football-home span:last-child,
  .top-2-football-away span:last-child {
    font-size: 9px;
  }
  .top-2-image,
  .top-2-football-home {
    width: 31%;
  }
  .top-2-score,
  .top-2-football-no {
    width: 38%;
  }
}

.top-match-schedule-title {
  display: flex;
  flex-direction: column;
  font-size: 85px;
  font-weight: bold;
  letter-spacing: 4.25px;
  color: #ffffff;
  margin-left: 15px;
  line-height: 1;
  margin-bottom: 40px;
  margin-top: -55px !important;
  position: relative;
  z-index: 10;
}

.top-match-schedule {
  width: 100%;
  display: flex;
  margin-bottom: 40px !important;
  height: 396px;
}
.top-match-schedule span {
  color: #ffffff;
}
.top-match-schedule-1 {
  width: 5%;
}
.top-match-schedule-2 {
  width: 17%;
  position: relative;
}
.top-match-schedule-2 .line {
  position: absolute;
  display: block;
  height: 396px;
  width: 8px;
  opacity: 1;
}
.top-match-schedule-2 .line-1 {
  left: 0;
  background: #2f6c3d;
}
.top-match-schedule-2 .line-2 {
  left: 8px;
  background: #efcf4c;
}
.top-match-schedule-2 .line-3 {
  left: 16px;
  background: #1b4697;
}
.top-match-content {
  display: flex;
  flex-direction: column;
  margin-left: 31px;
}
.top-match-content div {
  display: flex;
}
.top-match-content-date {
  margin-bottom: 6px;
}
.top-match-content-date span:first-child {
  font-size: 60px;
  font-weight: bold;
}
.top-match-content-date span:last-child {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  transform: rotate(90deg);
  margin-left: -6px;
  margin-top: auto;
  margin-bottom: auto;
}
.top-match-content-1,
.top-match-content-2 {
  margin-top: 5px !important;
  font-size: 12px;
}
.top-match-content-3 {
  width: 152px;
  height: 2px;
  background: #ffffff 0% 0% no-repeat padding-box;
  margin-top: 9px !important;
  margin-bottom: 6px !important;
}
.top-match-content-4 {
  font-size: 15px;
}
.top-match-content a {
  background: #0d1b3c 0% 0% no-repeat padding-box;
  color: #ffffff;
  border: 1px solid #ffffff;
  width: 101px;
  height: 25px;
  margin-top: 9px !important;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  padding-top: 2px !important;
}
.top-match-schedule-3 {
  width: 60%;
  position: relative;
}
.top-match-info-image {
  width: 100%;
  height: 367px;
  overflow: hidden;
}
.top-match-info-image img {
  width: 100%;
  height: 100%;
  opacity: 0.75;
  object-fit: cover;
}
.top-match-info-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 367px;
}

.top-match-info-1 div:first-child {
  display: flex;
}
.top-match-image {
  width: 100%;
  margin-top: 51px;
  margin-bottom: 12px;
  z-index: 2;
}
.top-match-image div:first-child {
  width: 35%;
  display: flex;
  justify-content: flex-end;
}
.top-match-image div:nth-child(2) {
  width: 30%;
}
.top-match-image div:nth-child(3) {
  width: 35%;
  display: flex;
  justify-content: flex-start;
}
.top-match-image img {
  width: 74px;
  height: 82px;
}
.top-match-round {
  margin-top: 12px !important;
  font-size: 14px;
  z-index: 2;
}
.top-match-stadium {
  font-size: 14px;
  z-index: 2;
}
.top-match-date {
  margin-top: 32px !important;
  font-size: 50px;
  z-index: 2;
}
.top-match-time {
  font-size: 25px;
  z-index: 2;
}
.top-match-info-2 {
  width: 100%;
  height: 28px;
  background: #ebebeb 0% 0% no-repeat padding-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-match-info-2 span {
  color: #0d1b3c;
  font-size: 14px;
}
.top-match-info-2 span:first-child {
  margin-right: 13px;
}
.top-match-info-2 span:last-child {
  margin-left: 11px;
}
.top-match-info-2 span:nth-child(3) {
  font-size: 10px;
  display: inline-block;
  transform: rotate(90deg);
  margin-top: auto;
  margin-bottom: auto;
}
.top-match-schedule-4 {
  width: 19%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.top-match-schedule-4 div:first-child {
  position: absolute;
  bottom: -30%;
  left: 55px;
  transform: translate(-50%, -50%);
}
.top-match-schedule-4 div:first-child span {
  color: #efcf4c;
  font-size: 50px;
  letter-spacing: 2.5px;
  font-weight: bold;
  writing-mode: vertical-lr;
}
.top-match-schedule-ranking {
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: -1rem !important;
  margin-right: 12px;
}
.top-match-schedule-ranking span:first-child {
  margin-left: 10px;
  font-size: 12px;
  font-weight: bold;
}
.top-match-schedule-ranking span:last-child {
  font-size: 9px;
  font-weight: bold;
}

.top-schedules {
  background: #ebebeb 0% 0% no-repeat padding-box;
}
.slick-schedules {
  width: 100%;
}
.slick-schedules .slick-slide {
  margin: 14px 22px;
}

.slick-schedules .slick-prev {
  left: calc(33% - 9px);
  z-index: 20;
}
.slick-schedules .slick-prev:before {
  content: '<';
  font-size: 24px;
  font-weight: bold;
  color: #bababa;
}
.slick-schedules .slick-next {
  right: calc(33% - 9px);
  z-index: 20;
}
.slick-schedules .slick-next:before {
  content: '>';
  font-size: 24px;
  font-weight: bold;
  color: #bababa;
}

.top-home-color {
  background: #1b4697 0% 0% no-repeat padding-box;
}
.top-away-color {
  background: #ff1a61 0% 0% no-repeat padding-box;
}
.top-schedule-1 {
  background: #ffffff 0% 0% no-repeat padding-box;
  width: 552px;
  height: 100px;
}
.top-schedule-info-1 {
  display: flex;
  border-bottom: 1px solid #000000;
  height: 22px;
}
.top-schedule-info-1 .top-schedule-title {
  width: 15%;
  display: flex;
  justify-content: center;
}
.top-schedule-info-1 .top-schedule-title span {
  font-size: 12px;
  color: #ffffff;
  margin: auto;
}
.top-schedule-info-1 .top-schedule-round {
  width: 85%;
  display: flex;
  justify-content: space-between;
}
.top-schedule-round span {
  font-size: 12px;
  color: #000000;
  margin: auto;
  margin-left: 45px !important;
}
.top-schedule-round img {
  width: 52px;
  height: 16px;
  margin: auto 56px auto auto;
}
.top-schedule-info-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-schedule-date span:first-child {
  color: #000000;
  font-size: 20px;
}
.top-schedule-date span:last-child {
  color: #000000;
  font-size: 17px;
  margin-left: 3px;
}
.top-schedule-location {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.top-schedule-location div {
  color: #000000;
  font-size: 12px;
}
.schedule-location-icon {
  width: 8.8px;
  height: 12px;
  background: transparent url(/wp-content/uploads/2023/11/ACCESS.png) 0% 0%
    no-repeat padding-box;
  background-size: 7px 11px;
  background-position: center;
  margin-left: 10px;
  margin-right: 2px;
}
.top-schedule-button {
  display: flex;
}
.top-schedule-button a:first-child {
  width: 75px;
  height: 17px;
  background-color: #efcf4c;
  font-size: 10px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}
.top-schedule-button a:last-child {
  width: 62px;
  height: 17px;
  background-color: #2f6c3d;
  font-size: 10px;
  color: #ffffff;
  border: none;
  margin-left: 27px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}
/*.block-main {*/
/*    min-height: 1500px;*/
/*}*/

/*.block-latest-match,*/
/*.block-match-schedules,*/
/*.block-new,*/
/*.block-slogan,*/
/*.block-player,*/
/*.block-good,*/
/*.block-hometown,*/
/*.block-sns,*/
/*.block-sponsors {*/
/*    display: none;*/
/*}*/

@media (max-width: 1268px) {
  .top-match-schedule-2 {
    width: 19%;
  }
  .top-match-schedule-3 {
    width: 58%;
  }
  .top-match-schedule-ranking {
    margin-right: -5px;
  }
}
@media (max-width: 1168px) {
  .top-match-schedule-1 {
    width: 4%;
  }
  .top-match-schedule-2 {
    width: 21%;
  }
  .top-match-schedule-3 {
    width: 56%;
  }
  .top-match-schedule-4 {
    width: 19%;
  }
  .top-match-schedule-ranking {
    margin-right: -15px;
  }

  .top-schedule-round span {
    margin-left: 25px !important;
  }
  .top-schedule-round img {
    margin-right: 30px !important;
  }
}
@media (max-width: 1068px) {
  .top-match-content-date span:first-child {
    font-size: 50px;
  }
  .top-match-content-date span:last-child {
    font-size: 18px;
  }
  .top-match-info-2 span:first-child {
    margin-right: 12px;
  }
  .top-match-info-2 span {
    font-size: 13px;
  }
  .top-match-info-2 span:last-child {
    margin-left: 10px;
  }
  .top-match-schedule-ranking span:first-child {
    font-size: 11px;
  }
  .top-match-schedule-ranking:after {
    height: 40px !important;
    left: 5px !important;
  }
  .top-schedule-round span {
    margin-left: 20px !important;
  }
  .top-schedule-round img {
    margin-right: 20px !important;
  }
}
@media (max-width: 968px) {
  .top-match-schedule-1 {
    width: 2%;
  }
  .top-match-schedule-2 {
    width: 22%;
  }
  .top-match-schedule-3 {
    width: 55%;
  }
  .top-match-schedule-4 {
    width: 21%;
  }
  .top-schedule-round span {
    margin-left: 10px !important;
  }
  .top-schedule-round img {
    margin-right: 10px !important;
  }
  .slick-schedules .slick-next {
    right: calc(1% - 3px);
    z-index: 20;
  }
  .slick-schedules .slick-prev {
    left: calc(1% - 3px);
    z-index: 20;
  }
  .top-match-info-2 span {
    font-size: 12px;
  }
}
@media (max-width: 868px) {
  .top-match-schedule-1 {
    width: 1%;
  }
  .top-match-schedule-2 {
    width: 25%;
  }
  .top-match-schedule-3 {
    width: 61%;
  }
  .top-match-schedule-4 {
    width: 13%;
  }
  .top-schedules {
    margin-top: 70px;
  }
  .top-match-schedule-ranking {
    width: 200px !important;
    bottom: -5rem !important;
  }
}
@media (max-width: 768px) {
  .top-match-schedule-2 .line {
    height: 358px;
  }
  .top-match-schedule-title {
    font-size: 60px;
  }
  .top-match-content-date span:first-child {
    font-size: 40px;
  }
  .top-match-content-date span:last-child {
    font-size: 16px;
  }
  .top-match-content-1,
  .top-match-content-2 {
    font-size: 11px;
  }
  .top-match-content-3 {
    width: 130px;
  }
  .top-match-content-4 {
    font-size: 13px;
  }
  .top-match-content a {
    width: 96px;
    height: 20px;
    font-size: 12px;
  }
  .top-match-info-1,
  .top-match-info-image {
    height: 330px;
  }
  .top-match-info-2 span:first-child {
    font-size: 11px;
  }
  .top-match-info-2 span:nth-child(2),
  .top-match-info-2 span:nth-child(3),
  .top-match-info-2 span:nth-child(4) {
    font-size: 10px;
  }

  .top-match-image {
    margin-top: 35px;
  }
  .top-match-image img {
    width: 68px;
    height: 74px;
  }
  .top-match-image div:first-child,
  .top-match-image div:nth-child(3) {
    width: 30%;
  }
  .top-match-image div:nth-child(2) {
    width: 40%;
  }
  .top-match-date {
    font-size: 40px;
  }
  .top-match-time {
    font-size: 22px;
  }
  .top-match-schedule-4 div:first-child span {
    font-size: 40px;
  }
  .top-match-schedule-4 div:first-child {
    bottom: -6%;
    left: 45px;
  }
  .top-match-schedule-ranking {
    bottom: -3rem !important;
  }
  .top-schedules {
    margin-top: 50px;
  }
}
@media (max-width: 668px) {
  .top-match-schedule {
    height: 366px;
  }
  .top-match-schedule-1 {
    width: 1%;
  }
  .top-match-schedule-2 {
    width: 27%;
  }
  .top-match-schedule-3 {
    width: 63%;
  }
  .top-match-schedule-4 {
    width: 9%;
  }
  .top-match-schedule-2 .line {
    height: 308px;
  }
  .top-match-schedule-title {
    font-size: 50px;
    margin-top: -40px !important;
  }
  .top-match-content-date span:first-child {
    font-size: 30px;
  }
  .top-match-content-date span:last-child {
    font-size: 14px;
    margin-left: -3px;
  }
  .top-match-content-1,
  .top-match-content-2 {
    font-size: 10px;
  }
  .top-match-content-3 {
    width: 110px;
  }
  .top-match-content-4 {
    font-size: 11px;
  }
  .top-match-content a {
    width: 84px;
    height: 16px;
    font-size: 10px;
  }
  .top-match-info-1,
  .top-match-info-image {
    height: 280px;
  }
  .top-match-info-2 span:first-child {
    font-size: 9px;
  }
  .top-match-info-2 span:nth-child(2),
  .top-match-info-2 span:nth-child(3),
  .top-match-info-2 span:nth-child(4) {
    font-size: 9px;
  }

  .top-match-image {
    margin-top: 25px;
  }
  .top-match-image img {
    width: 62px;
    height: 68px;
  }
  .top-match-image div:first-child,
  .top-match-image div:nth-child(3) {
    width: 30%;
  }
  .top-match-image div:nth-child(2) {
    width: 40%;
  }
  .top-match-date {
    margin-top: 20px !important;
    font-size: 35px;
  }
  .top-match-time {
    font-size: 20px;
  }
  .top-match-schedule-4 div:first-child span {
    font-size: 34px;
  }
  .top-match-schedule-4 div:first-child {
    bottom: 1%;
    left: 28px;
  }
  .top-match-schedule-ranking {
    bottom: -1.5rem !important;
  }
  .top-schedules {
    margin-top: 40px;
  }
}
@media (max-width: 568px) {
  .top-match-schedule-1 {
    width: 1%;
  }
  .top-match-schedule-2 {
    width: 27%;
  }
  .top-match-schedule-3 {
    width: 65%;
  }
  .top-match-schedule-4 {
    width: 7%;
  }
  .top-match-schedule {
    height: 320px;
  }
  .top-match-schedule-2 .line {
    height: 268px;
    left: 6px;
  }
  .top-match-schedule-2 .line-1 {
    left: 0;
  }
  .top-match-schedule-2 .line-2 {
    left: 6px;
  }
  .top-match-schedule-2 .line-3 {
    left: 12px;
  }
  .top-match-content {
    margin-left: 23px;
  }
  .top-match-schedule-title {
    font-size: 40px;
  }
  .top-match-content-date span:first-child {
    font-size: 20px;
  }
  .top-match-content-date span:last-child {
    font-size: 12px;
  }
  .top-match-content-1,
  .top-match-content-2 {
    font-size: 8px;
  }
  .top-match-content-3 {
    width: 80px;
  }
  .top-match-content-4 {
    font-size: 9px;
  }
  .top-match-content a {
    width: 66px;
    height: 13px;
    font-size: 8px;
  }
  .top-match-info-1,
  .top-match-info-image {
    height: 240px;
  }
  .top-match-info-2 span:first-child {
    margin-right: 5px;
    font-size: 8px;
  }
  .top-match-info-2 span:nth-child(3) {
    font-size: 6px;
  }
  .top-match-info-2 span:nth-child(2),
  .top-match-info-2 span:nth-child(4) {
    font-size: 7px;
  }

  .top-match-round {
    margin-top: 8px !important;
    font-size: 13px;
  }
  .top-match-image {
    margin-top: 25px;
  }
  .top-match-image img {
    width: 56px;
    height: 62px;
  }
  .top-match-image div:first-child,
  .top-match-image div:nth-child(3) {
    width: 30%;
  }
  .top-match-image div:nth-child(2) {
    width: 40%;
  }
  .top-match-date {
    margin-top: 15px !important;
    font-size: 28px;
  }
  .top-match-time {
    font-size: 16px;
  }
  .top-match-schedule-4 div:first-child span {
    font-size: 19px;
    writing-mode: unset;
  }
  .top-match-schedule-4 div:first-child {
    top: -15px;
    bottom: unset;
    left: -70px;
    width: 150px;
  }
  .top-match-schedule-ranking {
    bottom: -1.5rem !important;
  }
  .top-schedules {
    margin-top: 40px;
  }
  .top-match-schedule-ranking span:first-child {
    font-size: 10px;
  }
  .top-match-schedule-ranking span:last-child {
    font-size: 8px;
  }
}
@media (max-width: 468px) {
  .top-match-info-2 span:first-child {
    margin-right: 2px;
    font-size: 7px;
  }
  .top-match-schedule-3 {
    width: 67%;
  }
  .top-match-schedule-4 {
    width: 5%;
  }
}
@media (max-width: 400px) {
  .top-match-schedule-1 {
    width: 0%;
  }
  .top-match-schedule-3 {
    width: 70%;
  }
  .top-match-schedule-4 {
    width: 3%;
  }
}

.redirect-access .top-match-schedule-ranking,
.top-2-bottom,
.redirect-contact {
  cursor: pointer;
}

.standings {
  display: flex;
  justify-content: center;
  margin: 0;
}
.standing-main {
  width: 70%;
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 47px;
}
.standing-top {
  display: flex;
  align-items: center;
}
.standing-top img {
  width: 79px;
  height: 25px;
}
.standing-top span {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 30px;
}
.standing-time {
  margin-left: auto;
  margin-right: 10px;
}
.standing-time span {
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0.5px;
}
.standing-table {
  margin-bottom: 58px;
}
.standing-table table {
  width: 100%;
  border-collapse: collapse;
}
table td {
  border-right: none;
  border-top: 4px solid #1b4697;
}
.standing-table table thead tr {
  background: #212121;
  opacity: 0.7;
  height: 27px;
}
.standing-table table thead tr th {
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #ffffff;
}

.standing-table table thead tr th {
  width: 8%;
  text-align: center;
  padding-top: 5px;
}
.standing-table table thead tr th:first-child {
  width: 8%;
}
.standing-table table thead tr th:nth-child(2) {
  width: 39%;
  text-align: left;
}
.standing-table table thead tr th:last-child {
  width: 13%;
}
.standing-table table tbody tr {
  background: #ffffff;
  opacity: 0.7;
  height: 27px;
}
.standing-table table tbody tr:nth-child(even) {
  background: #bababa;
  opacity: 0.7;
}
.standing-table .club-home-color {
  background: #efcf4c !important;
  opacity: 0.7;
}

.standing-table table tbody tr td {
  width: 8%;
  text-align: center;
  font-size: 18px;
  color: #000000;
  position: relative;
}
.standing-table table tbody tr td:nth-child(2) {
  width: 39%;
  text-align: left;
}
.standing-table table tbody tr td:last-child {
  width: 13%;
}

.standing-table table tbody tr td img {
  margin: 0 5px;
  position: absolute;
  top: 6px;
}
.standing-table table tbody tr td span {
  position: absolute;
  top: 2px;
  left: 30px;
}
.standing-table table tbody tr td:first-child {
  font-weight: bold;
}
.standing-table table tbody tr td:nth-child(2) {
  font-size: 15px;
  letter-spacing: 0.75px;
  color: #000000;
}
.button-standing {
  margin: auto;
}
.button-standing a {
  font-size: 16px;
  letter-spacing: 1.6px;
  color: #ffffff;
  padding: 3px 10px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  background-color: #0d1b3c;
  width: 155px;
  height: 30px;
}
.button-standing a:hover {
  background: linear-gradient(180deg, #1b4697, transparent) #0e234c;
}
@media (max-width: 1066px) {
  .standing-main {
    width: 85%;
  }
}
@media (max-width: 866px) {
  .standing-main {
    width: 95%;
  }
}
@media (max-width: 766px) {
  .standing-table table tbody tr td {
    font-size: 16px;
  }
  .standing-table table tbody tr td:nth-child(2) {
    font-size: 13px;
  }
  .standing-table table thead tr th:first-child {
    width: 7%;
  }
  .standing-table table thead tr th:nth-child(2) {
    width: 45%;
    text-align: left;
  }
  .standing-table table thead tr th:last-child {
    width: 13%;
  }
  .standing-table table thead tr td:first-child {
    width: 7%;
  }
  .standing-table table thead tr td:nth-child(2) {
    width: 45%;
    text-align: left;
  }
  .standing-table table thead tr td:last-child {
    width: 13%;
  }
}
@media (max-width: 578px) {
  .standing-table table thead tr th {
    font-size: 10px !important;
  }
  .standing-table table tbody tr td {
    font-size: 14px !important;
  }
  .standing-table table tbody tr td:nth-child(2) {
    font-size: 11px !important;
  }
  .standing-table table thead tr th {
    width: 6%;
  }
  .standing-table table thead tr th:nth-child(2) {
    width: 54%;
    text-align: left;
  }
  .standing-table table thead tr th:last-child {
    width: 10%;
  }
  .standing-table table tbody tr td {
    width: 6%;
  }
  .standing-table table tbody tr td:nth-child(2) {
    width: 54%;
  }
  .standing-table table tbody tr td:last-child {
    width: 10%;
  }
}
@media (max-width: 478px) {
  .standing-table table thead tr th {
    font-size: 9px !important;
  }
  .standing-table table tbody tr td {
    font-size: 12px !important;
  }
  .standing-table table tbody tr td:nth-child(2) {
    font-size: 10px !important;
  }
  .standing-table table tbody tr td img {
    margin: 0;
  }
  .standing-table table thead tr th {
    width: 6%;
  }
  .standing-table table thead tr th:nth-child(2) {
    width: 52%;
    text-align: left;
  }
  .standing-table table thead tr th:last-child {
    width: 8%;
  }
  .standing-table table tbody tr td {
    width: 6%;
  }
  .standing-table table tbody tr td:nth-child(2) {
    width: 52%;
  }
  .standing-table table tbody tr td:last-child {
    width: 8%;
  }
}
@media (max-width: 478px) {
  .standing-table table tbody tr td img {
    top: 2px;
  }
  .standing-table table tbody tr td span {
    top: 4px;
  }
  .standing-table table thead tr th {
    font-size: 9px !important;
  }
  .standing-table table tbody tr td {
    font-size: 12px !important;
  }
  .standing-table table tbody tr td:nth-child(2) {
    font-size: 10px !important;
  }
  .standing-table table tbody tr td img {
    margin: 0;
  }
  .standing-table table thead tr th {
    width: 6%;
  }
  .standing-table table thead tr th:nth-child(2) {
    width: 52%;
    text-align: left;
  }
  .standing-table table thead tr th:last-child {
    width: 8%;
  }
  .standing-table table tbody tr td {
    width: 6%;
  }
  .standing-table table tbody tr td:nth-child(2) {
    width: 52%;
  }
  .standing-table table tbody tr td:last-child {
    width: 8%;
  }
}
@media (max-width: 400px) {
  .standing-table table tbody tr td:nth-child(2) {
    font-size: 9px !important;
  }
}

.hometown-smile-page-detail .button-download {
  margin-left: 45px !important;
}

/*fix css moblie*/
@media (max-width: 878px) {
  /*fix css header*/
  .rvideo__video {
    padding-top: 230px !important;
  }
}

@media (max-width: 678px) {
  /*header*/
  .header-official {
    font-size: 12px !important;
    margin-left: 0 !important;
  }
  .mb-top-new {
    padding-top: 145px !important;
  }
  .mb-top-good {
    right: 25px !important;
  }
  /*academy*/
  .bu-title,
  .u-title {
    padding-left: 0 !important;
  }
  /*sponsor*/
  .layout-sponsor-vertical {
    flex-wrap: wrap;
  }
  .block-sponsors .layout-sponsor-vertical figure {
    max-width: 100px !important;
  }

  /*training schedule*/
  .mb-workout-schedule
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
  }
  .button-workout-schedule {
    width: 200px !important;
    height: 35px !important;
    font-size: 15px !important;
  }
  .current-month {
    display: flex;
    align-items: center;
  }
  .pre-month a,
  .current-month,
  .next-month a {
    font-size: 14px !important;
  }
  .detail-schedule .spacing-schedule {
    padding: 1rem 1rem !important;
  }

  .detail-schedule .text-size-1826 {
    font-size: 15px !important;
  }
  .qa-form span:last-child {
    font-size: 15px !important;
  }
  .group-button-ticket .text-underline {
    text-align: center !important;
  }
  .table-ticket td {
    font-size: 12px !important;
  }
  .olympia-stadium-mb {
    gap: 1.2rem !important;
  }

  .hometown-smile-page-detail .button-download {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /*footer*/
  .flex-layout-footer {
    justify-content: space-between !important;
  }
  .flex-layout-footer div:first-child {
    margin-left: 50px !important;
  }
  .flex-layout-footer div:last-child {
    margin-right: 12px !important;
    margin-top: 0 !important;
  }
  .layout-footer-2 {
    margin-top: -30px !important;
  }
}

@media (max-width: 600px) {
  .rvideo__video {
    padding-top: 213px !important;
  }
  .container-top-1 img {
    z-index: 0 !important;
  }
  .block-navigation > a {
    color: #ffffff !important;
  }
  .navigation-2 li ul li {
    width: 75% !important;
  }
  .navigation-2 .is-menu-open .wp-block-navigation__responsive-dialog {
    position: relative;
    z-index: 1;
  }
  .navigation-2 .is-menu-open .wp-block-navigation__responsive-dialog::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2024/01/Logo_2.png) !important;
    background-size: 218px 242px;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    background-position: 50% 42%;
    opacity: 0.15;
  }
}
.mb-content,
.mb-understand-content-1 {
  display: none;
}
.pc-content,
.pc-understand-content-1 {
  display: block;
}
@media (max-width: 478px) {
  .mb-content,
  .mb-understand-content-1 {
    display: block;
  }
  .pc-content,
  .pc-understand-content-1 {
    display: none;
  }

  .mb-flex-column {
    flex-direction: column;
  }
  .mb-mt-35 {
    margin-top: 35px !important;
  }
  .mb-fs-11 {
    font-size: 11px !important;
  }
  .mb-fs-13 {
    font-size: 13px !important;
  }
  .mb-fs-18 {
    font-size: 18px !important;
  }
  .col-info-league-2 div:nth-child(3) {
    display: flex;
    justify-content: flex-start;
  }
  .sns-mb {
    margin-left: 15px !important;
    justify-content: flex-start !important;
  }
  .sns-block {
    position: relative;
  }
  .sns-block-1 {
    position: absolute;
    top: 0;
    left: 150px;
    width: 195px;
  }
  .sns-block-2 {
    position: absolute;
    top: 20px;
    left: 150px;
    width: 195px;
  }

  /*training schedule*/
  .training-schedule-title {
    font-size: 16px !important;
  }
  .button-workout-schedule {
    width: 170px !important;
    height: 32px !important;
    font-size: 13px !important;
  }
  .paginate-schedule {
    padding: 0 1rem !important;
  }
  .pre-month a,
  .current-month,
  .next-month a {
    font-size: 13px !important;
  }
  .detail-schedule .spacing-schedule {
    padding: 1rem 0.5rem !important;
  }
  .detail-schedule .text-size-1826 {
    font-size: 13px !important;
  }

  /*player*/
  .p-main-no {
    width: 4%;
  }
  .p-main-info {
    width: 96%;
  }
  .p-profile,
  .p-affiliation,
  .p-season-goal,
  .p-qa,
  .p-btn {
    width: 95%;
  }
  .col-profile {
    width: 48%;
  }
  .col-profile-no {
    width: 4%;
  }
  .col-profile span:first-child {
    width: unset;
  }
  .col-profile span:nth-child(3) {
    width: 48%;
    font-size: 12px;
  }
  .col-profile span:last-child {
    font-size: 13px;
  }

  .row-qa {
    flex-direction: column;
  }
  .row-qa span:first-child {
    width: 100%;
  }
  .row-qa span:last-child {
    width: 100%;
    margin-top: -40px;
  }
  .p-qa-note span {
    font-size: 11px !important;
    margin-right: 30px !important;
  }

  .page-school .text-size-1424 {
    font-size: 12px !important;
  }
  .page-school .text-size-1524 {
    font-size: 13px !important;
  }

  /*ticket*/
  .table-ticket td {
    font-size: 11px !important;
  }
  .ticket-tab-content .tab-content {
    font-size: 14px !important;
  }
  .img-official-shop img,
  .img-lawson-titket img {
    height: 90px !important;
  }
  .qa-form span:last-child {
    font-size: 13px !important;
  }
  .mb-hometown-content {
    font-size: 15px !important;
    padding: 0 10px !important;
  }
  .hometown-smile-page-detail .text-size-1835 {
    font-size: 16px !important;
  }
  .club-slogan-2 {
    margin-top: -9px !important;
  }
}

@media (max-width: 400px) {
  /*training schedule*/
  .training-schedule-title {
    font-size: 14px !important;
  }
  .detail-schedule .text-size-1826 {
    font-size: 12px !important;
  }

  .plenus {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  /*ticket*/
  .table-ticket td {
    font-size: 10px !important;
  }
  .ticket-tab-content .tab-content {
    font-size: 12px !important;
  }

  /*match result*/
  .s-link a {
    padding: 1px 2px;
    font-size: 8px;
  }
  .qa-form span:last-child {
    font-size: 12px !important;
  }

  .hometown-smile-page-detail .text-size-3035 {
    font-size: 24px !important;
  }
  .hometown-smile-page-detail .text-size-1835 {
    font-size: 12px !important;
  }
  /*mb css footer*/
  .flex-layout-footer .title-footer a {
    font-size: 15px !important;
  }
}