@charset "utf-8";

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

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

@media screen and (max-width: 1179px) and (min-width: 768px) {
  html {
    font-size: calc(16 / 1180 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: calc(16 / 390 * 100vw);
  }
}

body {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
}

.inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem;
}
@media screen and (min-width: 1280px) {
  .inner {
    max-width: 73.125rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.btn_white {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: #fff url(../images/btn_arrow_bgBlack.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_white {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_white:hover {
  background: #000 url(../images/btn_arrow_bgWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
  border: 1px solid #fff;
}
.btn_white:hover .btn_link_white {
  color: #fff;
}

.btn_link_white {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_white {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.btn_white_return {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 4.375rem 1.5rem;
  padding-block: 0.875rem;
  background: #fff url(../images/btn_arrow_bgBlack_return.svg) no-repeat center left 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  border: 1px solid transparent;
  line-height: 1;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .btn_white_return {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 4.375rem 1.5rem;
  }
}
.btn_white_return:hover {
  background: #000 url(../images/btn_arrow_bgWhite_return.svg) no-repeat center left 1.25rem;
  background-size: 1.6875rem 1.6875rem;
  border: 1px solid #fff;
}
.btn_white_return:hover .btn_link_white_return {
  color: #fff;
}

.btn_link_white_return {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_white_return {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.btn_black {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: #000 url(../images/btn_arrow_bgWhite.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #000;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_black {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_black:hover {
  background: #fff url(../images/btn_arrow_bgBlack.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
  border: 1px solid #000;
}
.btn_black:hover .btn_link_black {
  color: #000;
}

.btn_link_black {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_black {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

  /* --- リーグメニュー統合CSS --- */
  .header_league_list {
    position: relative;
    border-top: 1px solid #747474;
    padding-inline: 1.875rem;
    padding-block: 0.9375rem 0.625rem;
  }
  .header_league_list.is_open > .header_league_sub_lists {
    display: block;
    text-align: right;
  }
  .header_league_list:last-of-type {
    border-bottom: 1px solid #747474;
  }

  .header_league_sub_lists {
    display: none;
    position: static;
    width: 100%;
    background: #444343;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: auto;
  }
  .header_league_sub_list {
    padding-inline: 1.875rem;
    padding-block: 0.875rem 0.5rem;
    border-top: 1px solid #747474;
    background: #444343;
    color: #fff;
    font-size: 1.2rem;
    text-align: right;
  }
  .header_league_sub_list:first-child {
    border-top: none;
  }

  @media screen and (min-width: 768px) {
    .header_league_list {
      padding: 0;
      border: none;
    }
  }
    @media screen and (min-width: 768px) {
      .header_league_list:last-of-type {
        border-bottom: none;
      }
    }

    @media screen and (min-width: 768px) {
      .header_league_sub_lists {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100vw;
        min-width: 100%;
        z-index: 100;
        background-color: rgba(68, 67, 67, 0.8);
        padding: 0.625rem;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        row-gap: 0.5rem;
      }
    }
    @media screen and (min-width: 768px) {
      .header_league_sub_list {
        background: transparent;
        padding: 0;
        border: none;
        text-align: right;
      }
    }

@media screen and (min-width: 768px) {
  .btn_link_black {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.hover_underLine {
  position: relative;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
}
.hover_underLine::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hover_underLine:hover::after, .hover_underLine:focus::after {
  transform: scaleX(1);
  transform-origin: left;
}

.section_ttl_en {
  color: #fff;
  font-size: 2.75rem;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.0825rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .section_ttl_en {
    font-size: 3.125rem;
    letter-spacing: 0.125rem;
  }
}

.section_subttl_en {
  margin-top: 0.3125rem;
  color: #fff;
  font-size: 0.9375rem;
  letter-spacing: 0.0375rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .section_subttl_en {
    font-size: 1.125rem;
    letter-spacing: 0.125rem;
    font-weight: 700;
    letter-spacing: 0.045rem;
  }
}

.section_body {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .section_body {
    margin-top: 2.5rem;
  }
}

.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 6.875rem;
}
@media screen and (min-width: 768px) {
  .header {
    height: 7.5rem;
  }
}

.header_league_container {
  height: 3.125rem;
  background-color: #282727;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header_league_inner {
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .header_league_inner {
    padding-inline: 0 2.8125rem;
  }
}

.header_league_lists {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .header_league_lists {
    display: flex;
    align-items: center;
    column-gap: 2.375rem;
    height: 100%;
    flex-wrap: nowrap;
    width: 100%;
  }
}

.header_league_button {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .header_league_button {
    display: none;
  }
}
.header_league_button:hover {
  opacity: 0.8;
}

.header_league_text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02625rem;
}

.header_league_arrow img {
  width: 100%;
  height: auto;
}

.header_league_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.header_league_nav.is_open ~ .header_league_overlay,
.header_league_overlay.is_open {
  display: block;
}

.header_league_nav {
  background: #282727;
  width: 19.5625rem;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  padding-bottom: 1.375rem;
  overflow-y: auto;
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.header_league_nav.is_open {
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .header_league_nav {
    z-index: 2;
    position: relative;
    width: fit-content;
    display: block;
    padding-bottom: 0;
    transform: translateY(0);
    height: auto;
    overflow: visible;
  }
}

.header_league_sub_lists {
  display: none;
}
.header_league_list.is_open > .header_league_sub_lists {
  display: block;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .header_league_list.is_open > .header_league_sub_lists {
    position: absolute;
    top: 2.5rem;
    left: 0rem;
    z-index: 9999;
    width: 6.25rem;
    padding: 0.625rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 0.5rem;
    background-color: rgba(68, 67, 67, 0.8);
  }
}

.header_league_sub_list {
  padding-inline: 1.875rem;
  padding-block: 0.875rem 0.5rem;
  border-top: 1px solid #747474;
  background: #444343;
}
@media screen and (min-width: 768px) {
  .header_league_sub_list {
    background: transparent;
    padding: 0;
    border: none;
    padding-top: 3rem;
  }
}

.header_league_list {
  position: relative;
}
.header_league_sub_lists {
  display: none;
  position: static;
  width: 100%;
  background: #444343;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: auto;
}

.header_league_list.is_open > .header_league_sub_lists {
  display: block;
}
.header_league_sub_list {
  padding: 1.2rem 2rem;
  border-top: 1px solid #747474;
  background: #444343;
  color: #fff;
  font-size: 1.2rem;
  text-align: right;
}
.header_league_sub_list:first-child {
  border-top: none;
}
@media screen and (min-width: 768px) {
  .header_league_sub_lists {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    min-width: 100%;
    z-index: 100;
  }
}

.header_league_nav_close {
  text-align: right;
  display: block;
  width: 100%;
  padding-block: 1.125rem 1.875rem;
  padding-inline: 1.875rem;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .header_league_nav_close {
    display: none;
  }
}
.header_league_nav_close:hover {
  opacity: 0.8;
}

.header_league_link {
  display: inline-block;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .header_league_link {
    display: grid;
    place-items: center;
    padding-block: 0;
    padding-inline: 0.5rem;
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.1875rem;
    line-height: 1.5;
    letter-spacing: 0.0475rem;
    border-top: none;
    height: 2.1875rem;
  }
}

.header_league_list {
  border-top: 1px solid #747474;
  padding-inline: 1.875rem;
  padding-block: 0.9375rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .header_league_list {
    padding: 0;
    border: none;
  }
}
.header_league_list:last-of-type {
  border-bottom: 1px solid #747474;
}
@media screen and (min-width: 768px) {
  .header_league_list:last-of-type {
    border-bottom: none;
  }
}

.header_league_list:nth-of-type(2) {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .header_league_list:nth-of-type(2) {
    position: relative;
    z-index: 1;
    padding: 0;
  }
}

.header_league_list:nth-of-type(2) .header_league_list_wrapper {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  padding-inline: 1.875rem;
  padding-block: 0.9375rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .header_league_list:nth-of-type(2) .header_league_list_wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .header_league_parent_link {
    display: grid;
    place-items: center;
  }
}

.header_league_sub_link {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.04rem;
}
@media screen and (min-width: 768px) {
  .header_league_sub_link {
    line-height: 1.5;
    padding-inline: 0rem;
    padding-block: 0rem;
    border-top: none;
    background-color: transparent;
    height: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .header_league_sub_link .hover_underLine {
    padding-bottom: 0.25rem;
  }
}

.header_league_listButton {

  }
  @media screen and (min-width: 768px) {
    .header_league_listButton {
      padding-inline: 0.5rem;
      padding-block: 0;
      width: auto;
      column-gap: 1.5rem;
      justify-content: center;
    }
  }

  .header_league_listButton .header_league_list_arrow {
    display: flex;
    align-items: center;
    height: 0.44625rem;
    width: 0.789625rem;
  }
  .header_league_listButton .header_league_list_arrow img {
    width: 100%;
    height: auto;
    display: block;
  }
  .header_league_listButton.is_open .header_league_list_arrow {
    transform: rotate(180deg);
    transition: transform 0.3s;
  }

.header_league_list_arrow {
  transition: transform 0.3s ease;
}

.header_league_list.is_open .header_league_list_arrow {
  transform: rotate(180deg);
}

/* SP時のリーグリスト表示修正 */
.header_league_list {
  border-top: 1px solid #747474;
  padding-inline: 1.875rem;
  padding-block: 0.9375rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .header_league_list {
    padding: 0;
    border: none;
  }
}
.header_league_list:last-of-type {
  border-bottom: 1px solid #747474;
}
@media screen and (min-width: 768px) {
  .header_league_list:last-of-type {
    border-bottom: none;
  }
}


/* SP時のリーグリンクスタイル修正 */
.header_league_link {
  display: inline-block;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .header_league_link {
    display: grid;
    place-items: center;
    padding-block: 0;
    padding-inline: 0.5rem;
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.1875rem;
    line-height: 1.5;
    letter-spacing: 0.0475rem;
    border-top: none;
    height: 2.1875rem;
  }
}

.header_league_list_text {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 768px) {
  .header_league_list_text {
    display: inline-block;
  }
}

.header_league_list_arrow {
  display: grid;
  place-items: center;
  height: 0.44625rem;
  width: 0.789625rem;
  transition: transform 0.3s ease;
}
.header_league_list_arrow img {
  width: 100%;
  height: auto;
}

/* SP時のサブリスト表示修正 */
.header_league_sub_list {
  padding-inline: 1.875rem;
  padding-block: 0.875rem 0.5rem;
  border-top: 1px solid #747474;
  background: #444343;
}
@media screen and (min-width: 768px) {
  .header_league_sub_list {
    background: transparent;
    padding: 0;
    border: none;
  }
}

.header_league_sub_link {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.04rem;
}
@media screen and (min-width: 768px) {
  .header_league_sub_link {
    line-height: 1.5;
    padding-inline: 0rem;
    padding-block: 0rem;
    border-top: none;
    background-color: transparent;
    height: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .header_league_listButton {
    padding-inline: 0.5rem;
    padding-block: 0;
    display: inline-flex;
    align-items: center;
    column-gap: 1.5rem;
    border-top: none;
  }
}

.header_league_list_text {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 768px) {
  .header_league_list_text {
    display: inline-block;
  }
}

.header_league_list_arrow {
  display: grid;
  place-items: center;
  height: 0.44625rem;
  width: 0.789625rem;
}
.header_league_list_arrow img {
  width: 100%;
  height: auto;
}

.header_container {
  background-color: #000;
  height: 3.75rem;
}
@media screen and (min-width: 768px) {
  .header_container {
    height: 4.375rem;
  }
}

.header_container_inner {
  padding-inline: 1.25rem;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .header_container_inner {
    padding-inline: 2rem;
  }
}

.header_logo_link {
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: opacity 0.3s;
}
.header_logo_link:hover {
  opacity: 0.8;
}

.header_logo_img {
  width: 7rem;
  height: auto;
}
.header_logo_img img {
  width: 100%;
  height: auto;
}

.header_icon {
  width: 1.5rem;
  height: 1.875rem;
  position: relative;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .header_icon {
    display: none;
  }
}
.header_icon:hover {
  opacity: 0.8;
}

.drawer-icon_bar {
  position: absolute;
  width: 100%;
  height: 0.125rem;
  background-color: #fff;
  left: 0;
}
.drawer-icon_bar:nth-of-type(1) {
  top: 0.3125rem;
}
.drawer-icon_bar:nth-of-type(2) {
  top: 0.8125rem;
}
.drawer-icon_bar:nth-of-type(3) {
  top: 1.3125rem;
}

.header_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.header_nav.is_open ~ .header_overlay,
.header_overlay.is_open {
  display: block;
}

.header_nav {
  background: #000;
  width: 19.5625rem;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  padding-bottom: 1.375rem;
  overflow-y: auto;
  transform: translateX(100%);
  text-align: right;
  transition: transform 0.3s;
}
.header_nav.is_open {
  transform: translateX(0);
}
@media screen and (min-width: 768px) {
  .header_nav {
    position: relative;
    z-index: 1;
    width: fit-content;
    display: block;
    padding-bottom: 0;
    transform: translateX(0);
    height: 2.5rem;
    overflow: visible;
  }
}

.header_nav_close {
  text-align: right;
  display: block;
  width: 100%;
  padding-block: 1.125rem 1.875rem;
  padding-inline: 1.875rem;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .header_nav_close {
    display: none;
  }
}
.header_nav_close:hover {
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .header_lists {
    display: flex;
    align-items: center;
    column-gap: 1.125rem;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    height: 100%;
  }
}

.header_link {
  display: inline-block;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.03375rem;
}
@media screen and (min-width: 768px) {
  .header_link {
    padding-block: 0;
    padding-inline: 0.5rem;
    line-height: 0.8;
    font-weight: 700;
    letter-spacing: 0.0375rem;
    height: 2.1875rem;
    display: grid;
    place-items: center;
  }
}

.header_list {
  border-top: 1px solid #747474;
  padding-inline: 1.875rem;
  padding-block: 0.9375rem 0.625rem;
}
.header_list:last-of-type {
  padding-block: 0;
  padding-inline: 1.25rem;
}
.header_list:last-of-type .header_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 1rem;
  margin-top: 1.75rem;
  font-weight: 900;
  letter-spacing: 0.046875rem;
  padding-block: 0.375rem;
  border-radius: 3.125rem;
  line-height: 2;
  background: linear-gradient(100deg, #feac00 0%, #f07201 100%);
  border: none;
  height: 3rem;
  width: 10rem;
  position: relative;
  overflow: hidden;
  transition: opacity .25s, transform .25s;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .header_list:last-of-type .header_link {
    height: 3rem;
    margin-top: 0;
  }
}

/* 光る効果の疑似要素（参考ソースに基づく） */
.header_list:last-of-type .header_link:before {
  background-image: linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.6) 80%, hsla(0,0%,100%,0));
  content: "";
  height: 200px;
  left: -120px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
  transform: translateY(-50%) rotate(25deg);
  width: 80px;
}

.header_list:last-of-type .header_link:after {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: shiny_btn;
  animation-name: shiny_btn;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-image: linear-gradient(100deg, hsla(0,0%,100%,0), #fff);
  content: "";
  height: 100%;
  left: -100px;
  position: absolute;
  top: 0;
  width: 50px;
}

/* ホバー効果（参考ソースに基づく） */
.header_list:last-of-type .header_link:hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.header_list:last-of-type .header_link:hover:before {
  left: 110%;
  transition: .25s ease-in-out;
}

.header_list:last-of-type .header_link:hover:after {
  -webkit-animation: none;
  animation: none;
}

/* HTML側のSVGアイコンのスタイル */
.header_list:last-of-type .header_link svg {
  width: 1rem;
  height: 1rem;
  stroke: white;
  fill: none;
}

/* 光るアニメーション用キーフレーム（参考ソースに基づく） */
@-webkit-keyframes shiny_btn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  84% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  85% {
    opacity: .9;
    -webkit-transform: scale(1) rotate(25deg);
    transform: scale(1) rotate(25deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(50) rotate(25deg);
    transform: scale(50) rotate(25deg);
  }
}

@keyframes shiny_btn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  84% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
  }
  85% {
    opacity: .9;
    -webkit-transform: scale(1) rotate(25deg);
    transform: scale(1) rotate(25deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(50) rotate(25deg);
    transform: scale(50) rotate(25deg);
  }
}

@media screen and (min-width: 768px) {
  .header_list {
    padding: 0;
    border-top: none;
  }
}

.footer {
  background-color: #000;
}

.footer_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem 1rem;
}
@media screen and (min-width: 768px) {
  .footer_inner {
    padding-block: 1.875rem 1rem;
    max-width: 73.125rem;
    padding-inline: 0.9375rem;
    margin-inline: auto;
  }
}

.footer_container {
  display: grid;
  grid-template-columns: auto;
  row-gap: 2rem;
}
@media screen and (min-width: 768px) {
  .footer_container {
    grid-template-columns: auto auto 1fr;
    grid-template-rows: repeat(3, auto);
    column-gap: 2rem;
    row-gap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .footer_container {
    grid-template-columns: auto auto 1fr;
    grid-template-rows: repeat(3, auto);
    column-gap: 2rem;
    row-gap: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .footer_logo {
    align-self: center;
    grid-column: 1/span 1;
    grid-row: 1/span 1;
    width: fit-content;
  }
}

.footer_logo_link {
  display: inline-flex;
  align-items: center;
  column-gap: 2rem;
  transition: opacity 0.3s;
}
.footer_logo_link:hover {
  opacity: 0.8;
}

.footer_logo_img {
  width: 5rem;
  height: auto;
}
.footer_logo_img img {
  display: block;
  width: 100%;
  height: auto;
}

.footer_logo_text {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.02em;
}

.footer_instagram_link {
  transition: opacity 0.3s;
}
.footer_instagram_link:hover {
  opacity: 0.8;
}

.footer_instagram_img {
  width: 1.875rem;
  height: auto;
}
.footer_instagram_img img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .footer_instagram_img {
    grid-column: 2/span 1;
    grid-row: 1/span 1;
    width: fit-content;
    width: 1.875rem;
    height: auto;
    align-self: center;
  }
}

@media screen and (min-width: 768px) {
  .footer_nav {
    grid-column: 1/span 3;
    grid-row: 2/span 1;
    padding-inline: 0.625rem;
  }
}

.footer_lists {
  display: grid;
  grid-template-columns: auto;
  row-gap: 1.46875rem;
}
@media screen and (min-width: 768px) {
  .footer_lists {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    column-gap: 2.5rem;
    row-gap: 1.0625rem;
  }
}

.footer_link {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.028125rem;
  transition: opacity 0.3s;
}
.footer_link:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .footer_link {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}

.footer_copyright {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #757575;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .footer_copyright {
    display: grid;
    grid-template-columns: 57.5rem auto;
    margin-top: 0rem;
  }
}

.footer_copyright_heading {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .footer_copyright_heading {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.footer_copyright_body {
  margin-top: 0.625rem;
  color: #CCCCCC;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .footer_copyright_body {
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: 0.8125rem;
  }
}

.footer_copyright_txt {
  margin-top: 0.625rem;
  color: #CCCCCC;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .footer_copyright_txt {
    margin-top: 0;
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: flex-end;
    font-size: 0.8125rem;
  }
}

.fv_swiper_container {
  position: relative;
  z-index: 0;
}

.fv_swiper {
  width: 100%;
  height: 41.4375rem;
  position: relative;
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .fv_swiper {
    height: 37.5rem;
  }
}

.fv_gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 6.25%, rgba(0, 0, 0, 0.13) 12.5%, rgba(0, 0, 0, 0.23) 25%, rgba(0, 0, 0, 0.5) 50%, #000 100%);
  z-index: 1;
}


.fv_swiper_slide {
  height: 100%;
}
.fv_swiper_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fv_swiper_pagination {
  position: absolute;
  bottom: 1.25rem !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  z-index: 10;
  width: 100%;
  left: 0;
}
.fv_swiper_pagination .swiper-pagination-bullet {
  margin: 0 !important;
  width: 0.6875rem !important;
  height: 0.6875rem !important;
  border-radius: 50% !important;
  background-color: #909090 !important;
  opacity: 1 !important;
  display: inline-block !important;
}
.fv_swiper_pagination .swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.fv_contents {
  position: absolute;
  content: "";
  bottom: 3.8125rem;
  left: 0.9375rem;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .fv_contents {
    width: 100%;
    left: 0rem;
    bottom: 3.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .fv_contents_inner {
    margin-inline: auto;
    max-width: 71.25rem;
  }
}

.fv_date {
  color: #fff;
  font-size: 1rem;
  line-height: 0.83;
}
@media screen and (min-width: 768px) {
  .fv_date {
    font-size: 1.125rem;
    letter-spacing: 0.045rem;
  }
}

.fv_ttl {
  margin-top: 0.625rem;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.24;
}
@media screen and (min-width: 768px) {
  .fv_ttl {
    font-size: 1.375rem;
    line-height: 1.24;
  }
}

.fv_btn {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .fv_btn {
    margin-top: 1.875rem;
  }
}

.fv_banner {
  background-color: #000;
}

.fv_banner_inner {
  padding-inline: 0.9375rem;
  padding-block: 1.875rem 3.5rem;
}
@media screen and (min-width: 768px) {
  .fv_banner_inner {
    max-width: 71.25rem;
    margin-inline: auto;
    padding-block: 2.5rem 4.6875rem;
  }
}

/* ここから */

.fv_banner_swiper_container {
  position: relative;
  padding-inline: 1.75rem;


}

.fv_banner_swiper {
  width: 100%;
  aspect-ratio: 612 / 189;
}

@media screen and (min-width: 768px) {
  .fv_banner_swiper {
    width: 100%;
    aspect-ratio: calc((331 * 3 + 24 * 2) / 102);
  }
}


.fv_banner_swiper .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fv_banner_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を枠いっぱいにトリミング */
  display: block;
}

.fv_banner_swiper_wrapper {

}

.banner_swiper-button-next {
  position: absolute;
  right: 0 !important;
  width: 0.747rem !important;
  height: auto;
}

.banner_swiper-button-next img {
  width: 100%;
  height: auto;
}

.banner_swiper-button-prev {
  position: absolute;
  left: 0 !important;
  width: 0.747rem !important;
  height: auto;
}

.banner_swiper-button-prev img {
  width: 100%;
  height: auto;
}

.banner_swiper-button-prev::after,
.banner_swiper-button-next::after {
  display: none;
}

.banner_swiper-pagination {
  position: absolute;
  top: calc(100% + 1.625rem) !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  z-index: 10;
  width: 100%;
  left: 0;
}

@media screen and (min-width: 768px) {
  .banner_swiper-pagination {
    top: calc(100% + 2.1875rem) !important;
  }
}

.banner_swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  width: 0.6875rem !important;
  height: 0.6875rem !important;
  border-radius: 50% !important;
  background-color: #909090 !important;
  opacity: 1 !important;
  display: inline-block !important;
}

.banner_swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff !important;
}








/* ここまで */

.leagues {
  background-color: #000;
}

.leagues_lists {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .leagues_lists {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.8125rem;
    row-gap: 1.8125rem;
  }
}

.leagues_list {
  background-color: #fff;
  border-radius: 0.625rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr auto;
  row-gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .leagues_list {
    row-gap: 1.5rem;
  }
}

.leagues_iconWrapper {
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
}

.leagues_icon {
  width: 2.5rem;
  height: 2.5rem;
}
.leagues_icon img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .leagues_icon {
    width: 2.75rem;
    height: 2.75rem;
  }
}

.leagues_icon_title {
  font-size: 2rem;
  line-height: 0.8;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.06rem;
}
@media screen and (min-width: 768px) {
  .leagues_icon_title {
    font-size: 2.25rem;
    letter-spacing: normal;
  }
}

.leagues_list_txt {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .leagues_list_txt {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}

.leagues_list_btn {
  margin-top: 0.25rem;
  width: fit-content;
  align-self: end; /* グリッドの最下段に揃える */
}

.about {
  position: relative;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.14) 100%), url(../images/about_bg.png) lightgray 50%/cover no-repeat;
}

.about_txt {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .about_txt {
    font-size: 1rem;
    letter-spacing: 0.03rem;
    padding-top: 0.625rem;
  }
}

.about_btn {
  margin-top: 2rem;
}

.news {
  background-color: #000;
}

.news_lists {
  margin-top: 2.9375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.875rem;
  row-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .news_lists {
    margin-top: 3.25rem;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.875rem;
    row-gap: 1rem;
    padding-inline: 1rem;
  }
}

.news_list {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 0.5rem;
}
.news_list_link {
  transition: opacity 0.3s;
}
.news_list_link:hover {
  opacity: 0.8;
}

.news_list_img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.news_list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news_list_date {
  margin-top: 0.9375rem;
  color: #909090;
  font-size: 0.8125rem;
  line-height: 1.24;
  letter-spacing: 0.024375rem;
}

.news_list_title {
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.24;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(0.9375rem * 1.24 * 3);
}
@media screen and (min-width: 768px) {
  .news_list_title {
    font-size: 1rem;
    line-height: 1.51;
  }
}

.news_btn_wrapper {
  margin-top: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .news_btn_wrapper {
    text-align: center;
    margin-top: 2.625rem;
  }
}

.sns {
  background-color: #000;
}

.sns_ttlWrapper {
  text-align: center;
}

.sns_instagram_link {
  display: inline-block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s;
}
.sns_instagram_link:hover {
  opacity: 0.8;
}

.sns_body {
  margin-top: 2rem;
  background: #fff;
  width: 100%;
  height: auto;
  padding: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .sns_body {
    margin-top: 2.5rem;
    width: 37.5rem;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
  }
}


.partners {
  background-color: #f0f0f0;
}

.partners_ttlWrapper {
  text-align: center;
}

.partners_ttl {
  color: #000;
}

.partners_subttl {
  color: #000;
}

.partners_body_container {
  border-radius: 0.3125rem;
  background-color: #fff;
  padding: 1.25rem 1rem;
}
@media screen and (min-width: 768px) {
  .partners_body_container {
    padding: 1rem;
  }
}

.sponsor img {
  width: 5.0625rem;
  height: auto;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .sponsor img {
  width: 6.1875rem;
  height: auto;
  object-fit: contain;
  }
}

.lowerPages_ttlWrapper {
  background: #000;
}

.lowerPages_ttlInner {
  padding-inline: 0.9375rem;
  padding-block: 1.875rem;
}
@media screen and (min-width: 1280px) {
  .lowerPages_ttlInner {
    max-width: 71.25rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.lowerPages_breadcrumbs {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerPages_breadcrumbs {
    font-size: 0.875rem;
  }
}

.lowerPages_subttl {
  margin-top: 1.25rem;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_subttl {
    font-size: 3.5rem;
    letter-spacing: 0.105rem;
  }
}

.lowerPages_ttl {
  margin-top: 0.3125rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerPages_ttl {
    font-size: 1.0625rem;
  }
}

.lowerPages_section {
  background-color: #000;
}

.lowerPages_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem;
}
@media screen and (min-width: 1280px) {
  .lowerPages_inner {
    max-width: 71.25rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.lowerPages_section_ttl_en_h2 {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.75rem;
  line-height: 1;
  letter-spacing: 0.0825rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_section_ttl_en_h2 {
    font-size: 3.125rem;
    letter-spacing: 0.125rem;
  }
}

.lowerPages_section_subttl_en {
  margin-top: 0.3125rem;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0375rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_section_subttl_en {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.045rem;
  }
}

.lowerPages_body_en {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_body_en {
    margin-top: 2.5rem;
  }
}

.lowerPages_en_h2_textWrapper {
  padding-bottom: 1.125rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_en_h2_textWrapper {
    padding-bottom: 2.625rem;
  }
}

.lowerPages_text {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_text {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.029375rem;
  }
}

.lowerPages_section_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem;
}
@media screen and (min-width: 1280px) {
  .lowerPages_section_inner {
    max-width: 71.25rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.lowerPages_ttl_jp_h2 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #fff;
  padding-left: 0.75rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerPages_body_jp_h2 {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_body_jp_h2 {
    margin-top: 2.0625rem;
  }
}

.lowerPages_jp_h2_textWrapper {
  padding-bottom: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_jp_h2_textWrapper {
    padding-bottom: 1.25rem;
  }
}

.lowerPages_link_wrapper {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_link_wrapper {
    margin-top: 2rem;
  }
}

.lowerPages_link {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
  text-decoration: underline;
  transition: opacity 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .lowerPages_link {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}
.lowerPages_link:hover {
  opacity: 0.8;
}

.lowerPages_ttl_h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0225rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_ttl_h3 {
    font-size: 1.375rem;
    letter-spacing: 0.0275rem;
  }
}

.lowerPages_body_h3 {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_body_h3 {
    margin-top: 1.75rem;
  }
}

.lowerPages_h3_textWrapper {
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_h3_textWrapper {
    padding-bottom: 2rem;
  }
}

.lowerPages_ttl_h4 {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_ttl_h4 {
    font-size: 1.125rem;
    letter-spacing: 0.045rem;
  }
}

.lowerPages_body_h4 {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_body_h4 {
    margin-top: 1.5rem;
  }
}

.lowerPages_h4_textWrapper {
  padding-bottom: 1.375rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_h4_textWrapper {
    padding-bottom: 2rem;
  }
}

.lowerPages_ttl_h5 {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0375rem;
}
@media screen and (min-width: 768px) {
  .lowerPages_ttl_h5 {
    font-size: 1.0625rem;
    letter-spacing: 0.0425rem;
  }
}

.lowerPages_body_h5 {
  margin-top: 0.5rem;
}

.lowerPages_h5_textWrapper {
  padding-bottom: 1.5rem;
}

.lowerNews_container {
  background-color: #000;
}

.lowerNews_lists {
  margin-top: 0.9375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.875rem;
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerNews_lists {
    margin-top: 1.125rem;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2rem;
    row-gap: 1rem;
  }
}

.lowerNews_list {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 0.5rem;
}

.lowerNews_list_link {
  transition: opacity 0.3s;
}
.lowerNews_list_link:hover {
  opacity: 0.8;
}

.lowerNews_list_img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.lowerNews_list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lowerNews_list_date {
  margin-top: 1rem;
  color: #909090;
  font-size: 0.8125rem;
  line-height: 1.24;
  letter-spacing: 0.024375rem;
}

.lowerNews_list_title {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.24;
  font-weight: 700;
  margin-top: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(0.9375rem * 1.24 * 3);
}
@media screen and (min-width: 768px) {
  .lowerNews_list_title {
    font-size: 1rem;
    margin-top: 0.75rem;
    line-height: 1.5;
  }
}

.lowerNews_pagination {
  margin-top: 1.875rem;
  padding-block: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerNews_pagination {
    margin-top: 2.5rem;
    column-gap: 2rem;
    padding-block: 1.25rem 1.875rem;
  }
}

.lowerNews_pagination .prev {
  width: 2.375rem;
  height: 2.375rem;
  transition: opacity 0.3s;
  cursor: pointer;
}

.lowerNews_pagination .prev img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .lowerNews_pagination .prev {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.lowerNews_pagination .prev:hover {
  opacity: 0.8;
}

.lowerNews_pagination .next {
  width: 2.375rem;
  height: 2.375rem;
  transition: opacity 0.3s;
  cursor: pointer;
}

.lowerNews_pagination .next img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .lowerNews_pagination .next {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.lowerNews_pagination .next:hover {
  opacity: 0.8;
}

.lowerNews_pagination .page-numbers {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 0.83;
  text-decoration: underline;
  display: grid;
  place-items: center;
  transition: opacity 0.3s;
  cursor: pointer;
}

.lowerNews_pagination .current {
  color: #5B5B5B;
  text-decoration: none;
  pointer-events: none;
}
.lowerNews_pagination .page-numbers:hover {
  opacity: 0.8;
}
.lowerNews_pagination .current:hover {
  opacity: 1;
}

.lowerNews_detail_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_inner {
    padding-block: 3rem;
    max-width: 41.875rem;
    margin-inline: auto;
  }
}

.lowerNews_detail_ttl {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_ttl {
    font-size: 1.5rem;
  }
}

.lowerNews_detail_tag {
  margin-top: 1rem;
  margin-left: 0.5rem;
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.3125rem 0.5625rem;
  border: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_tag {
    font-size: 0.9375rem;
  }
}

.lowerNews_detail_date {
  margin-top: 1rem;
  margin-left: 0.875rem;
  display: inline-block;
  color: #909090;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_date {
    font-size: 0.9375rem;
  }
}

.lowerNews_detail_body {
  margin-top: 2rem;
}

.lowerNews_detail_textWrapper {
  margin-top: 1.125rem;
}

.lowerNews_detail_text {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.53;
  letter-spacing: 0.028125rem;
  padding-bottom: 3.25rem;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text {
    padding-bottom: 3.25rem;
    font-size: 1rem;
    letter-spacing: 0.03rem;
    line-height: 1.5;
  }
}

.lowerNews_detail_text h1 {
  font-size: 1.3em;
  margin: 1em 0 0.5em;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text h1 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 1.2em 0 0.7em;
    line-height: 1.2;
  }
}

.lowerNews_detail_text h2 {
  font-size: 1.2em;
  margin: 0.9em 0 0.4em;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 1.1em 0 0.6em;
    line-height: 1.3;
  }
}

.lowerNews_detail_text h3 {
  font-size: 1.1em;
  margin: 0.8em 0 0.3em;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0 0.5em;
    line-height: 1.4;
  }
}

.lowerNews_detail_text h4 {
  font-size: 1em;
  margin: 0.7em 0 0.2em;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.9em 0 0.4em;
    line-height: 1.5;
  }
}

.lowerNews_detail_text p {
  font-size: 0.95em;
  margin: 0 0 1em 0;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text p {
    font-size: 1em;
    margin: 0 0 1.2em 0;
    line-height: 1.8;
  }
}

.lowerNews_detail_text a {
  color: #FEAC00;
  text-decoration: underline;
  transition: color 0.2s, text-decoration 0.2s;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text a {
    color: #FF9700;
  }
}

.lowerNews_detail_text a:hover,
.lowerNews_detail_text a:focus {
  color: #FF9700;
  text-decoration: none;
  outline: none;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text a:hover,
  .lowerNews_detail_text a:focus {
    color: #F07201;
  }
}

.lowerNews_detail_text a span {
  color: #FEAC00;
  text-decoration: underline;
  transition: color 0.2s, text-decoration 0.2s;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text a span {
    color: #FF9700;
  }
}

.lowerNews_detail_text a span:hover,
.lowerNews_detail_text a span:focus {
  color: #FF9700;
  text-decoration: none;
  outline: none;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_text a span:hover,
  .lowerNews_detail_text a span:focus {
    color: #F07201;
  }
}

.lowerNews_detail_pagination {
  padding-block: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 2rem 2rem;
  gap: 1.25rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_pagination {
    margin-block: 2rem 0.5rem;
  }
}

.lowerNews_detail_pagination_prev {
  width: 2.375rem;
  height: 2.375rem;
  transition: opacity 0.3s;
  cursor: pointer;
}
.lowerNews_detail_pagination_prev img {
  width: 100%;
  height: auto;
}
.lowerNews_detail_pagination_prev:hover {
  opacity: 0.8;
}

.lowerNews_detail_link_wrapper {
  width: calc(100% - 4.75rem - 2.5rem);
  text-align: center;
}

.lowerNews_detail_link {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
  text-decoration: underline;
  transition: opacity 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .lowerNews_detail_link {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}
.lowerNews_detail_link:hover {
  opacity: 0.8;
}

.lowerNews_detail_pagination_next {
  width: 2.375rem;
  height: 2.375rem;
  transition: opacity 0.3s;
  cursor: pointer;
}
.lowerNews_detail_pagination_next img {
  width: 100%;
  height: auto;
}
.lowerNews_detail_pagination_next:hover {
  opacity: 0.8;
}

.lowerFaq_link {
  background-color: #000;
}

.lowerFaq_contents_inner {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.6875rem;
}

.lowerFaq_contents_Wrapper {
  border-radius: 3.125rem;
  background-color: #444343;
  padding: 0.5rem 1rem;
  width: fit-content;
}

.lowerFaq_contents_link {
  color: #fff;
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contents_link {
    font-size: 0.9375rem;
  }
}

.lowerFaq_detail {
  background-color: #000;
}

.lowerFaq_entryDetails_body {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.lowerFaq_details[open] .lowerFaq_summary {
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.lowerFaq_details[open] .lowerFaq_q_arrow {
  transform: rotate(180deg);
}

.lowerFaq_summary {
  padding: 0.5rem 0.625rem;
  background: #444343;
  border-radius: 0.3125rem;
  display: flex;
  align-items: center;
  column-gap: 0.3125rem;
}
.lowerFaq_summary::-webkit-details-marker {
  display: none;
}

.lowerFaq_q_mark {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .lowerFaq_q_mark {
    font-size: 1.375rem;
  }
}

.lowerFaq_q_txt {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
  padding-left: 0.40625rem;
  width: calc(100% - 1.25rem - 0.625rem - 0.625rem);
}
@media screen and (min-width: 768px) {
  .lowerFaq_q_txt {
    font-size: 1rem;
  }
}

.lowerFaq_q_arrow {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.lowerFaq_q_arrow img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .lowerFaq_q_arrow {
    font-size: 1.375rem;
  }
}

.lowerFaq_a_txtWrapper {
  display: flex;
  column-gap: 0.3125rem;
  padding: 1rem 0.625rem;
}

.lowerFaq_a_mark {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerFaq_a_mark {
    font-size: 1.375rem;
  }
}

.lowerFaq_a_txt {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
  padding-left: 0.40625rem;
  width: calc(100% - 0.625rem - 0.3125rem);
}
@media screen and (min-width: 768px) {
  .lowerFaq_a_txt {
    font-size: 1rem;
  }
}

.lowerFaq_tournamentDetails_body {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.lowerFaq_venueDetails_body {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.9375rem;
}

.lowerFaq_contact {
  background-color: #000;
}

.lowerFaq_contact_txtWrapper {
  margin-top: 2rem;
}

.lowerFaq_contact_txt {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contact_txt {
    font-size: 1rem;
  }
}

.lowerFaq_contact_container {
  margin-top: 2rem;
}

.lowerFaq_contact_form {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.lowerFaq_contact_form label {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contact_form label {
    font-size: 1rem;
  }
}
.lowerFaq_contact_form label span {
  width: 2rem;
  height: 1.375rem;
  padding: 0.1875rem;
  margin-left: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  border-radius: 0.1875rem;
  background-color: #c43d3d;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contact_form label span {
    font-size: 0.875rem;
  }
}
.lowerFaq_contact_form select {
  margin-top: 0.3125rem;
  display: block;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.3125rem !important;
  border: 1px solid #d9d9d9;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contact_form select {
    font-size: 1rem;
  }
}
.lowerFaq_contact_form input {
  margin-top: 0.3125rem;
  display: block;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.3125rem;
  border: 1px solid #d9d9d9;
  background: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contact_form input {
    font-size: 1rem;
  }
}
.lowerFaq_contact_form textarea {
  margin-top: 0.3125rem;
  display: block;
  width: 100%;
  height: 12.5rem;
  border-radius: 0.3125rem;
  border: 1px solid #d9d9d9;
  background: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerFaq_contact_form textarea {
    font-size: 1rem;
  }
}

input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #fff !important;
  color: fieldtext !important;
}
select option:checked {
  background-color: #fff !important;
}

.contact_submit {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact_submit {
    margin-top: 1.5rem;
  }
}
.contact_submit button {
  display: inline-block;
  background-color: #444343;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.5;
  width: 17.5rem;
  padding-block: 0.78125rem;
}
@media screen and (min-width: 768px) {
  .contact_submit button {
    font-size: 1rem;
  }
}

.lowerAbout_img_wrapper {
  margin-top: 1.75rem;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

@media screen and (min-width: 768px) {
  .lowerAbout_img_wrapper {
    margin-top: 2.5rem;
    flex-direction: row;
    column-gap: 0.625rem;
  }
}

.lowerAbout_img img {
  width: 100%;
  height: auto;
}


.lowerAbout_league_body {
  margin-top: 1.5rem;
}

.lowerAbout_league_detailsWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.lowerAbout_league_details[open] .lowerAbout_league_summary {
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.lowerAbout_league_details[open] .lowerAbout_league_summary_arrow {
  transform: rotate(180deg);
}

.lowerAbout_league_summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  background: #444343;
  border-radius: 0.3125rem;
}
.lowerAbout_league_summary::-webkit-details-marker {
  display: none;
}

.lowerAbout_league_summary_text {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_league_summary_text {
    font-size: 1.375rem;
    letter-spacing: 0.055rem;
  }
}

.lowerAbout_league_summary_arrow {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.lowerAbout_league_summary_arrow img {
  width: 100%;
  height: auto;
}

.lowerAbout_league_lists {
  padding: 1rem 0.625rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 0.625rem;
  flex-wrap: wrap;
}

.lowerAbout_league_link {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .lowerAbout_league_link {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}

.lowerAbout_facility_body {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_body {
    margin-top: 2.5rem;
  }
}

.lowerAbout_facility_areaLink_wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2rem;
  row-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaLink_wrapper {
    column-gap: 0.5rem;
    row-gap: 0.5rem;
  }
}

.lowerAbout_facility_areaLink {
  display: flex;
  align-items: center;
  padding: 0.6875rem 0.75rem;
  column-gap: 0.45rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaLink {
    padding: 0.6875rem;
  }
}

.lowerAbout_facility_areaLink_txt {
  color: #fff;
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaLink_txt {
    font-size: 1.25rem;
  }
}

.lowerAbout_facility_areaLink_arrow {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.lowerAbout_facility_areaLink_arrow img {
  width: 100%;
  height: auto;
}

.lowerAbout_facility_areaDetail_wrapper:nth-of-type(1) {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_wrapper:nth-of-type(1) {
    margin-top: 2.625rem;
  }
}
.lowerAbout_facility_areaDetail_wrapper:nth-of-type(n+2) {
  margin-top: 2.5rem;
}

.lowerAbout_facility_areaDetail_ttl {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_ttl {
    font-size: 1.25rem;
  }
}

.lowerAbout_league_areaDetail_details:first-of-type {
  margin-top: 1.34375rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_league_areaDetail_details:first-of-type {
    margin-top: 1.5rem;
  }
}
.lowerAbout_league_areaDetail_details:nth-of-type(n+2) {
  margin-top: 1rem;
}

.lowerAbout_league_areaDetail_summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 0.625rem;
  background: #444343;
  border-radius: 0.3125rem;
}

.lowerAbout_league_summary_txt {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.45px;
}
@media screen and (min-width: 768px) {
  .lowerAbout_league_summary_txt {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.48;
  }
}

.lowerAbout_league_summary_arrow {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.lowerAbout_league_summary_arrow img {
  width: 100%;
  height: auto;
}

.lowerAbout_league_areaDetail_details[open] .lowerAbout_league_summary_arrow {
  transform: rotate(180deg);
}

.lowerAbout_facility_areaDetail_table {
  flex-direction: column;
  row-gap: 0.625rem;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0.5rem;
  padding-inline: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_table {
    padding-bottom: 0;
  }
}
.lowerAbout_facility_areaDetail_table tr {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-block: 1rem;
  row-gap: 0.5rem;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
}
.lowerAbout_facility_areaDetail_table tr:not(:first-child) {
  margin-top: 0.625rem;
}
.lowerAbout_facility_areaDetail_table th {
  display: block;
  color: #b0b0b0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_table th {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}
.lowerAbout_facility_areaDetail_table td {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_table td {
    font-size: 1rem;
  }
}

.lowerAbout_facility_areaDetail_table tr:nth-of-type(1) td:nth-of-type(2) iframe {
  width:  100%;
  height: 16rem;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_table tr:nth-of-type(1) td:nth-of-type(2) iframe {
    width:  50%;
    height: 24rem;
  }
}

.lowerAbout_facility_areaDetail_link {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration-line: underline;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_link {
    font-size: 1rem;
  }
}

.lowerAbout_facility_areaDetail_league_txt {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_league_txt {
    font-size: 1rem;
  }
}

.lowerAbout_facility_areaDetail_league_link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}

.lowerAbout_facility_areaDetail_league_icon {
  display: grid;
  place-items: center;
  width: 0.5625rem;
  height: 0.5625rem;
}
.lowerAbout_facility_areaDetail_league_icon img {
  width: 100%;
  height: auto;
}

.lowerAbout_facility_areaDetail_img {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .lowerAbout_facility_areaDetail_img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-direction: row;
    column-gap: 1rem;
    row-gap: 1rem;
  }
}

.lowerAbout_facility_areaDetail_img img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

.btn_green {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: #058A62 url(../images/btn_arrow_bgWhteGreen.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_green {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_green:hover {
  background: #fff url(../images/btn_arrow_bgGreenWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
  border: 1px solid #000;
}
.btn_green:hover .btn_link_green {
  color: #058A62;
}

.btn_link_green {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_green {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.nextMatches {
  background-color: #000;
}

.nextMatches_ttl {
  color: #fff;
}

.nextMatches_subttl {
  color: #fff;
}

.nextMatches_group_container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_group_container {
    row-gap: 2.125rem;
  }
}

.nextMatches_group {
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .nextMatches_group {
    border-radius: 0.3125rem;
  }
}

.nextMatches_group_txtWrapper {
  padding-block: 1rem;
  text-align: center;
  background-color: #313131;
}
@media screen and (min-width: 768px) {
  .nextMatches_group_txtWrapper {
    padding-block: 1.03125rem;
  }
}

.nextMatches_group_date {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .nextMatches_group_date {
    font-size: 1rem;
  }
}

.nextMatches_group_facility {
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .nextMatches_group_facility {
    font-size: 1rem;
  }
}

.nextMatches_group_container_body {
  background-color: #fff;
}

.nextMatches_lists {
  border: 1px solid #C7C7C7;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .nextMatches_lists {
    border-radius: 0 0 0.3125rem 0.3125rem;
  }
}

.nextMatches_list {
  display: flex;
  align-items: center;
  text-align: center;
  padding-block: 0.96875rem;
  column-gap: 0.625rem;
  justify-content: center;
}
.nextMatches_list:nth-of-type(n+2) {
  border-top: 1px solid #C7C7C7;
}
@media screen and (min-width: 768px) {
  .nextMatches_list {
    column-gap: 1.5rem;
  }
}

.nextMatches_list_team {
  display: flex;
  align-items: center;
  column-gap: 0.3125rem;
  width: calc((100% - 3.625rem - 1.25rem) / 2);
}
.nextMatches_list_team:nth-of-type(1) {
  justify-content: flex-end;
  text-align: right;
}
.nextMatches_list_team:nth-of-type(2) {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_team {
    column-gap: 1rem;
    width: calc((100% - 5rem - 3rem) / 2);
  }
}

.nextMatches_list_team_name {
  font-size: 0.8125rem;
  font-weight: 500;
  width: calc(100% - 1.875rem - 0.3125rem);
}
@media screen and (min-width: 768px) {
  .nextMatches_list_team_name {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.nextMatches_list_team_logo {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_team_logo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.nextMatches_list_team_logo img {
  width: 100%;
  height: auto;
}

.nextMatches_list_time {
  display: inline-block;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 0.83;
  letter-spacing: 0.05625rem;
  padding: 0.5rem 0.3125rem;
  background-color: #000;
  border-radius: 0.1875rem;
  width: 3.625rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_time {
    width: 5rem;
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}

.nextMatches-pagination {
  margin-top: -0.125rem;
}

.nextMatches-pagination_lists {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 1.5rem;
}

.nextMatches-pagination_lists .page-numbers {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
}
.nextMatches-pagination_lists .page-numbers.current {
  color: #5B5B5B;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .nextMatches-pagination_lists .page-numbers  {
    font-size: 1rem;
  }
}
.nextMatches-pagination_lists .page-numbers:hover {
  opacity: 0.8;
}

.nextMatches-pagination_next,
.nextMatches-pagination_prev {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .nextMatches-pagination_next,
  .nextMatches-pagination_prev {
    font-size: 1rem;
  }
}
.nextMatches-pagination_next:hover,
.nextMatches-pagination_prev:hover {
  opacity: 0.8;
}

.nextMatches_list_btnCont {
  margin-top: 0.5rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_btnCont {
    margin-top: 0;
    text-align: center;
  }
}

.nextMatches_list_btn {
  padding-inline: 1.5rem 3.533125rem;
  padding-block: 0.625rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_btn {
    padding-block: 0.375rem;
  }
}

.nextMatches_list_link {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.035rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_link {
    font-size: 1rem;
  }
}

.nextMatches_list_teamlink {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .nextMatches_list_teamlink {
    column-gap: 1.5rem;
  }
}

.venues {
  background-color: #000;
}

.venues_lists_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 1rem;
  column-gap: 1.08375rem;
}
@media screen and (min-width: 768px) {
  .venues_lists_container {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 1.75rem;
    column-gap: 1.5rem;
  }
}

.venues_list_wrapper {
  background-color: #313131;
  border-radius: 0.625rem;
  padding-block: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .venues_list_wrapper {
    padding-block: 1.5rem;
  }
}

.venues_list_ttl {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .venues_list_ttl {
    font-size: 1.25rem;
  }
}

.venues_lists {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  align-items: center;
}

.venues_list {
  width: 7.5rem;
  height: 2.125rem;
  border-radius: 3.125rem;
  background: #fff url(../images/category_venues_arrow_left.svg) no-repeat center right 1rem;
  background-size: 0.3975rem 0.6870625rem;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .venues_list {
    width: 8.5rem;
    height: 2.5rem;
  }
}
.venues_list:hover {
  opacity: 0.8;
}

.venues_list_link {
  display: grid;
  place-items: center;
  padding-right: 0.875rem;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .venues_list_link {
    font-size: 1rem;
  }
}

.teams {
  background-color: #000;
}

.teams_lists {
  display: flex;
  flex-direction: column;
  row-gap: 0.96875rem;
  align-items: center;
}

.teams_list {
  width: 100%;
  background-color: #fff;
  border-radius: 0.3125rem;
  padding: 0.96875rem 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .teams_list {
    flex-direction: row;
  }
}

.teams_list_ttl {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .teams_list_ttl {
    width: 10rem;
    display: flex;
    align-items: center;
  }
}

.teams_list_icons {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5625rem;
  column-gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .teams_list_icons {
    column-gap: 1rem;
  }
}

.teams_list_icon {
  width: 1.875rem;
  height: 1.875rem;
}
.teams_list_icon img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .teams_list_icon {
    width: 2rem;
    height: 2rem;
  }
}

.teams_list_icon a {
  display: block;
  width: 100%;
  height: auto;
}

.lowerNextMatches {
  background-color: #fff;
}

.lowerNextMatches_ttl {
  color: #000;
}

.lowerNextMatches_subttl {
  color: #000;
}

.lowerNextMatches_group_container {
  display: flex;
  flex-direction: column;
  row-gap: 0.875rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_group_container {
    row-gap: 1.5rem;
  }
}

.lowerNextMatches_group {
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_group {
    border-radius: 0.3125rem;
  }
}

.lowerNextMatches_group_txtWrapper {
  padding-block: 1rem;
  text-align: center;
  background-color: #000;
}

.lowerNextMatches_group_date {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_group_date {
    font-size: 1rem;
  }
}

.lowerNextMatches_group_facility {
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_group_facility {
    font-size: 1rem;
  }
}

.lowerNextMatches_group_container_body {
  background-color: #fff;
}

.lowerNextMatches_lists {
  border: 1px solid #C7C7C7;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_lists {
    border-radius: 0 0 0.3125rem 0.3125rem;
  }
}

.lowerNextMatches_list {
  display: flex;
  align-items: center;
  text-align: center;
  padding-block: 0.96875rem;
  column-gap: 0.625rem;
  justify-content: center;
}

.lowerNextMatches_list:nth-of-type(n+2) {
  border-top: 1px solid #C7C7C7;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_list {
    column-gap: 1.5rem;
  }
}

.lowerNextMatches_list_team {
  display: flex;
  align-items: center;
  width: calc((100% - 3.625rem - 1.25rem) / 2);
  column-gap: 0.3125rem;
}

.lowerNextMatches_list_team_link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  justify-content: center;
  width: 100%;
}

.lowerNextMatches_list_team:nth-of-type(1) {
  justify-content: flex-end;
  text-align: right;
}
.lowerNextMatches_list_team:nth-of-type(2) {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_list_team {
    column-gap: 1rem;
    width: calc((100% - 5rem - 3rem) / 2);
  }
}

.lowerNextMatches_list_team_name {
  color: #000;
  font-size: 0.8125rem;
  font-weight: 500;
  width: calc(100% - 1.875rem - 0.3125rem);
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_list_team_name {
    width: calc(100% - 1.875rem - 1rem);
  }
}

.lowerNextMatches_list_team_logo {
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_list_team_logo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.lowerNextMatches_list_team_logo img {
  display: grid;
  place-items: center;
  width: 100%;
  height: auto;
}

.lowerNextMatches_list_time {
  display: inline-block;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 0.83;
  letter-spacing: 0.05625rem;
  padding: 0.5rem 0.3125rem;
  background-color: #000;
  border-radius: 0.1875rem;
  width: 3.625rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_list_time {
    width: 5rem;
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}

.lowerNextMatches-pagination {
  margin-top: -0.125rem;
}

.lowerNextMatches-pagination_lists {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 1.5rem;
}

.lowerNextMatches-pagination_lists .page-numbers {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
}
.lowerNextMatches-pagination_lists .page-numbers.current {
  color: #5B5B5B;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches-pagination_lists .page-numbers  {
    font-size: 1rem;
  }
}
.lowerNextMatches-pagination_lists .page-numbers:hover {
  opacity: 0.8;
}

.lowerNextMatches-pagination_next,
.lowerNextMatches-pagination_prev {
  color: #000;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches-pagination_next,
  .lowerNextMatches-pagination_prev {
    font-size: 1rem;
  }
}
.lowerNextMatches-pagination_next:hover,
.lowerNextMatches-pagination_prev:hover {
  opacity: 0.8;
}

.lowerNextMatches_list_btnCont {
  text-align: center;
}

.lowerStandings {
  background-color: #fff;
}

.lowerStandings_ttl {
  color: #000;
}

.lowerStandings_subttl {
  color: #000;
}

.lowerStandings_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem 0;
}
@media screen and (min-width: 1280px) {
  .lowerStandings_inner {
    max-width: 73.125rem;
    margin-inline: auto;
    padding-block: 3rem 0;
  }
}

.lowerStandings_tableCont {
  padding-inline: 0.9375rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  .lowerStandings_tableCont {
    padding-inline: 0.9375rem;
  }
}
@media screen and (min-width: 1280px) {
  .lowerStandings_tableCont {
    padding-inline: 0.9375rem;
    max-width: 73.125rem;
    margin-inline: auto;
  }
}

.lowerStandings_table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid #9d9d9d;
  border-left: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
}
@media screen and (min-width: 768px) {
  .lowerStandings_table {
    width: 100%;
    border-radius: 0.3125rem;
  }
}
.lowerStandings_table tr {
  text-align: center;
}
.lowerStandings_table th {
  padding: 1.03125rem 0.75rem;
  color: #fff;
  background-color: #000;
  border-bottom: 1px solid #9d9d9d;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
.lowerStandings_table th:nth-of-type(2) {
  border-right: 1px solid #9d9d9d;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .lowerStandings_table th {
    font-size: 1rem;
  }
}
.lowerStandings_table td {
  vertical-align: middle;
  border-bottom: 1px solid #9d9d9d;
  padding: 0.59375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lowerStandings_table td {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.75rem 0.75rem;
  }
}
.lowerStandings_table td:nth-of-type(2) {
  border-right: 1px solid #9d9d9d;
}
.lowerStandings_table td:nth-of-type(n+3) {
  width: 3.5rem;
}
@media screen and (min-width: 768px) {
  .lowerStandings_table td:nth-of-type(n+3) {
    width: 5.3875rem;
  }
}
@media screen and (min-width: 768px) {
  .lowerStandings_table td:first-of-type {
    width: 4rem;
  }
}

.lowerStandings_table_teamLink {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lowerStandings_table_teamLogo {
  width: 1.875rem;
  height: 1.875rem;
}
.lowerStandings_table_teamLogo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .lowerStandings_table_teamLogo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.lowerStandings_table_teamName {
  font-size: 0.8125rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerStandings_table_teamName {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerRanking {
  background-color: #fff;
}

.lowerRanking_ttl {
  color: #000;
}

.lowerRanking_subttl {
  color: #000;
}

.lowerRanking_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  border-top: 1px solid #9d9d9d;
  border-left: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table {
    width: 100%;
    border-radius: 0.3125rem;
  }
}
.lowerRanking_table th {
  text-align: center;
}
.lowerRanking_table th:nth-of-type(2),
.lowerRanking_table th:nth-of-type(3) {
  text-align: left;
}

.lowerRanking_table th {
  padding: 0.96875rem 0.75rem;
  color: #fff;
  background-color: #000;
  border-bottom: 1px solid #9d9d9d;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table th {
    font-size: 1rem;
  }
}
.lowerRanking_table td {
  vertical-align: middle;
  border-bottom: 1px solid #9d9d9d;
  padding: 0.5625rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table td:first-of-type {
    width: 4rem;
  }
}
.lowerRanking_table td:first-of-type,
.lowerRanking_table td:last-of-type {
  text-align: center;
}
.lowerRanking_table td:nth-of-type(2) {
  width: 7.625rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table td:nth-of-type(2) {
    font-size: 1rem;
    width: auto;
    padding: 0.625rem 0.75rem;
    line-height: 1.5;
  }
}
.lowerRanking_table td:nth-of-type(3) {
  width: 7.625rem;
  padding: 0.625rem 0;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table td:nth-of-type(3) {
    width: auto;
    padding: 0.625rem 0.75rem;
  }
}

.lowerRanking_table_player {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table_player {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerRanking_table_position {
  color: #5B5B5B;
  font-size: 0.8125rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table_position {
    font-size: 0.9375rem;
  }
}

.lowerRanking_table_teamLink {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}

.lowerRanking_table_teamLogo {
  width: 1.875rem;
  height: 1.875rem;
}
.lowerRanking_table_teamLogo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .lowerRanking_table_teamLogo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.lowerRanking_table_teamName {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}


.lowerVenueInfo {
  background-color: #000;
}

.lowerVenueInfo_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem 1.875rem;
}
@media screen and (min-width: 1280px) {
  .lowerVenueInfo_inner {
    max-width: 73.125rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.lowerVenueInfo_ttl {
  color: #fff;
}

.lowerVenueInfo_subttl {
  color: #fff;
}

.lowerVenueInfo_table {
  width: 100%;
}

.venueInfo_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .venueInfo_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.venueInfo_div_ttl_h3Wrapper:nth-of-type(n+2) {
    margin-top: 3rem;
}

.lowerVenueInfo_table tr {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-block: 1.03125rem;
  row-gap: 0.5rem;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
}
.lowerVenueInfo_table tr:nth-of-type(6) {
  row-gap: 0.25rem;
}
.lowerVenueInfo_table th {
  display: block;
  color: #b0b0b0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .lowerVenueInfo_table th {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}
.lowerVenueInfo_table td {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerVenueInfo_table td {
    font-size: 1rem;
  }
}

.lowerVenueInfo_map_link {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .lowerVenueInfo_map_link {
    font-size: 1rem;
  }
}


.lowerVenueInfo_table tr:nth-of-type(2) td:nth-of-type(2) iframe {
  width:  100%;
  height: 16rem;
}
@media screen and (min-width: 768px) {
  .lowerVenueInfo_table tr:nth-of-type(2) td:nth-of-type(2) iframe {
    width:  50%;
    height: 24rem;
  }
}

.lowerVenueInfo_league_link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}

.lowerVenueInfo_league_txt {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .lowerVenueInfo_league_txt {
    font-size: 1rem;
  }
}

.lowerVenueInfo_league_icon {
  display: grid;
  place-items: center;
  width: 0.5625rem;
  height: 0.5625rem;
}
.lowerVenueInfo_league_icon img {
  width: 100%;
  height: auto;
}

.lowerVenueInfo_facility_img {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .lowerVenueInfo_facility_img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-direction: row;
    column-gap: 1rem;
    row-gap: 1rem;
  }
}

.lowerVenueInfo_facility_img img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

.lowerPlan_linkCont {
  padding-top: 2.5rem;
  padding-inline: 1.53125rem;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1280px) {
  .lowerPlan_linkCont {
    padding-top: 3rem;
    padding-inline: 0.9375rem;
    max-width: 73.125rem;
    margin-inline: auto;
  }
}
.lowerPlan_linkCont:hover {
  opacity: 0.8;
}

.lowerPlan_link_text {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .lowerPlan_link_text {
    font-size: 1rem;
  }
}

.lowerPlan_link {
  text-decoration: underline;
}

.lowerResults {
  background-color: #fff;
}

.lowerResults_ttl {
  color: #000;
}

.lowerResults_subttl {
  color: #000;
}

.lowerResults_group_container {
  display: flex;
  flex-direction: column;
  row-gap: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_group_container {
    row-gap: 1.25rem;
  }
}

.lowerResults_group {
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .lowerResults_group {
    border-radius: 0.3125rem;
  }
}

.lowerResults_group_txtWrapper {
  padding-block: 1rem;
  text-align: center;
  background-color: #313131;
}

.lowerResults_group_date {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .lowerResults_group_date {
    font-size: 1rem;
  }
}

.lowerResults_group_facility {
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .lowerResults_group_facility {
    font-size: 1rem;
  }
}

.lowerResults_group_container_body {
  background-color: #fff;
}

.lowerResults_lists {
  border: 1px solid #C7C7C7;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .lowerResults_lists {
    border-radius: 0 0 0.3125rem 0.3125rem;
  }
}

.lowerResults_list {
  text-align: center;
  padding-block: 0.96875rem;
}
.lowerResults_list:nth-of-type(n+2) {
  border-top: 1px solid #C7C7C7;
}

.lowerResults_list_link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .lowerResults_list_link {
    column-gap: 1.5rem;
  }
}

.lowerResults_list_team {
  display: inline-flex;
  align-items: center;
  column-gap: 0.3125rem;
  justify-content: flex-end;
  width: calc((100% - 3.625rem - 1.25rem) / 2);
  text-align: right;
}
.lowerResults_list_team:last-of-type {
  flex-direction: row-reverse;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .lowerResults_list_team {
    column-gap: 1rem;
  }
}

.lowerResults_list_team_name {
  font-size: 0.8125rem;
  font-weight: 500;
  width: calc(100% - 1.875rem - 0.3125rem);
}
@media screen and (min-width: 768px) {
  .lowerResults_list_team_name {
    width: calc(100% - 2.875rem);
  }
}

.lowerResults_list_team_logo {
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_list_team_logo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.lowerResults_list_team_logo img {
  display: grid;
  place-items: center;
  width: 100%;
  height: auto;
}

.lowerResults_list_middle {
  padding: 0.5rem 0.3125rem;
  background-color: #000;
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.83;
  letter-spacing: 0.05625rem;
  width: 3.625rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_list_middle {
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
    width: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .lowerResults-pagination {
    margin-top: 0.25rem;
  }
}

.lowerResults-pagination_lists {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 1.5rem;
}

.lowerResults-pagination_lists .page-numbers {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
  transition: opacity 0.3s;
}
.lowerResults-pagination_lists .page-numbers.current {
  color: #5B5B5B;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .lowerResults-pagination_lists .page-numbers {
    font-size: 1rem;
  }
}
.lowerResults-pagination_lists .page-numbers:hover {
  opacity: 0.8;
}

.lowerResults-pagination_next,
.lowerResults-pagination_prev {
  color: #000;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .lowerResults-pagination_next,
  .lowerResults-pagination_prev {
    font-size: 1rem;
  }
}
.lowerResults-pagination_next:hover,
.lowerResults-pagination_prev:hover {
  opacity: 0.8;
}

.lowerResult_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem;
}
@media screen and (min-width: 1280px) {
  .lowerResult_inner {
    max-width: 57.875rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.lowerResult_venueCont {
  background-color: #eeeeee;
  border-radius: 0.3125rem;
  padding: 0.625rem 1.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_venueCont {
    flex-direction: row;
    column-gap: 0.625rem;
    justify-content: center;
    align-items: center;
  }
}

.lowerResult_date_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
}

.lowerResult_date_img {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
}
.lowerResult_date_img img {
  width: 100%;
  height: auto;
}

.lowerResult_date_txt {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0175rem;
}

.lowerResult_venue_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
}

.lowerResult_venue_img {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
}
.lowerResult_venue_img img {
  width: 100%;
  height: auto;
}

.lowerResult_venue_txt {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0175rem;
}

.lowerResult_body {
  margin-top: 2.125rem;
}

.lowerResult_scoreCont {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_scoreCont {
    column-gap: 2rem;
  }
}

.lowerResult_team {
  text-align: center;
}

.lowerResult_team_logo {
  width: 6.25rem;
  height: auto;
}
.lowerResult_team_logo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .lowerResult_team_logo {
    width: 9.375rem;
  }
}

.lowerResult_team_name {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0175rem;
}

.lowerResult_scoreboard {
  display: flex;
  background-color: #000;
  column-gap: 0.625rem;
  padding: 0.1875rem 0.75rem;
  border-radius: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_scoreboard {
    padding: 0.5rem 2.5625rem;
  }
}

.lowerResult_score {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.5rem;
  line-height: 1.1;
  letter-spacing: 0.25rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_score {
    font-size: 3.125rem;
    letter-spacing: 0.3125rem;
  }
}

.lowerResult_score_hyphen {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.5rem;
  line-height: 1.1;
  letter-spacing: 0.25rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_score_hyphen {
    font-size: 3.125rem;
    letter-spacing: 0.3125rem;
  }
}

.lowerResult_scoreDetail {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_scoreDetail {
    margin-top: 3.625rem;
  }
}

.lowerResult_scoreDetail_txt {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_scoreDetail_txt {
    font-size: 1rem;
  }
}

.lowerResult_score_tableCont {
  margin-top: 1.5rem;
}

.lowerResult_score_table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.3125rem;
  overflow: hidden;
  width: 100%;
  border: 1px solid #c7c7c7;
}
.lowerResult_score_table tr:nth-of-type(2) td {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}
.lowerResult_score_table th {
  background-color: #000;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  padding: 1rem 0.75rem;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .lowerResult_score_table th {
    font-size: 1rem;
  }
}

.lowerResult_score_table th:first-of-type {
  text-align: left;
}

.lowerResult_score_table td {
  padding: 0.59375rem 0.75rem;
}
.lowerResult_score_table td:first-of-type {
  white-space: wrap;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0175rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_score_table td:first-of-type {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.lowerResult_score_table td:nth-of-type(n+2) {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .lowerResult_score_table td:nth-of-type(n+2) {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerResult_playerInfo_tableCont {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_playerInfo_tableCont {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    align-items: flex-start; /* 追加：高さ揃え解除 */
  }
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_tableCont {
    display: flex;
    column-gap: 1rem;
    flex-direction: row;
    align-items: flex-start; /* 追加：高さ揃え解除 */
  }
}

.lowerResult_playerInfo_table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.3125rem;
  overflow: hidden;
  width: 100%;
  border: 1px solid #c7c7c7;
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_table {
    width: calc((100% - 2rem - 19.5rem) / 2);
  }
}
.lowerResult_playerInfo_table th {
  background-color: #000;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  padding: 1rem 0.75rem;
  border-bottom: 1px solid #C7C7C7;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  vertical-align: middle;
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_table th {
    font-size: 1rem;
  }
}
.lowerResult_playerInfo_table tr:not(:last-of-type) td {
  border-bottom: 1px solid #C7C7C7;
}
.lowerResult_playerInfo_table td {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  padding-block: 0.675rem;
  white-space: nowrap;
  vertical-align: middle;
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_table td {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.lowerResult_playerInfo_table td:first-of-type {
  padding-inline: 0.5rem 0.3125rem;
}
.lowerResult_playerInfo_table td:nth-of-type(2) {
  white-space: wrap;
  padding-inline: 0.5rem;
}
.lowerResult_playerInfo_table td:nth-of-type(3) {
  padding-inline: 0.5rem;
  width: 50%;
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_table td:nth-of-type(3) {
    width: 37.1428571429%;
  }
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_table:nth-of-type(1) {
    order: 1;
  }
}
.lowerResult_playerInfo_table:nth-of-type(2) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerResult_playerInfo_table:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .lowerResult_playerInfo_table:nth-of-type(2) {
    order: 3;
  }
}

.lowerResult_playerInfo_table_playerLink {
  transition: opacity 0.3s;
}
.lowerResult_playerInfo_table_playerLink:hover {
  opacity: 0.8;
}

.lowerResult_playerInfo_table_playerName {
  font-size: 0.875rem;
  font-weight: 500;
}

.lowerResult_playerInfo_table_playerPosition {
  color: #5B5B5B;
  font-size: 0.8125rem;
  font-weight: 500;
}

.lowerResult_playerInfo_table_contentWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.lowerResult_playerInfo_table_goal {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
}

.lowerResult_playerInfo_table_goalIcon {
  display: grid;
  place-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
}
.lowerResult_playerInfo_table_goalIcon img {
  width: 100%;
  height: auto;
}

.lowerResult_playerInfo_table_goalTex {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}

.lowerResult_playerInfo_table_card {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
}

.lowerResult_playerInfo_table_cardIcon {
  display: grid;
  place-items: center;
  width: 0.9375rem;
  height: 0.9375rem;
}
.lowerResult_playerInfo_table_cardIcon img {
  width: 100%;
  height: auto;
}

.lowerResult_playerInfo_table_cardTex {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}

.rowerResult_graphCont {
  margin-top: 1.875rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 1.125rem;
}
@media screen and (min-width: 768px) {
  .rowerResult_graphCont {
    grid-column: 1/3;
    grid-row: 2/3;
    row-gap: 0.625rem;
  }
}
@media screen and (min-width: 1280px) {
  .rowerResult_graphCont {
    margin-top: 0;
    order: 2;
    width: 19.5rem;
  }
}

.rowerResult_graphCont_head {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01875rem;
}
@media screen and (min-width: 768px) {
  .rowerResult_graphCont_head {
    font-size: 1.125rem;
    letter-spacing: 0.0225rem;
  }
}

.rowerResult_graphCont_body {
  margin-top: 0.125rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .rowerResult_graphCont_body {
    margin-top: 0.5625rem;
  }
}

.rowerResult_graphCont_left,
.rowerResult_graphCont_right {
  padding: 0.5rem 0.625rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.035rem;
  width: 2.5rem;
}

.rowerResult_graphCont_wrap {
  flex: 1;
  border: 1px solid #C7C7C7;
  height: 2rem;
}

.rowerResult_graphCont_graph {
  height: 100%;
  background: #000;
}

.rowerResult_graphCont_graph { height: 100%; background: #3ca39c; transition: width 0.3s; }
/* 1%刻みで幅を指定 */
/* 0%～100%まで */
.is-rate-0   { width: 0%; }
.is-rate-1   { width: 1%; }
.is-rate-2   { width: 2%; }
.is-rate-3   { width: 3%; }
.is-rate-4   { width: 4%; }
.is-rate-5   { width: 5%; }
.is-rate-6   { width: 6%; }
.is-rate-7   { width: 7%; }
.is-rate-8   { width: 8%; }
.is-rate-9   { width: 9%; }
.is-rate-10  { width: 10%; }
.is-rate-11  { width: 11%; }
.is-rate-12  { width: 12%; }
.is-rate-13  { width: 13%; }
.is-rate-14  { width: 14%; }
.is-rate-15  { width: 15%; }
.is-rate-16  { width: 16%; }
.is-rate-17  { width: 17%; }
.is-rate-18  { width: 18%; }
.is-rate-19  { width: 19%; }
.is-rate-20  { width: 20%; }
.is-rate-21  { width: 21%; }
.is-rate-22  { width: 22%; }
.is-rate-23  { width: 23%; }
.is-rate-24  { width: 24%; }
.is-rate-25  { width: 25%; }
.is-rate-26  { width: 26%; }
.is-rate-27  { width: 27%; }
.is-rate-28  { width: 28%; }
.is-rate-29  { width: 29%; }
.is-rate-30  { width: 30%; }
.is-rate-31  { width: 31%; }
.is-rate-32  { width: 32%; }
.is-rate-33  { width: 33%; }
.is-rate-34  { width: 34%; }
.is-rate-35  { width: 35%; }
.is-rate-36  { width: 36%; }
.is-rate-37  { width: 37%; }
.is-rate-38  { width: 38%; }
.is-rate-39  { width: 39%; }
.is-rate-40  { width: 40%; }
.is-rate-41  { width: 41%; }
.is-rate-42  { width: 42%; }
.is-rate-43  { width: 43%; }
.is-rate-44  { width: 44%; }
.is-rate-45  { width: 45%; }
.is-rate-46  { width: 46%; }
.is-rate-47  { width: 47%; }
.is-rate-48  { width: 48%; }
.is-rate-49  { width: 49%; }
.is-rate-50  { width: 50%; }
.is-rate-51  { width: 51%; }
.is-rate-52  { width: 52%; }
.is-rate-53  { width: 53%; }
.is-rate-54  { width: 54%; }
.is-rate-55  { width: 55%; }
.is-rate-56  { width: 56%; }
.is-rate-57  { width: 57%; }
.is-rate-58  { width: 58%; }
.is-rate-59  { width: 59%; }
.is-rate-60  { width: 60%; }
.is-rate-61  { width: 61%; }
.is-rate-62  { width: 62%; }
.is-rate-63  { width: 63%; }
.is-rate-64  { width: 64%; }
.is-rate-65  { width: 65%; }
.is-rate-66  { width: 66%; }
.is-rate-67  { width: 67%; }
.is-rate-68  { width: 68%; }
.is-rate-69  { width: 69%; }
.is-rate-70  { width: 70%; }
.is-rate-71  { width: 71%; }
.is-rate-72  { width: 72%; }
.is-rate-73  { width: 73%; }
.is-rate-74  { width: 74%; }
.is-rate-75  { width: 75%; }
.is-rate-76  { width: 76%; }
.is-rate-77  { width: 77%; }
.is-rate-78  { width: 78%; }
.is-rate-79  { width: 79%; }
.is-rate-80  { width: 80%; }
.is-rate-81  { width: 81%; }
.is-rate-82  { width: 82%; }
.is-rate-83  { width: 83%; }
.is-rate-84  { width: 84%; }
.is-rate-85  { width: 85%; }
.is-rate-86  { width: 86%; }
.is-rate-87  { width: 87%; }
.is-rate-88  { width: 88%; }
.is-rate-89  { width: 89%; }
.is-rate-90  { width: 90%; }
.is-rate-91  { width: 91%; }
.is-rate-92  { width: 92%; }
.is-rate-93  { width: 93%; }
.is-rate-94  { width: 94%; }
.is-rate-95  { width: 95%; }
.is-rate-96  { width: 96%; }
.is-rate-97  { width: 97%; }
.is-rate-98  { width: 98%; }
.is-rate-99  { width: 99%; }
.is-rate-100 { width: 100%; }

.lowerTeam {
  background-color: #fff;
}

.lowerTeam_inner {
  padding-top: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 1280px) {
  .lowerTeam_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerTeam_cont {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-content: center;
  column-gap: 1.465rem;
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_cont {
    row-gap: 0.75rem;
    column-gap: 1.465rem;
    grid-template-columns: 1fr auto;
  }
}

.LowerTeam_name_total {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.025rem;
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: flex-end;
}
@media screen and (min-width: 768px) {
  .LowerTeam_name_total {
    font-size: 1.875rem;
    letter-spacing: 0.0375rem;
  }
}

.LowerTeam_name_abbr {
  color: #5B5B5B;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0175rem;
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .LowerTeam_name_abbr {
    font-size: 1.125rem;
    letter-spacing: 0.0225rem;
  }
}

.LowerTeam_logo {
  grid-column: 2/3;
  grid-row: 1/3;
  width: 4.6875rem;
  height: 4.6875rem;
  align-self: center;
}
.LowerTeam_logo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .LowerTeam_logo {
    width: 9.375rem;
    height: 9.375rem;
  }
}

.lowerTeamDetail_inner {
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeamDetail_inner {
    display: grid;
    grid-template-columns: 44.6428571429% 1fr;
    column-gap: 1.75rem;
    row-gap: 3.25rem;
  }
}
@media screen and (min-width: 1280px) {
  .lowerTeamDetail_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .lowerTeam_record_container {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

.lowerTeam_record_ttl_jp_h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #000;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerTeam_record_body {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_body {
    margin-top: 2rem;
  }
}

.lowerTeam_record_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  border-top: 1px solid #9d9d9d;
  border-left: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table {
    border-radius: 0.3125rem;
  }
}
.lowerTeam_record_table th {
  padding: 1rem 0.75rem;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  border-bottom: 1px solid #9d9d9d;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table th {
    font-size: 1.125rem;
    line-height: 1.3;
    padding: 0.9375rem 0.75rem;
  }
}

.lowerTeam_record_table th:nth-of-type(2) {
  text-align: left;
}

.lowerTeam_record_table td {
  padding: 0.59375rem 0.75rem;
  border-bottom: 1px solid #9d9d9d;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table td {
    padding: 0.84375rem 0.75rem;
  }
}
.lowerTeam_record_table td:first-of-type {
  color: #696969;
  font-size: 0.875rem;
  font-weight: 500;
  width: 3.75rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table td:first-of-type {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.9375rem 0.75rem;
    text-align: center;
  }
}
.lowerTeam_record_table .is_open td {
  color: #000;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table .is_open td {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.lowerTeam_record_table .is_open .lowerTeam_record_table_name {
  color: #000;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table .is_open .lowerTeam_record_table_name {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerTeam_record_table_teamDetail {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}

.lowerTeam_record_table_teamImg {
  width: 1.875rem;
  height: 1.875rem;
}
.lowerTeam_record_table_teamImg img {
  width: 100%;
  height: auto;
}

.lowerTeam_record_table_name {
  color: #696969;
  font-size: 0.875rem;
  font-weight: 500;
  width: calc(100% - 0.5rem - 1.875rem);
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_table_name {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  .lowerTeam_player_container {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

.lowerTeam_player_ttl_jp_h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #000;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_player_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerTeam_player_body {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_player_body {
    margin-top: 2rem;
  }
}

.lowerTeam_player_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  border-top: 1px solid #9d9d9d;
  border-left: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
}
.lowerTeam_player_table th {
  padding: 1rem 0.5rem;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  border-bottom: 1px solid #9d9d9d;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .lowerTeam_player_table th {
    font-size: 1rem;
  }
}

.lowerTeam_player_table th:nth-of-type(2) {
  text-align: left;
}

.lowerTeam_player_table td {
  padding: 0.675rem 0.5rem;
  vertical-align: middle;
  border-bottom: 1px solid #9d9d9d;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.lowerTeam_player_table td:first-of-type {
  width: 3.75rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_player_table td:first-of-type {
  }
}
@media screen and (min-width: 768px) {
  .lowerTeam_player_table td {
    font-size: 1rem;
    padding: 0.5rem 0.5rem;
  }
}

.lowerTeam_player_table td:nth-of-type(2) {
  text-align: left;
}


.lowerTeam_player_table_nameLink {
  transition: opacity 0.3s;
}
.lowerTeam_player_table_nameLink:hover {
  opacity: 0.8;
}

.lowerTeam_play_table_name {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerTeam_play_table_name {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerTeam_play_table_position {
  color: #5B5B5B;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerTeam_play_table_position {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerTeam_NextMatches_inner {
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_NextMatches_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerTeam_Results_inner {
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_Results_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerTeam_past_inner {
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_past_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerTeam_past_container {
  grid-column: 1/3;
  grid-row: 3/4;
}

.lowerTeam_past_ttl_jp_h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #000;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_past_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerTeam_past_body {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_past_body {
    margin-top: 1.75rem;
  }
}

.lowerTeam_past_lists {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 1rem;
  row-gap: 1rem;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .lowerTeam_past_lists {
    grid-template-columns: repeat(5, auto);
    column-gap: 0.5rem;
  }
}

.lowerTeam_past_list {
  background-color: #000;
  padding-block: 0.75rem;
  border-radius: 0.3125rem;
  text-align: center;
  width: 10.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_past_list {
    padding-block: 0.78125rem;
  }
}

.lowerTeam_past_link {
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.0175rem;
  transition: opacity 0.3s;
}
.lowerTeam_past_link:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .lowerTeam_past_link {
    font-size: 0.9375rem;
    letter-spacing: 0.028125rem;
    line-height: 1.5;
  }
}

.lowerTeam_record_inner {
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .lowerTeam_record_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerTable_record_ttl_jp_h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #000;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerTable_record_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerPlayer_container {
  padding-top: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 1280px) {
  .lowerPlayer_container {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerPlayer_heading {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  column-gap: 1rem;
  row-gap: 0.125rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_heading {
    grid-template-columns: 17.5rem 1fr;
    column-gap: 2rem;
    row-gap: 0;
  }
}

.lowerPlayer_img {
  grid-column: 1/2;
  grid-row: 1/4;
  width: 7.5rem;
  height: 7.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_img {
    width: 17.5rem;
    height: 17.5rem;
    grid-column: 1/2;
    grid-row: 1/4;
  }
}
.lowerPlayer_img img {
  width: 100%;
  height: auto;
}

.lower_player_num {
  padding-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lower_player_num {
    padding-right: 0.375rem;
  }
}

.lowerPlayer_position {
  grid-column: 2/3;
  grid-row: 1/2;
  height: fit-content;
  color: #5b5b5b;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_position {
    font-size: 1.75rem;
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

.lowerPlayer_name {
  grid-column: 2/3;
  grid-row: 2/3;
  height: fit-content;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_name {
    font-size: 1.875rem;
    letter-spacing: 0.0375rem;
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

.lowerPlayer_table {
  margin-block: 1.625rem;
  width: 100%;
  grid-column: 1/3;
  grid-row: 4/5;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_table {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 0;
  }
}
.lowerPlayer_table tr {
  display: block;
  width: 100%;
  border-bottom: 1px solid #eae3e3;
}
.lowerPlayer_table tr:first-of-type {
  border-top: 1px solid #eae3e3;
}
.lowerPlayer_table th {
  text-align: left;
  width: 6rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_table th {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.lowerPlayer_table td {
  padding-left: 2rem;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_table td {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.lowerPlayer_table td,
.lowerPlayer_table th {
  padding-block: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_table td,
  .lowerPlayer_table th {
    padding-block: 0.1875rem;
  }
}

.lowerPlayer_team_wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 0.625rem;
  align-items: center;
}

.lowerPlayer_team_img {
  width: 2.1875rem;
  height: 2.1875rem;
}
.lowerPlayer_team_img img {
  width: 100%;
  height: auto;
}

.lowerPlayer_team_name {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.028125rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_team_name {
    font-size: 1rem;
  }
}

.lowerPlayer_team_name_abbr {
  color: #5b5b5b;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_team_name_abbr {
    font-size: 0.9375rem;
    line-height: 1.5;
    letter-spacing: 0.028125rem;
  }
}

.lowerPlayer_record_inner {
  padding-top: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 1280px) {
  .lowerPlayer_record_inner {
    padding-top: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerPlayer_record_ttl_jp_h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #000;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerPlayer_record_body {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_body {
    margin-top: 2rem;
  }
}

.lowerPlayer_record_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_table {
    border-radius: 0.3125rem;
  }
}
.lowerPlayer_record_table tr:first-of-type th {
  background-color: #000;
  padding: 1.03125rem 0.5rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_table tr:first-of-type th {
    font-size: 1rem;
  }
}
.lowerPlayer_record_table tr:first-of-type th:first-of-type {
  text-align: left;
  padding-inline: 2.5rem 0.5rem;
  width: 5.125rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_table tr:first-of-type th:first-of-type {
    width: 11.25rem;
  }
}
.lowerPlayer_record_table tr td:first-of-type {
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  padding-block: 0.875rem;
  padding-inline: 2.5rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_table tr td:first-of-type {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.lowerPlayer_record_table th,
.lowerPlayer_record_table td {
  text-align: center;
  border-bottom: 1px solid #9d9d9d;
}
.lowerPlayer_record_table td {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.875rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_record_table td {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerPlayer_record_table tr:nth-child(n+2) td:first-of-type{
  border-left: 1px solid #9d9d9d;
}

.lowerPlayer_record_table tr:nth-child(n+2) td:last-of-type{
  border-right: 1px solid #9d9d9d;
}

/* 最後の行の角丸対応 */
.lowerPlayer_record_table tr:last-child td:first-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom: 1px solid #9d9d9d;
}

.lowerPlayer_record_table tr:last-child td:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom: 1px solid #9d9d9d;
}

.lowerPlayer_record_table tr:last-child td {
  border-bottom: 1px solid #9d9d9d;
}

/* ヘッダーの角丸も確実に設定 */
.lowerPlayer_record_table tr:first-child th:first-child {
  border-top-left-radius: 0.25rem;
}

.lowerPlayer_record_table tr:first-child th:last-child {
  border-top-right-radius: 0.25rem;
}

.lowerPlayer_record_table th:nth-of-type(2) {
  text-align: left;
}

.lowerPlayer_record_table tr:nth-of-type(2) td:nth-of-type(2) {
  text-align: left;
}

.sp-template {
  margin: 0;
}

.sp-table-caption {
  display: none;
}

.sp-player-statistics {
  border-radius: 0.25rem;
}
@media screen and (min-width: 768px) {
  .sp-player-statistics {
    border-radius: 0.3125rem;
  }
}

.sp-data-table  {
  background-color: #fff !important;
  border: none;
}

.sp-highlight {
  background-color: #fff !important;
}


.lowerPlayer_game_inner {
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 1280px) {
  .lowerPlayer_game_inner {
    padding-block: 3rem;
    max-width: 57.875rem;
    margin-inline: auto;
  }
}

.lowerPlayer_game_ttl_jp_h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-left: 0.1875rem solid #000;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_ttl_jp_h2 {
    font-size: 1.625rem;
    letter-spacing: 0.065rem;
  }
}

.lowerPlayer_game_body {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_body {
    margin-top: 2rem;
  }
}

.lowerPlayer_game_Wrappers {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}

.lowerPlayer_game_wrapper {
  border-radius: 0.25rem;
  overflow: hidden;
  text-align: center;
  border: 1px solid #c7c7c7;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_wrapper {
    border-radius: 0.3125rem;
  }
}

.lowerPlayer_game_head {
  background-color: #000;
  padding: 1rem 0.5rem;
}

.lowerPlayer_game_txt {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_txt {
    font-size: 1rem;
  }
}

.lowerPlayer_game_list {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.625rem;
  padding-block: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_list {
    column-gap: 1.5rem;
  }
}

.lowerPlayer_game_list_team {
  flex: 1;
  display: inline-flex;
  align-items: center;
  column-gap: 0.3125rem;
  justify-content: flex-end;
}
.lowerPlayer_game_list_team:last-of-type {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_list_team {
    column-gap: 1rem;
  }
}

.lowerPlayer_game_list_team_name {
  font-size: 0.8125rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_list_team_name {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.lowerPlayer_game_list_team_logo {
  width: 1.875rem;
  height: 1.875rem;
}
.lowerPlayer_game_list_team_logo img {
  width: 100%;
  height: auto;
}

.lowerPlayer_game_list_middle {
  padding: 0.5rem 0.3125rem;
  background-color: #000;
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.83;
  letter-spacing: 0.05625rem;
  width: 3.625rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game_list_middle {
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
    width: 5rem;
  }
}

.lowerPlayer_game-pagination {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game-pagination {
    margin-top: 1.5rem;
  }
}

.lowerPlayer_game-pagination_lists {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 1.5rem;
}

.lowerPlayer_game-pagination_num {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
}
.lowerPlayer_game-pagination_num[aria-current=page] {
  color: #5b5b5b;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game-pagination_num {
    font-size: 1rem;
  }
}

.lowerPlayer_game-pagination_next,
.lowerPlayer_game-pagination_prev {
  color: #000;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
}
@media screen and (min-width: 768px) {
  .lowerPlayer_game-pagination_next,
  .lowerPlayer_game-pagination_prev {
    font-size: 1rem;
  }
}

.btn_red {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: #F00 url(../images/btn_arrow_bgWhiteRed.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_red {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_red:hover {
  background: #fff url(../images/btn_arrow_bgRedWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
}
.btn_red:hover .btn_link_red {
  color: #F00;
}

.btn_link_red {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_red {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.btn_blue {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: #5268AF url(../images/btn_arrow_bgWhiteBlue.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_blue {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_blue:hover {
  background: #fff url(../images/btn_arrow_bgBlueWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
}
.btn_blue:hover .btn_link_blue {
  color: #5268AF;
}

.btn_link_blue {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_blue {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.btn_darkblue {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: 	#254299 url(../images/btn_arrow_bgWhiteDarkblue.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_darkblue {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_darkblue:hover {
  background: #fff url(../images/btn_arrow_bgDarkblueWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
}
.btn_darkblue:hover .btn_link_darkblue {
  color: 	#254299;
}

.btn_link_darkblue {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_darkblue {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.btn_gray {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: 	#5E5E5E url(../images/btn_arrow_bgWhiteGray.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_gray {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_gray:hover {
  background: #fff url(../images/btn_arrow_bgGrayWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
}
.btn_gray:hover .btn_link_gray {
  color: 	#5E5E5E;
}

.btn_link_gray {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_gray {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.results {
  background-color: #000;
}

.results_ttl {
  color: #fff;
}

.results_subttl {
  color: #fff;
}

.results_group_container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .results_group_container {
    row-gap: 2rem;
  }
}

.results_group {
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .results_group {
    border-radius: 0.3125rem;
  }
}

.results_group_txtWrapper {
  padding-block: 1rem;
  text-align: center;
  background-color: #313131;
}

.results_group_date {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .results_group_date {
    font-size: 1rem;
  }
}

.results_group_facility {
  margin-top: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .results_group_facility {
    font-size: 1rem;
  }
}

.results_group_container_body {
  background-color: #fff;
}

.results_lists {
  border: 1px solid #C7C7C7;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .results_lists {
    border-radius: 0 0 0.3125rem 0.3125rem;
  }
}

.results_list {
  text-align: center;
  padding-block: 0.96875rem;
  column-gap: 0.625rem;
  justify-content: center;
}
.results_list:nth-of-type(n+2) {
  border-top: 1px solid #C7C7C7;
}
@media screen and (min-width: 768px) {
  .results_list {
    column-gap: 1.5rem;
  }
}

.results_list_link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .results_list_link {
    column-gap: 1.5rem;
  }
}


.results_list_team {
  display: flex;
  align-items: center;
  width: calc((100% - 3.625rem - 1.25rem) / 2);
  column-gap: 0.3125rem;
}
.results_list_team:nth-of-type(1) {
  justify-content: flex-end;
  flex-direction: row;
  text-align: right;
}
.results_list_team:last-of-type {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .results_list_team {
    column-gap: 1rem;
    width: calc((100% - 5rem - 3rem) / 2);
  }
}

.results_list_team_name {
  color: #000;
  font-size: 0.8125rem;
  font-weight: 500;
  width: calc(100% - 1.875rem - 0.3125rem);
}
@media screen and (min-width: 768px) {
  .results_list_team_name {
    width: calc(100% - 1.875rem - 1rem);
  }
}

.results_list_team_logo {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (min-width: 768px) {
  .results_list_team_logo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.results_list_team_logo img {
  width: 100%;
  height: auto;
}

.results_list_middle {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 0.83;
  letter-spacing: 0.05625rem;
  padding: 0.5rem 0.3125rem;
  background-color: #000;
  border-radius: 0.1875rem;
  width: 3.625rem;
}
@media screen and (min-width: 768px) {
  .results_list_middle {
    width: 5rem;
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}

.results-pagination_lists {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 1.5rem;
}

.results-pagination_num {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
}
.results-pagination_num[aria-current=page] {
  color: #5B5B5B;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .results-pagination_num {
    font-size: 1rem;
  }
}

.results-pagination_next,
.results-pagination_prev {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
}
@media screen and (min-width: 768px) {
  .results-pagination_next,
  .results-pagination_prev {
    font-size: 1rem;
  }
}

.standings {
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .standings {
    padding-block: 3rem;
  }
}

.standings_ttl {
  color: #fff;
}

.standings_subttl {
  color: #fff;
}

.standings_inner {
  padding-inline: 0.9375rem 0;
  padding-block: 2.5rem;
}
@media screen and (min-width: 768px) {
  .standings_inner {
    padding-inline: 0.9375rem;
  }
}
@media screen and (min-width: 1280px) {
  .standings_inner {
    max-width: 73.125rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.standings_tableCont {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  .standings_tableCont {
    overflow: hidden;
  }
}

.standings_table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .standings_table {
    width: 100%;
    border-radius: 0.3125rem;
  }
}
.standings_table tr {
  text-align: center;
}
.standings_table th {
  padding: 1.03125rem 0.75rem;
  color: #fff;
  background-color: #313131;
  border-bottom: 1px solid #9d9d9d;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
}
.standings_table th:nth-of-type(2) {
  border-right: 1px solid #9d9d9d;
  text-align: left;
}
.standings_table td {
  background-color: #fff;
  vertical-align: middle;
  border-bottom: 1px solid #9d9d9d;
  padding: 0.59375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}
.standings_table td:nth-of-type(2) {
  border-right: 1px solid #9d9d9d;
}
.standings_table tr:last-of-type td {
  border-bottom: none;
}

.standings_table_team a{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.standings_table_teamLogo {
  width: 1.875rem;
  height: 1.875rem;
}
.standings_table_teamLogo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .standings_table_teamLogo {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.standings_table_teamName {
  font-size: 0.8125rem;
  font-weight: 500;
}

.ranking {
  background-color: #000;
}

.ranking_ttl {
  color: #fff;
}

.ranking_subttl {
  color: #fff;
}

.ranking_table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ranking_table {
    width: 100%;
    border-radius: 0.3125rem;
  }
}
.ranking_table tr {
  text-align: center;
}
.ranking_table th {
  padding: 1.03125rem 0.75rem;
  color: #fff;
  background-color: #313131;
  border-bottom: 1px solid #9d9d9d;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
}

.ranking_table th:nth-of-type(2),
.ranking_table th:nth-of-type(3) {
  text-align: left;
}

.ranking_table td {
  background-color: #fff;
  vertical-align: middle;
  border-bottom: 1px solid #9d9d9d;
  padding: 0.5125rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ranking_table td {
    padding: 1.0625rem 0.75rem;
  }
}
.ranking_table td:nth-of-type(1) {
  width: 3.25rem;
}
@media screen and (min-width: 768px) {
  .ranking_table td:nth-of-type(2) {
    width: auto;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .ranking_table td:nth-of-type(3) {
    width: auto;
    padding: 0.625rem 0.75rem;
  }
}
.ranking_table tr:last-of-type td {
  border-bottom: none;
}

.ranking_table_player {
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .ranking_table_player {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.ranking_table_position {
  color: #5B5B5B;
  font-size: 0.8125rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .ranking_table_position {
    font-size: 0.9375rem;
  }
}

.ranking_table_team a {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}

.ranking_table_teamLogo {
  width: 1.875rem;
  height: 1.875rem;
}
.ranking_table_teamLogo img {
  width: 100%;
  height: auto;
}

.ranking_table_teamName {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

.venueInfo {
  background-color: #000;
}

.venueInfo_inner {
  padding-inline: 0.9375rem;
  padding-block: 2.5rem 1.875rem;
}
@media screen and (min-width: 1280px) {
  .venueInfo_inner {
    max-width: 73.125rem;
    margin-inline: auto;
    padding-block: 3rem;
  }
}

.venueInfo_ttl {
  color: #fff;
}

.venueInfo_subttl {
  color: #fff;
}

.venueInfo_table {
  width: 100%;
}
.venueInfo_table tr {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-block: 1.03125rem;
  row-gap: 0.5rem;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
}
.venueInfo_table th {
  display: block;
  color: #b0b0b0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .venueInfo_table th {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}
.venueInfo_table td {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .venueInfo_table td {
    font-size: 1rem;
  }
}

.venueInfo_table tr:nth-of-type(2) td:nth-of-type(2) iframe {
  width:  100%;
  height: 16rem;
}
@media screen and (min-width: 768px) {
  .venueInfo_table tr:nth-of-type(2) td:nth-of-type(2) iframe {
    width:  50%;
    height: 24rem;
  }
}

.venueInfo_map_link {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .venueInfo_map_link {
    font-size: 1rem;
  }
}

.venueInfo_league_link {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}

.venueInfo_league_txt {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .venueInfo_league_txt {
    font-size: 1rem;
  }
}

.venueInfo_league_icon {
  display: grid;
  place-items: center;
  width: 0.5625rem;
  height: 0.5625rem;
}
.venueInfo_league_icon img {
  width: 100%;
  height: auto;
}

.venueInfo_facility_img {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .venueInfo_facility_img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-direction: row;
    column-gap: 1rem;
    row-gap: 1rem;
  }
}

.venueInfo_facility_img img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

.btn_purple {
  display: inline-block;
  border-radius: 3.125rem;
  padding-inline: 1.5rem 4.375rem;
  padding-block: 0.875rem;
  background: #60F url(../images/btn_arrow_bgWhitePurple.svg) no-repeat center right 1.5rem;
  background-size: 1.5rem 1.5rem;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  border: 1px solid transparent;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btn_purple {
    background-size: 1.125rem 1.125rem;
    padding-block: 0.75rem;
    padding-inline: 1.5rem 4.125rem;
  }
}
.btn_purple:hover {
  background: #fff url(../images/bg_arrow_bgPurpleWhite.svg) no-repeat center right 1.25rem;
  background-size: 1.6875rem 1.6875rem;
}
.btn_purple:hover .btn_link_purple {
  color: #60F;
}

.btn_link_purple {
  display: inline-block;
  font-size: 1.125rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff;
  line-height: 0.83;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .btn_link_purple {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}

.nextMatches_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.nextMatches_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_div_container {
    margin-top: 2.5rem;
  }
}

.nextMatches_div_body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_div_body {
    row-gap: 2.125rem;
  }
}

.nextMatches_div_body .nextMatches-pagination {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_div_body .nextMatches-pagination {
    margin-top: 2rem;
  }
}
.nextMatches_div_body .nextMatches_list_btnCont {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .nextMatches_div_body .nextMatches_list_btnCont {
    margin-top: 1.5rem;
  }
}

.results_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .results_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.results_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .results_div_container {
    margin-top: 2.5rem;
  }
}

.results_div_body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .results_div_body {
    row-gap: 2.125rem;
  }
}

.results_div_body .results-pagination {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .results_div_body .results-pagination {
    margin-top: 2rem;
  }
}
.results_div_body .ranking_list_btnCont {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .results_div_body .ranking_list_btnCont {
    margin-top: 1.5rem;
  }
}

.standings_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .standings_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.standings_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .standings_div_container {
    margin-top: 2.5rem;
  }
}

.ranking_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .ranking_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.ranking_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .ranking_div_container {
    margin-top: 2.5rem;
  }
}

.teams_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .teams_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.teams_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .teams_div_container {
    margin-top: 2.5rem;
  }
}

/* 追加記載 */

/* 共通の見た目（まずは必ず見える色に） */
.wpcf7 form .wpcf7-response-output {
  background-color: #f9f9f9 !important;
  color: #333 !important;
  border: 2px solid #ccc !important;
  padding: 10px;
  border-radius: 4px;
}

/* 送信成功 */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 .wpcf7-response-output[data-status="mail_sent"],
.wpcf7 .wpcf7-response-output[data-status="sent"] {
  background-color: #e6ffed !important;
  border-color: #46b450 !important;
  color: #006400 !important;
}

/* 入力不備/バリデーションエラー */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-response-output[data-status="validation_failed"] {
  background-color: #fff6e5 !important;
  border-color: #ffba00 !important;
  color: #8a6d00 !important;
}

/* 送信失敗・スパム・中断 */
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 .wpcf7-response-output[data-status="mail_failed"],
.wpcf7 .wpcf7-response-output[data-status="spam"],
.wpcf7 .wpcf7-response-output[data-status="aborted"] {
  background-color: #ffecec !important;
  border-color: #dc3232 !important;
  color: #a60000 !important;
}

/* レスポンスメッセージの余白をリセット */
.wpcf7 .wpcf7-response-output {
  margin-block: 0 !important;
}

/* 二重スムース防止用：まずは完全にOFFにする */
html, :root, body {
  scroll-behavior: auto !important;
}

/* 固定ヘッダー＋管理バーの合計に合わせて調整 */
.lowerPages_ttl_jp_h2Wrapper {
  scroll-margin-top: 100px; /* PC時のヘッダー高に合わせて調整 */
}

@media (max-width: 767px) {
  .lowerPages_ttl_jp_h2Wrapper {
    scroll-margin-top: 80px; /* SP時のヘッダー高に合わせて調整 */
  }
}

/* facilityアンカーの余白をリセット */
#facility {
  scroll-margin-top: 0 !important;
}

.lowerGuidance {
  background-color: #000;
}

@media screen and (min-width: 768px) {
  .lowerGuidance_lists {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
  }
}

.lowerGuidance_list {
  padding-block: 2rem;
  border-top: 0.0625rem solid #fff;
  border-bottom: 0.0625rem solid #fff;
}

.lowerGuidance_list_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: opacity 0.3s;
}
.lowerGuidance_list_link:hover {
  opacity: 0.8;
}

.lowerGuidance_list_ttlWrapper {
  display: inline-flex;
  flex-direction: column;
  row-gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .lowerGuidance_list_ttlWrapper {
    row-gap: 1.25rem;
  }
}

.lowerGuidance_list_ttl_en {
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.045rem;
}
@media screen and (min-width: 768px) {
  .lowerGuidance_list_ttl_en {
    font-size: 1.1875rem;
  }
}

.lowerGuidance_list_ttl_jp {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03375rem;
}
@media screen and (min-width: 768px) {
  .lowerGuidance_list_ttl_jp {
    font-size: 1.1875rem;
  }
}

.lowerGuidance_list_arrow {
  width: 1.875rem;
  height: auto;
}
.lowerGuidance_list_arrow img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .lowerGuidance_list_arrow {
    font-size: 2.125rem;
  }
}

.lowerGuidanceChild {
  background-color: #000;
}

.lowerGuidanceChild_contents {
  color: #fff;
}



.lowerGuidanceChild_contents .wp-block-heading{
  margin-bottom: 1rem;
}

.lowerGuidanceChild_contents .wp-block-heading strong{
  font-size: 1.5rem;
}


.lowerGuidanceChild_contents ol {
  list-style: none;
  counter-reset: customnum;
  padding-left: 1.5em;
}
.lowerGuidanceChild_contents ol li {
  counter-increment: customnum;
  position: relative;
  padding-left: 2em;
}
.lowerGuidanceChild_contents ol li::before {
  content: counter(customnum) " . ";
  position: absolute;
  left: 0;
  color: #fff;
  font-weight: bold;
}

.lowerGuidanceChild_contents ul li {
  padding-left: 1em;
  position: relative;
}
.lowerGuidanceChild_contents ul {
  list-style: none;
  padding-left: 1em;
}
.lowerGuidanceChild_contents ul li {
  position: relative;
  padding-left: 1em;
}
.lowerGuidanceChild_contents ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 0.4em;
  height: 0.4em;
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  /* 1行目テキストの中央に揃える */
  transform: none;
}

.lowerGuidanceChild_contents li {
  margin: 0.25em 0;
}

.lowerGuidanceChild_contents .wp-block-heading + p,
.lowerGuidanceChild_contents .wp-block-heading + p + p,
.lowerGuidanceChild_contents .wp-block-heading + p + p + p,
.lowerGuidanceChild_contents .wp-block-heading + p + p + p + p {
  padding-left: 1.5em;
}
.lowerGuidanceChild_contents .wp-block-heading + p + p {
  margin-top: 0.5rem;
}
.lowerGuidanceChild_contents .wp-block-heading + p + p + p {
  margin-top: 0.5rem;
}
.lowerGuidanceChild_contents .wp-block-heading + p + p + p + p {
  margin-top: 0.5rem;
}

.lowerGuidanceChild_contents .wp-block-heading {
  margin-top: 2rem;
}
.lowerGuidanceChild_contents > .wp-block-heading:first-child {
  margin-top: 0;
}

.lowerGuidanceChild_contents .wp-block-heading p + p {
  margin-top: 0.5rem;
}
.lowerGuidanceChild_contents .swl-fz.u-fz-l {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  color: #fff;
}
.lowerGuidanceChild_contents .swl-fz {
  margin-block: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 1.5em;
}

/* Material Symbols Outlined アイコン用公式推奨CSS */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.btn_white_return_wrapper {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .btn_white_return_wrapper {
    margin-top: 3rem;
    text-align: left;
  }
}


.lowerRanking-pagination_lists {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 1.5rem;
  margin-top: 0.875rem;
}
@media screen and (max-width: 767px) {
  .lowerRanking-pagination_lists {
    margin-top: 1.5rem;
  }
}

.lowerRanking-pagination_num {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
  transition: opacity 0.3s;
}
.lowerRanking-pagination_num[aria-current=page] {
  color: #5B5B5B;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .lowerRanking-pagination_num {
    font-size: 1rem;
  }
}

.lowerRanking-pagination_next,
.lowerRanking-pagination_prev {
  color: #000;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .lowerRanking-pagination_next,
  .lowerRanking-pagination_prev {
    font-size: 1rem;
  }
}
.lowerRanking-pagination_next:hover,
.lowerRanking-pagination_prev:hover {
  opacity: 0.8;
}

.lowerRanking-pagination_num_white {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
  transition: opacity 0.3s;
}
.lowerRanking-pagination_num_white[aria-current=page] {
  color: #a6a6a6;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .lowerRanking-pagination_num_white {
    font-size: 1rem;
  }
}

.lowerRanking-pagination_next_white,
.lowerRanking-pagination_prev_white {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration-line: underline;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  .lowerRanking-pagination_next_white,
  .lowerRanking-pagination_prev_white {
    font-size: 1rem;
  }
}
.lowerRanking-pagination_next_white:hover,
.lowerRanking-pagination_prev_white:hover {
  opacity: 0.8;
}

.lowerNextMatches_div_body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_div_body {
    row-gap: 2.125rem;
  }
}

.lowerNextMatches_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_div_container {
    margin-top: 2.5rem;
  }
}

.lowerNextMatches_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.lowerNextMatches_div_ttl_h3 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0225rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerNextMatches_div_ttl_h3 {
    font-size: 1.375rem;
    letter-spacing: 0.0275rem;
  }
}

.lowerResults_div_body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_div_body {
    row-gap: 2.125rem;
  }
}

.lowerResults_div_container {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_div_container {
    margin-top: 2.5rem;
  }
}

.lowerResults_div_ttl_h3Wrapper {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_div_ttl_h3Wrapper {
    margin-bottom: 1.75rem;
  }
}

.lowerResults_div_ttl_h3 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0225rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .lowerResults_div_ttl_h3 {
    font-size: 1.375rem;
    letter-spacing: 0.0275rem;
  }
}

details > summary {
  justify-content: flex-start;
  text-align: left;
}
details > summary::-webkit-details-marker {
  display: none;
}