/* ============================================================================
STYLE INDEX

01 : variables
02 : mixin
03 : style
04 : overwrite
============================================================================ */
/* ============================================================================
01 : variables
============================================================================ */
/* ============================================================================
02 : mixin
============================================================================ */



/* JFA header #samuraiblue - #nadeshikojapan
---------------------------------------------------------------------------*/
#nadeshikojapan .header-nav02,
#nadeshikojapan.is_news_detail .header-nav,
#worldcup_2023 .header-nav,
#aus_nzl .header-nav {
  background: #041c4b;
  padding: 13px 0;
  height: 50px;
  box-sizing: border-box;
  border-bottom: #b09639 5px solid;
}

#nadeshikojapan .header-nav02 h1,
#nadeshikojapan.is_news_detail .header-nav h1,
#worldcup_2023 .header-nav h1,
#aus_nzl .header-nav h1 {
  display: inline-block;
  margin: auto;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
}

#nadeshikojapan .samuraiblue2022_final_q__logo,
#worldcup_2023 .samuraiblue2022_final_q__logo,
#aus_nzl .samuraiblue2022_final_q__logo {
  width: 25%;
  margin-top: 0px;
}

#nadeshikojapan .samuraiblue2022_final_q__logo img,
#worldcup_2023 .samuraiblue2022_final_q__logo img,
#aus_nzl .samuraiblue2022_final_q__logo img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}



@media screen and (min-width: 641px) {

  #nadeshikojapan {
    /*background: #0c131b;*/
    background: #ffffff;
  }

  #nadeshikojapan .header-nav02,
  #nadeshikojapan.is_news_detail .header-nav,
  #worldcup_2023 .header-nav,
  #aus_nzl .header-nav {
    background: #041c4b;
    padding: 14px 0 !important;
    height: 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    border-bottom: #b09639 5px solid;
  }

  #nadeshikojapan .header-nav02 h1,
  #nadeshikojapan.is_news_detail .header-nav h1,
  #worldcup_2023 .header-nav h1,
  #aus_nzl .header-nav h1 {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    margin-top: 0px;
    position: absolute;
    left: 50%;
    margin-left: 0px;
  }

  #nadeshikojapan .header-nav02::after,
  #nadeshikojapan.is_news_detail .header-nav::after,
  #worldcup_2023 .header-nav::after,
  #aus_nzl .header-nav::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, #041c4b, #000);
    background: -webkit-linear-gradient(top, #041c4b, #000);
    background: linear-gradient(to bottom, #041c4b, #000);
    opacity: .3;
  }

  #nadeshikojapan .samuraiblue2022_final_q__logo,
  #worldcup_2023 .samuraiblue2022_final_q__logo,
  #aus_nzl .samuraiblue2022_final_q__logo {
    width: 92px;
  }

  #nadeshikojapan .samuraiblue2022_final_q__logo img,
  #worldcup_2023 .samuraiblue2022_final_q__logo img,
  #aus_nzl .samuraiblue2022_final_q__logo img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}

/* Slide arrow
---------------------------------------------------------------------------*/
#samuraiblue .slick-arrow,
#worldcup_2023 .slick-arrow,
#aus_nzl .slick-arrow {
  position: absolute;
  /*top: 50%;*/
  transform: translateY(-50%);
  color: #fff;
  font-size: 5vw;
  z-index: 100;
  cursor: pointer;
  transition: all 0.3s linear;
  opacity: 0.5;
  bottom: -9vw;
}

#samuraiblue .contents_page_area .slick-arrow,
#worldcup_2023 .contents_page_area .slick-arrow,
#aus_nzl .contents_page_area .slick-arrow {
  bottom: -8.5vw;
  color: #800235;
}

#samuraiblue .slick-arrow:hover,
#worldcup_2023 .slick-arrow:hover,
#aus_nzl .slick-arrow:hover {
  opacity: 1;
}

#samuraiblue .slick-arrow.kv__left,
#worldcup_2023 .slick-arrow.kv__left,
#aus_nzl .slick-arrow.kv__left {
  left: 10px;
}

#samuraiblue .slick-arrow.kv__right,
#worldcup_2023 .slick-arrow.kv__right,
#aus_nzl .slick-arrow.kv__right {
  right: 10px;
}

#samuraiblue .slick-slide img.disp-pc,
#worldcup_2023 .slick-slide img.disp-pc,
#aus_nzl .slick-slide img.disp-pc {
  display: none !important;
}

#worldcup_2023 .main-slide .slick-arrow,
#aus_nzl .main-slide .slick-arrow {
  font-size: 0;
}

@media screen and (min-width: 641px) {
  #samuraiblue .slick-arrow,
  #worldcup_2023 .slick-arrow,
  #aus_nzl .slick-arrow {
    position: absolute;
    /*top: 50%;*/
    transform: translateY(-50%);
    color: #fff;
    font-size: 40px;
    z-index: 100;
    cursor: pointer;
    transition: all 0.3s linear;
    opacity: 0.5;
    bottom: -80px;
  }

  #samuraiblue .contents_page_area .slick-arrow,
  #worldcup_2023 .contents_page_area .slick-arrow,
  #aus_nzl .contents_page_area .slick-arrow {
    bottom: -80px;
    color: #800235;
  }

  #samuraiblue .slick-arrow:hover,
  #worldcup_2023 .slick-arrow:hover,
  #aus_nzl .slick-arrow:hover {
    opacity: 1;
  }

  #samuraiblue .slick-arrow.kv__left,
  #worldcup_2023 .slick-arrow.kv__left,
  #aus_nzl .slick-arrow.kv__left {
    left: 15px;
  }

  #samuraiblue .slick-arrow.kv__right,
  #worldcup_2023 .slick-arrow.kv__right,
  #aus_nzl .slick-arrow.kv__right {
    right: 15px;
  }

  #samuraiblue .slick-slide img.disp-sp,
  #worldcup_2023 .slick-slide img.disp-sp,
  #aus_nzl .slick-slide img.disp-sp {
    display: none !important;
  }
}

/* ============================================================================
　バナー調整
============================================================================ */
.bn_wdt img {
  width: 100%;
}

/* ============================================================================
03 : style
============================================================================ */
.wc2022 {
  color: #000;
}
.wc2022 img {
  max-width: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022 .is-hidden--s {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .is-hidden--ml {
    display: none;
  }
}
.wc2022 .c-title {
  background-color: #6C0020;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  border-top: solid 1px #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-title {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_ttlbar_sp@2x.jpg);
    background-size: 100% auto;
    height: 40px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-title {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_ttlbar.jpg);
    background-size: auto 100%;
    text-align: center;
  }
}
.wc2022 .c-title-txt {
  padding: 0;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-title-txt {
    display: block;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-title-txt {
    display: inline-block;
  }
}
.wc2022 .c-title-txt a {
  color: #fff;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  padding: 0 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-title-txt a {
    display: block;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-title-txt a {
    font-size: 32px;
    line-height: 90px;
  }
}
.wc2022 .c-main {
  background-color: #8D1B3D;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-main {
    min-height: 82px;
    background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_sp@2x.jpg);
    background-size: 100% auto;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-main {
    min-height: 300px;
    background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl.jpg);
    background-size: auto 100%;
    margin-bottom: 60px;
  }
}
.wc2022 .c-main--mb0 {
  margin-bottom: 0;
}
.wc2022 .c-main-text {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-main-text {
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-main-text {
    font-size: 48px;
  }
}
.wc2022 .c-main-text::before, .wc2022 .c-main-text::after {
  display: block;
  content: "";
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-main-text::before, .wc2022 .c-main-text::after {
    width: 40px;
    height: 11px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-main-text::before, .wc2022 .c-main-text::after {
    width: 82px;
    height: 20px;
  }
}
.wc2022 .c-main-text::before {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_l.png);
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-main-text::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-main-text::before {
    margin-right: 20px;
  }
}
.wc2022 .c-main-text::after {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_r.png);
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-main-text::after {
    margin-left: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-main-text::after {
    margin-left: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-contents {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-contents-inner {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.wc2022 .c-section-ttlwrap {
  position: relative;
  display: table;
  width: 100%;
  color: #FFF;
  background-size: auto 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-section-ttlwrap {
    height: 70px;
    background-image: url(/samuraiblue/worldcup_2022/img/bg_main_ttl@2x.jpg);
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-section-ttlwrap {
    height: 82px;
    background-image: url(/samuraiblue/worldcup_2022/img/bg_main_ttl.jpg);
  }
}
.wc2022 .c-section-ttl {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.wc2022 .c-section-ttl-date {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-section-ttl-date {
    font-size: 12px;
    margin-bottom: 3px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-section-ttl-date {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    margin: auto 0;
  }
}
.wc2022 .c-section-ttl-main {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-section-ttl-main {
    font-size: 18px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-section-ttl-main {
    font-size: 34px;
  }
}
.wc2022 .c-subttl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 1;
  color: #8D1B3D;
}
.wc2022 .c-subttl::before, .wc2022 .c-subttl::after {
  content: "";
  flex: 1;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-subttl::before, .wc2022 .c-subttl::after {
    height: 9px;
    background-size: auto 9px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-subttl::before, .wc2022 .c-subttl::after {
    height: 13px;
    background-size: auto 13px;
  }
}
.wc2022 .c-subttl::before {
  background-position: center right;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-subttl::before {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_l_sp@2x.png);
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-subttl::before {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_l.png);
    margin-right: 20px;
  }
}
.wc2022 .c-subttl::after {
  background-position: center left;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-subttl::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_r_sp@2x.png);
    margin-left: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-subttl::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_r.png);
    margin-left: 20px;
  }
}
.wc2022 .c-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-btn a {
    height: 40px;
    font-size: 16px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn a {
    height: 60px;
    font-size: 20px;
  }
}
.wc2022 .c-btn a:hover {
  text-decoration: none;
}
.wc2022 .c-btn a::before, .wc2022 .c-btn a::after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  transition: all 0.2s;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-btn a::before {
    border-width: 20px 20px 20px 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn a::before {
    border-width: 30px 30px 30px 0;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-btn a::after {
    border-width: 20px 0 20px 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn a::after {
    border-width: 30px 0 30px 30px;
  }
}
.wc2022 .c-btn a span {
  display: block;
  flex: 1;
  background-position: center right;
  background-repeat: no-repeat;
  text-align: center;
  transition: all 0.2s;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-btn a span {
    height: 40px;
    line-height: 40px;
    background-size: 7px auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn a span {
    height: 60px;
    line-height: 60px;
    background-size: 10px auto;
  }
}
.wc2022 .c-btn--ger a {
  color: #FBAC00;
}
.wc2022 .c-btn--ger a span {
  background-color: #000;
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r_ger.svg);
}
.wc2022 .c-btn--ger a::before {
  border-color: transparent #000 transparent transparent;
}
.wc2022 .c-btn--ger a::after {
  border-color: transparent transparent transparent #000;
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--ger a:hover span {
    background-color: #333;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--ger a:hover::before {
    border-right-color: #333;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--ger a:hover::after {
    border-left-color: #333;
  }
}
.wc2022 .c-btn--crc a {
  color: #fff;
}
.wc2022 .c-btn--crc a span {
  background-color: #002B7F;
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r_crc.svg);
}
.wc2022 .c-btn--crc a::before {
  border-color: transparent #002B7F transparent transparent;
}
.wc2022 .c-btn--crc a::after {
  border-color: transparent transparent transparent #002B7F;
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--crc a:hover span {
    background-color: #335599;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--crc a:hover::before {
    border-right-color: #335599;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--crc a:hover::after {
    border-left-color: #335599;
  }
}
.wc2022 .c-btn--esp a {
  color: #FABD00;
}
.wc2022 .c-btn--esp a span {
  background-color: #AA151B;
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r_esp.svg);
}
.wc2022 .c-btn--esp a::before {
  border-color: transparent #AA151B transparent transparent;
}
.wc2022 .c-btn--esp a::after {
  border-color: transparent transparent transparent #AA151B;
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--esp a:hover span {
    background-color: #bb4449;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--esp a:hover::before {
    border-right-color: #bb4449;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--esp a:hover::after {
    border-left-color: #bb4449;
  }
}
.wc2022 .c-btn--sb a {
  color: #fff;
}
.wc2022 .c-btn--sb a span {
  background-color: #8D1B3D;
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r.svg);
}
.wc2022 .c-btn--sb a::before {
  border-color: transparent #8D1B3D transparent transparent;
}
.wc2022 .c-btn--sb a::after {
  border-color: transparent transparent transparent #8D1B3D;
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--sb a:hover span {
    background-color: #a72d52;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--sb a:hover::before {
    border-right-color: #a72d52;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--sb a:hover::after {
    border-left-color: #a72d52;
  }
}
.wc2022 .c-btn--wh a {
  color: #052667;
}
.wc2022 .c-btn--wh a span {
  background-color: #fff;
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r_sb.svg);
}
.wc2022 .c-btn--wh a::before {
  border-color: transparent #fff transparent transparent;
}
.wc2022 .c-btn--wh a::after {
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--wh a:hover span {
    background-color: #aebdda;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--wh a:hover::before {
    border-right-color: #aebdda;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--wh a:hover::after {
    border-left-color: #aebdda;
  }
}
.wc2022 .c-btn--wc a::before {
  border-color: transparent #8D1B3D transparent transparent;
}
.wc2022 .c-btn--wc a::after {
  border-color: transparent transparent transparent #8D1B3D;
}
.wc2022 .c-btn--wc a span {
  background-color: #8D1B3D;
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r.svg);
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--wc a:hover::before {
    border-right-color: #a44964;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--wc a:hover::after {
    border-left-color: #a44964;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-btn--wc a:hover span {
    background-color: #a44964;
  }
}
.wc2022 .c-ttl-txt {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt {
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt {
    font-size: 48px;
  }
}
.wc2022 .c-ttl-txt::before, .wc2022 .c-ttl-txt::after {
  display: block;
  content: "";
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt::before, .wc2022 .c-ttl-txt::after {
    width: 40px;
    height: 11px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt::before, .wc2022 .c-ttl-txt::after {
    width: 82px;
    height: 20px;
  }
}
.wc2022 .c-ttl-txt::before {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_l.png);
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt::before {
    margin-right: 20px;
  }
}
.wc2022 .c-ttl-txt::after {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_r.png);
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt::after {
    margin-left: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-ttl-txt::after {
    margin-left: 20px;
  }
}
.wc2022 .c-navlistswrap {
  background-color: #8D1B3D;
  color: #fff;
  margin-bottom: 30px;
}
.wc2022 .c-navlistswrap--mb0 {
  margin-bottom: 0;
}
.wc2022 .c-navlists {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-navlist {
    width: 100%;
  }
}
.wc2022 .c-navlist:not(:last-child) {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_opponents__navlists.png);
  background-repeat: no-repeat;
  background-position: right center;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-navlist:not(:last-child) {
    background-size: 8px 8px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-navlist:not(:last-child) {
    background-size: 10px 10px;
  }
}
.wc2022 .c-navlist a {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
  transition: all 0.2s;
}
@media not screen and (min-width: 641px) {
  .wc2022 .c-navlist a {
    font-size: 13px;
    padding: 10px 14px 12px 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022 .c-navlist a {
    font-size: 18px;
    padding: 20px 35px 25px 25px;
  }
}
.wc2022 .c-navlist a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022 .c-navlist a:hover {
    opacity: 0.5;
  }
}
.wc2022 .c-youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.wc2022 .c-youtube iframe {
  width: 100%;
  height: 100%;
}

.wc2022-sbtop .sb-nav {
  background-color: #5C0C24;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav {
    width: 100%;
    overflow-x: auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav {
    padding: 0 20px;
  }
}
.wc2022-sbtop .sb-nav-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list {
    min-width: 480px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list li {
    min-width: 120px;
  }
}
.wc2022-sbtop .sb-nav-list li:not(:last-child) {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_opponents__navlists.png);
  background-repeat: no-repeat;
  background-position: right center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list li:not(:last-child) {
    background-size: 6px 6px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list li:not(:last-child) {
    background-size: 10px 10px;
  }
}
.wc2022-sbtop .sb-nav-list li a {
  color: #fff;
  display: block;
  transition: all 0.2s;
  white-space: nowrap;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list li a {
    font-size: 12.5px;
    line-height: 1.25;
    padding: 18px 16px 18px 10px;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list li a {
    font-size: 18px;
    height: 80px;
    line-height: 80px;
    padding: 0 35px 0 25px;
  }
}
.wc2022-sbtop .sb-nav-list li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-nav-list li a:hover {
    opacity: 0.5;
  }
}
.wc2022-sbtop .sb-schedule {
  /*
  border-top: solid 1px #fff;
  background-color: #8a1b3a;
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl.jpg);
  background-position: center top;
  background-repeat: no-repeat;
	*/
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
/*
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule {
    background-size: 200% auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule {
    background-size: 100% auto;
  }
}
*/
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-inner {
    box-sizing: border-box;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.wc2022-sbtop .sb-schedule-ttl {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: italic;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-ttl {
    font-size: 20px;
    padding: 30px 15px 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-ttl {
    font-size: 48px;
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cdwrap {
    padding: 0 15px;
  }
}
.wc2022-sbtop .sb-schedule-cd {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_countdown.jpg);
  color: #001E55;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd {
    -webkit-clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    height: 56px;
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd {
    -webkit-clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
    clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
    height: 80px;
    margin-bottom: 50px;
    padding: 0 20px;
  }
}
.wc2022-sbtop .sb-schedule-cd-lead {
  font-weight: bold;
  font-style: italic;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-lead {
    flex: 1;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-lead {
    font-size: 24px;
  }
}
.wc2022-sbtop .sb-schedule-cd-lead img {
  display: block;
}
.wc2022-sbtop .sb-schedule-cd-item {
  font-family: "Noto Sans JP", sans-serif;
  font-style: italic;
  font-weight: bold;
}
.wc2022-sbtop .sb-schedule-cd-item:not(:last-child) {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_schedule_countdown.png);
  background-position: right center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item:not(:last-child) {
    background-size: 8px 8px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item:not(:last-child) {
    background-size: 16px 16px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item {
    width: 15%;
    padding-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item {
    display: flex;
    align-items: center;
    padding-right: 26px;
  }
}
.wc2022-sbtop .sb-schedule-cd-item .value {
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item .value {
    font-size: 28px;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item .value {
    font-size: 68px;
    margin-right: 5px;
    padding-left: 10px;
    margin-top: -8px;
  }
}
.wc2022-sbtop .sb-schedule-cd-item .unit {
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item .unit {
    font-size: 9px;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-cd-item .unit {
    font-size: 18px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider {
    padding-bottom: 70px;
  }
}
/*
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider {
    padding-bottom: 130px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider--2 {
    padding-bottom: 50px;
  }
}
*/
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider--col1 {
    padding-bottom: 20px;
  }
}
.wc2022-sbtop .sb-schedule-slider .swiper {
  width: 100%;
  height: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper {
    box-sizing: border-box;
    padding-left: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-wrapper--center {
    justify-content: center;
    margin-left: 24px;
  }
}
.wc2022-sbtop .sb-schedule-slider .swiper-slide {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  height: auto;
}
.wc2022-sbtop .sb-schedule-slider .swiper-pagination {
  bottom: auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-pagination {
    margin-top: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-pagination {
    margin-top: 30px;
  }
}
.wc2022-sbtop .sb-schedule-slider .swiper-pagination-bullet {
  background-color: transparent;
  background-image: url(/samuraiblue/worldcup_2022/img/bg_bullet_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: unset;
  margin: 0 !important;
  opacity: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-pagination-bullet {
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-pagination-bullet {
    height: 26px;
    width: 26px;
  }
}
.wc2022-sbtop .sb-schedule-slider .swiper-pagination-bullet-active {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_bullet_active_white.svg);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-button-prev,
  .wc2022-sbtop .sb-schedule-slider .swiper-button-next {
    height: 32px;
    width: 16px;
    top: calc(50% + 8px);
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-button-prev,
  .wc2022-sbtop .sb-schedule-slider .swiper-button-next {
    height: 24px;
    width: 48px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-button-prev {
    left: 15%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-button-next {
    right: 15%;
  }
}
.wc2022-sbtop .sb-schedule-slider .swiper-button-prev:after,
.wc2022-sbtop .sb-schedule-slider .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-button-prev:after,
  .wc2022-sbtop .sb-schedule-slider .swiper-button-next:after {
    height: 32px;
    width: 16px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider .swiper-button-prev:after,
  .wc2022-sbtop .sb-schedule-slider .swiper-button-next:after {
    height: 48px;
    width: 24px;
  }
}
.wc2022-sbtop .sb-schedule-slider .swiper-button-prev:after {
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_l.svg);
}
.wc2022-sbtop .sb-schedule-slider .swiper-button-next:after {
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r.svg);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-slider-inner {
    padding: 0 15px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-item {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-item {
    padding-bottom: 70px;
  }
}
.wc2022-sbtop .sb-schedule-header {
  font-family: "Noto Sans JP", sans-serif;
  font-style: italic;
  color: #A6802D;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header {
    padding: 10px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header {
    padding: 10px 20px;
  }
}
.wc2022-sbtop .sb-schedule-header .date {
  font-weight: bold;
  margin-right: 0.25em;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header .date {
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header .date {
    font-size: 36px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header .day {
    font-size: 14px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header .day {
    font-size: 18px;
  }
}
.wc2022-sbtop .sb-schedule-header .time {
  font-weight: bold;
  flex: 1;
  text-align: right;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header .time {
    font-size: 16px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-header .time {
    font-size: 24px;
  }
}
.wc2022-sbtop .sb-schedule-stadium {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #001E55;
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  color: #fff;
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-stadium {
    font-size: 10px;
    padding: 10px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-stadium {
    font-size: 14px;
    padding: 20px;
  }
}
.wc2022-sbtop .sb-schedule-stadium--khalifa {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_stadium_khalifa.jpg);
}
.wc2022-sbtop .sb-schedule-stadium--althumama {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_stadium_althumama.jpg);
}
.wc2022-sbtop .sb-schedule-stadium--ahmadbinali {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_stadium_ahmadbinali.jpg);
}
.wc2022-sbtop .sb-schedule-stadium--aljanoub {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_stadium_aljanoub.jpg);
}
.wc2022-sbtop .sb-schedule-stadium--educationcity {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_stadium_educationcity.jpg);
}
.wc2022-sbtop .sb-schedule-stadium--lusail {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_stadium_lusail.jpg);
}
.wc2022-sbtop .sb-schedule-card {
  text-align: center;
  padding-top: 15px;
}
.wc2022-sbtop .sb-schedule-card .wcttl {
  color: #8D1B3D;
  padding: 0 15px;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .wcttl {
    font-size: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .wcttl {
    font-size: 15px;
  }
}
.wc2022-sbtop .sb-schedule-card .game {
  font-weight: bold;
  padding: 0 15px;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .game {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .game {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
.wc2022-sbtop .sb-schedule-card .pending {
  color: #A6802D;
  font-weight: bold;
  font-style: italic;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .pending {
    font-size: 26px;
    padding-top: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .pending {
    font-size: 36px;
    padding-top: 40px;
  }
}
.wc2022-sbtop .sb-schedule-card .match {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/samuraiblue/worldcup_2022/img/bg_schuedule_match.png);
  background-position: center center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .match {
    gap: 50px;
    background-size: 24px auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .match {
    gap: 80px;
    background-size: 44px auto;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .match-ctry {
    width: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card .match-ctry {
    width: 88px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card-box .sb-schedule-ttlbox {
    padding: 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card-box .sb-schedule-ttltxt .game {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card-box .sb-schedule-ttlimg {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-card-box .sb-schedule-result {
    padding: 0;
  }
}
.wc2022-sbtop .sb-schedule-ttlbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-ttlbox {
    gap: 5px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-ttlbox {
    gap: 10px;
    padding: 0 15px;
  }
}
.wc2022-sbtop .sb-schedule-ttltxt .wcttl {
  text-align: left;
  padding: 0;
}
.wc2022-sbtop .sb-schedule-ttltxt .game {
  text-align: left;
  padding: 0;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-ttlimg {
    width: 20px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-ttlimg {
    width: 40px;
    margin-bottom: 20px;
  }
}
.wc2022-sbtop .sb-schedule-result {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A6802D;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-result {
    gap: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-result {
    gap: 20px;
    padding: 0 15px;
  }
}
.wc2022-sbtop .sb-schedule-result-vd {
  line-height: 1;
  position: relative;
  top: 5px;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-result-vd {
    font-size: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-result-vd {
    font-size: 70px;
  }
}
.wc2022-sbtop .sb-schedule-result-score {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-result-score {
    font-size: 56px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-result-score {
    font-size: 76px;
  }
}
.wc2022-sbtop .sb-schedule-links {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: solid 1px #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.wc2022-sbtop .sb-schedule-links li {
  width: 50%;
}
.wc2022-sbtop .sb-schedule-links li a {
  background-color: #A6802D;
  color: #fff;
}
.wc2022-sbtop .sb-schedule-links li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-links li a:hover {
    opacity: 0.8;
  }
}
.wc2022-sbtop .sb-schedule-links li span {
  background-color: #755a20;
  color: rgba(255, 255, 255, 0.3);
}
.wc2022-sbtop .sb-schedule-links li a,
.wc2022-sbtop .sb-schedule-links li span {
  display: block;
  transition: all 0.2s;
  padding: 10px;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-links li a,
  .wc2022-sbtop .sb-schedule-links li span {
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-schedule-links li a,
  .wc2022-sbtop .sb-schedule-links li span {
    font-size: 15px;
  }
}
.wc2022-sbtop .sb-schedule-links li:first-child a,
.wc2022-sbtop .sb-schedule-links li:first-child span {
  border-bottom-left-radius: 8px;
}
.wc2022-sbtop .sb-schedule-links li:last-child a,
.wc2022-sbtop .sb-schedule-links li:last-child span {
  border-bottom-right-radius: 8px;
}
.wc2022-sbtop .sb-groupe {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-inner {
    padding: 40px 15px 20px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-inner {
    box-sizing: border-box;
    max-width: 1960px;
    padding: 80px 20px 50px 20px;
  }
}
.wc2022-sbtop .sb-groupe-ttl {
  color: #8D1B3D;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl {
    font-size: 22px;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl {
    font-size: 48px;
    margin-bottom: 40px;
  }
}
.wc2022-sbtop .sb-groupe-ttl::before, .wc2022-sbtop .sb-groupe-ttl::after {
  display: block;
  content: "";
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl::before, .wc2022-sbtop .sb-groupe-ttl::after {
    width: 40px;
    height: 11px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl::before, .wc2022-sbtop .sb-groupe-ttl::after {
    width: 82px;
    height: 20px;
  }
}
.wc2022-sbtop .sb-groupe-ttl::before {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_red_l.png);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl::before {
    margin-right: 20px;
  }
}
.wc2022-sbtop .sb-groupe-ttl::after {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_red_r.png);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl::after {
    margin: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-ttl::after {
    margin-left: 20px;
  }
}
.wc2022-sbtop .sb-groupe-lead {
  color: #5C0C24;
  font-weight: bold;
  margin-top: 0;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-lead {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.wc2022-sbtop .sb-groupe-table {
  border-top: none;
  border-right: none;
  display: block;
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table {
    max-width: 992px;
    margin: 0 auto 40px;
  }
}
.wc2022-sbtop .sb-groupe-table thead {
  display: block;
  color: #8D1B3D;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table thead {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table thead {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.wc2022-sbtop .sb-groupe-table thead tr {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table thead tr {
    padding-right: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table thead tr {
    padding-right: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table thead th.data {
    padding-right: 10px;
  }
}
.wc2022-sbtop .sb-groupe-table tbody {
  display: block;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table tbody {
    padding-bottom: 15px;
  }
}
.wc2022-sbtop .sb-groupe-table tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #8D1B3D;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: italic;
  box-sizing: border-box;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table tbody tr {
    padding-right: 30px;
    height: 56px;
    -webkit-clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table tbody tr {
    padding-right: 50px;
    height: 80px;
    -webkit-clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
    clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
    margin-bottom: 15px;
  }
}
.wc2022-sbtop .sb-groupe-table tbody tr.others {
  background-color: #5a5a5a;
}
.wc2022-sbtop .sb-groupe-table tbody td {
  display: block;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table tbody td.data {
    font-size: 24px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table tbody td.data {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_opponents__navlists.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    padding-right: 10px;
    font-size: 44px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table tbody td.data:last-child {
    background-image: none;
  }
}
.wc2022-sbtop .sb-groupe-table .rank {
  position: relative;
  height: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .rank {
    width: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .rank {
    width: 10%;
  }
}
.wc2022-sbtop .sb-groupe-table .rank-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .rank-inner {
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .rank-inner {
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 48px;
    height: 48px;
  }
}
.wc2022-sbtop .sb-groupe-table .rank-inner--main {
  background-color: #A6802D;
}
.wc2022-sbtop .sb-groupe-table .rank-inner--sub {
  background-color: #282828;
}
.wc2022-sbtop .sb-groupe-table .rank-inner span {
  display: block;
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .rank-inner span {
    line-height: 30px;
    font-size: 14px;
    margin-left: -2px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .rank-inner span {
    line-height: 48px;
    font-size: 26px;
    margin-left: -4px;
  }
}
.wc2022-sbtop .sb-groupe-table .flag {
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .flag {
    width: 52px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .flag {
    width: 10%;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .flag img {
    max-width: 32px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .flag img {
    max-width: 48px;
  }
}
.wc2022-sbtop .sb-groupe-table .ctry {
  flex: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .ctry {
    font-size: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .ctry {
    font-size: 32px;
  }
}
.wc2022-sbtop .sb-groupe-table .data {
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .data {
    width: 40px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-table .data {
    width: 10%;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-btns {
    max-width: 240px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1100px;
    margin: 0 auto;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-btn {
    margin-bottom: 15px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-btn a {
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-groupe-btn {
    width: 100%;
  }
}
.wc2022-sbtop .sb-member {
  background-color: #00276f;
  background-image: url(/samuraiblue/img/renewal_08/bg_tex.png);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member {
    width: 100% !important;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-inner {
    padding: 40px 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-inner {
    max-width: 1360px;
    padding: 80px 20px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-inner--maxwid {
    max-width: none;
    padding: 72px 0;
  }
}
.wc2022-sbtop .sb-member-ttl {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: italic;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-ttl {
    font-size: 20px;
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-ttl {
    font-size: 48px;
    margin-bottom: 80px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-movie {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-movie {
    max-width: 800px;
    margin: 0 auto 50px;
  }
}
.wc2022-sbtop .sb-member-slider img {
  transition: all 0.3s;
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-slider a:hover img {
    opacity: 0.8;
  }
}
.wc2022-sbtop .sb-member-item {
  position: relative;
  background-image: url(/samuraiblue/worldcup_2022/img/bg_member_photo.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item {
    width: 240px;
    padding: 20px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item {
    width: 264px;
    padding: 24px;
    margin: 0 auto;
  }
}
.wc2022-sbtop .sb-member-item .label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: italic;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/samuraiblue/worldcup_2022/img/bg_member_label.png);
  background-size: 100% auto;
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .label {
    width: 64px;
    height: 64px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .label {
    width: 70px;
    height: 70px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .label .num {
    line-height: 50px;
    height: 35px;
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .label .num {
    line-height: 50px;
    height: 35px;
    font-size: 20px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .label .pos {
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .label .pos {
    font-size: 14px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .photo {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .photo {
    margin-bottom: 40px;
  }
}
.wc2022-sbtop .sb-member-item .name {
  text-align: center;
}
.wc2022-sbtop .sb-member-item .name-jp {
  color: #fff;
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .name-jp {
    font-size: 18px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .name-jp {
    font-size: 24px;
  }
}
.wc2022-sbtop .sb-member-item .name-en {
  color: #A6802D;
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .name-en {
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-item .name-en {
    font-size: 16px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-photo {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-photo {
    margin-bottom: 40px;
  }
}
.wc2022-sbtop .sb-member-btn {
  margin: 0 auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-btn {
    max-width: 240px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-member-btn {
    max-width: 370px;
  }
}
.wc2022-sbtop .sb-tournament {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-inner {
    padding: 40px 15px 20px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-inner {
    box-sizing: border-box;
    max-width: 1960px;
    padding: 80px 20px 50px 20px;
  }
}
.wc2022-sbtop .sb-tournament-img {
  margin: 0 auto;
  width: 100%;
  overflow-x: auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-img {
    max-width: 896px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-img {
    max-width: 1120px;
  }
}
.wc2022-sbtop .sb-tournament-img-inner {
  display: flex;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-img-inner {
    width: 896px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-img-inner {
    width: 1120px;
  }
}
.wc2022-sbtop .sb-tournament-img--e2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-img--e2 {
    min-height: 470px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-img--e2 {
    min-height: 580px;
  }
}
.wc2022-sbtop .sb-tournament-img--e2 .sb-tournament-img-inner {
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-team {
    width: 168px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-team {
    width: 210px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-game {
    width: 72px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-game {
    width: 90px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-game-center {
    width: 272px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-game-center {
    width: 340px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-center {
    width: 560px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-tournament-center {
    width: 700px;
  }
}
.wc2022-sbtop .swiper {
  width: 100%;
  height: 100%;
}
.wc2022-sbtop .infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.wc2022-sbtop .sb-catch {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_catch.jpg);
  background-size: 100% auto;
  background-position: left bottom;
  background-repeat: repeat;
}
.wc2022-sbtop .sb-catch-btnwrap {
  margin: 0 auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-sbtop .sb-catch-btnwrap {
    max-width: 240px;
    padding: 30px 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-sbtop .sb-catch-btnwrap {
    max-width: 370px;
    padding: 40px 0;
  }
}
.wc2022-sbtop .sb-catch-btn {
  cursor: pointer;
}

@media not screen and (min-width: 641px) {
  .wc2022-contents .contents_area {
    padding: 0px 0px 30px 0px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .contents_area {
    padding: 0px 0px 50px 0px;
  }
}
.wc2022-contents .campaign_area {
  background-image: none;
  background-color: #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .campaign_area {
    padding: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .campaign_area {
    padding: 60px 0;
  }
}
.wc2022-contents .interview_area {
  background-image: none;
  background-color: #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .interview_area {
    padding: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .interview_area {
    padding: 0 0 60px;
  }
}
.wc2022-contents .column_area {
  background-image: none;
  background-color: #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .column_area {
    padding: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .column_area {
    padding: 0 0 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-inner {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-inner .boxes {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .p-contents-inner .box {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-inner .box {
    width: 100%;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .p-contents-box {
    padding: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-box {
    padding: 40px 0 80px;
    max-width: 1000px;
    margin: 0 auto;
  }
}
.wc2022-contents .p-contents-box-subttl {
  color: #6C0020;
  font-weight: bold;
  margin: 0 0 0em;
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .p-contents-box-subttl {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-box-subttl {
    font-size: 20px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .p-contents-btn {
    margin: 15px auto;
    max-width: 240px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-btn {
    max-width: 370px;
    margin: 30px auto 0;
  }
}
.wc2022-contents .p-contents-bnr {
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .p-contents-bnr {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-bnr {
    margin-bottom: 60px;
  }
}
.wc2022-contents .c-section-ttl-main {
  color: inherit;
  font-style: normal;
}
@media not screen and (min-width: 641px) {
  .wc2022-contents .c-section-ttl-main {
    font-size: 18px;
    margin: 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .c-section-ttl-main {
    font-size: 34px;
    margin: 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-movie {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-contents .p-contents-movie .box {
    margin-bottom: 20px;
  }
}

@media not screen and (min-width: 641px) {
  .wc2022-history .h-keyvisual {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-keyvisual {
    margin-bottom: 60px;
  }
}
.wc2022-history .h-keyvisual-img {
  margin: 0;
}
.wc2022-history .h-keyvisual-img img {
  width: 100%;
}
.wc2022-history .h-nav {
  font-family: "Anton", sans-serif;
  letter-spacing: 2px;
  color: #fff;
  background-color: #052767;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-nav {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-nav {
    position: relative;
    z-index: 4;
    font-size: 20px;
    background-image: url(/samuraiblue/img/renewal_08/bg_tex.png);
    margin-bottom: 20px;
    width: 100%;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-inner {
    width: 100%;
    overflow-x: auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-inner {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 60px;
  }
}
.wc2022-history .h-navlist {
  display: flex;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-navlist {
    width: 140%;
    height: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-navlist {
    height: 60px;
  }
}
.wc2022-history .h-navlist li {
  position: relative;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-navlist li {
    width: 28%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-navlist li {
    width: 20%;
  }
}
.wc2022-history .h-navlist li::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-navlist li::after {
    border: 25px solid transparent;
    border-left: 20px solid #052767;
    right: -44px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-navlist li::after {
    border: 30px solid transparent;
    border-left: 30px solid #052767;
    right: -60px;
  }
}
.wc2022-history .h-navlist li.year-2018 {
  background-color: #052767;
}
.wc2022-history .h-navlist li.year-2018::after {
  border-left-color: #052767;
}
.wc2022-history .h-navlist li.year-2019 {
  background-color: #1e3d76;
}
.wc2022-history .h-navlist li.year-2019::after {
  border-left-color: #1e3d76;
}
.wc2022-history .h-navlist li.year-2020 {
  background-color: #375285;
}
.wc2022-history .h-navlist li.year-2020::after {
  border-left-color: #375285;
}
.wc2022-history .h-navlist li.year-2021 {
  background-color: #506895;
}
.wc2022-history .h-navlist li.year-2021::after {
  border-left-color: #506895;
}
.wc2022-history .h-navlist li.year-2022 {
  background-color: #697da4;
}
.wc2022-history .h-navlist li.year-2022::after {
  border-left-color: #697da4;
}
.wc2022-history .h-navlist li a {
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-navlist li a {
    padding-left: 20px;
    line-height: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-navlist li a {
    transition: all 0.2s;
    line-height: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-navlist li a:hover {
    color: #9ba9c2;
  }
}
.wc2022-history .h-item {
  background-image: url(/samuraiblue/img/renewal_08/bg_tex.png);
  background-repeat: repeat;
  color: #000;
  position: relative;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-item {
    padding-bottom: 50px;
  }
}
.wc2022-history .h-date {
  font-weight: normal;
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-date {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
  }
}
.wc2022-history .h-date::before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  background-color: #001e55;
  mix-blend-mode: multiply;
  height: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-date::before {
    right: 5px;
    width: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-date::before {
    right: 15px;
    width: 80px;
  }
}
.wc2022-history .h-date-inner {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
  color: #fff;
  font-family: "Anton", sans-serif;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  height: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-date-inner {
    right: 5px;
    font-size: 16px;
    letter-spacing: 3px;
    padding: 10px 0 50px;
    line-height: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-date-inner {
    right: 15px;
    font-size: 26px;
    letter-spacing: 4px;
    padding: 20px 0 100px;
    line-height: 80px;
  }
}
.wc2022-history .h-date-inner span {
  position: -webkit-sticky;
  position: sticky;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-date-inner span {
    top: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-date-inner span {
    top: 120px;
  }
}
.wc2022-history .h-photo {
  position: relative;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-photo {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-photo-img {
    max-width: 1400px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-photo-img img {
    width: 100%;
  }
}
.wc2022-history .h-photo-year {
  position: absolute;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-photo-year {
    top: 0;
    left: 0;
    width: 32%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-photo-year {
    top: 0;
    left: 0;
    right: 0;
    max-width: 1400px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-textwrap {
    display: flex;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-textwrap::before, .wc2022-history .h-textwrap::after {
    content: "";
    display: block;
    flex: 1;
    margin-top: -70px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-textwrap::before {
    min-width: 50px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-textwrap::after {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-textwrap-inner {
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 1200px;
    padding: 50px 0 120px;
    margin-top: -70px;
    position: relative;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-text-inner {
    background-color: #fff;
    padding: 15px 50px 15px 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-inner {
    padding-right: 150px;
  }
}
.wc2022-history .h-text-ttl {
  display: inline-block;
  margin: 0;
  background-color: #052767;
  color: #fff;
  font-weight: bold;
  position: relative;
  line-height: 1.2;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-text-ttl {
    font-size: 14px;
    padding-left: 15px;
    padding: 7px 15px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-ttl {
    font-size: 22px;
    padding: 10px 30px;
    margin-bottom: 30px;
  }
}
.wc2022-history .h-text-ttl::after {
  content: "";
  display: block;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-text-main {
    padding-left: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-main {
    padding-left: 8%;
    padding-bottom: 30px;
  }
}
.wc2022-history .h-text-main p {
  margin: 0 0 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-text-main p {
    font-size: 13px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-main p {
    font-size: 15px;
    line-height: 1.75;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-text-inner-sub {
    padding: 15px 50px 15px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-inner-sub {
    padding-right: 150px;
    position: relative;
    margin-bottom: 50px;
  }
}
.wc2022-history .h-photo-sub {
  max-width: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-photo-sub {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-photo-sub {
    padding-left: 8%;
    width: 66%;
    max-width: 640px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-sub {
    background-color: rgba(236, 237, 245, 0.9);
    box-sizing: border-box;
    position: absolute;
    bottom: -20px;
    right: 130px;
    width: 370px;
    padding: 40px;
  }
}
.wc2022-history .h-text-sub p {
  margin: 0 0 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022-history .h-text-sub p {
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-history .h-text-sub p {
    font-size: 16px;
  }
}
.wc2022-history .h-text-sub p.ttl {
  font-weight: bold;
}

.wc2022-team .t-nav {
  border-top: solid 1px #fff;
  display: flex;
  gap: 1px;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-nav {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-nav {
    margin-bottom: 60px;
  }
}
.wc2022-team .t-nav li {
  box-sizing: border-box;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-nav li:nth-child(4n) {
    width: 25%;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-nav li:not(:nth-child(4n)) {
    width: calc(25% - 1px);
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-nav li {
    width: 100%;
  }
}
.wc2022-team .t-nav li a {
  display: block;
  background-color: #8D1B3D;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  transition: all 0.2s;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-nav li a {
    line-height: 37px;
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-nav li a {
    line-height: 60px;
    font-size: 18px;
  }
}
.wc2022-team .t-nav li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-nav li a:hover {
    background-color: rgba(141, 27, 61, 0.8);
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-section {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-section {
    margin-bottom: 60px;
  }
}
.wc2022-team .t-section-note {
  text-align: right;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-section-note {
    padding: 0 15px;
    margin-top: 1em;
    font-size: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-section-note {
    margin-top: 2em;
    font-size: 12px;
  }
}
.wc2022-team .t-inner {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-inner {
    padding: 30px 15px 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-inner {
    padding: 50px 50px 10px;
  }
}
.wc2022-team .t-title {
  margin: 0;
  color: #8D1B3D;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-title {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
.wc2022-team .t-lists {
  display: flex;
  flex-wrap: wrap;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-lists {
    gap: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-lists {
    gap: 40px;
    margin-bottom: 40px;
  }
}
.wc2022-team .t-list {
  box-sizing: border-box;
  background-color: #fff;
}
.wc2022-team .t-list--jp {
  background-color: #001E55;
  color: #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-list {
    width: calc(50% - 7.5px);
    border-radius: 3px;
    padding: 16px 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-list {
    width: calc(25% - 30px);
    border-radius: 6px;
    padding: 30px 16px;
  }
}
.wc2022-team .t-list-item:not(:first-child) {
  border-top: solid 1px #EAEAF0;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-list-item:not(:first-child) {
    margin-top: 8px;
    padding-top: 8px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-list-item:not(:first-child) {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.wc2022-team .t-list-name {
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-list-name {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-list-name {
    margin-bottom: 20px;
  }
}
.wc2022-team .t-list-name .name-jp {
  margin: 0;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-list-name .name-jp {
    font-size: 16px;
    margin-bottom: 2px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-list-name .name-jp {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.wc2022-team .t-list-name .name-en {
  font-family: "Noto Sans JP", sans-serif;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-list-name .name-en {
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-list-name .name-en {
    font-size: 16px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-flag {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-flag {
    margin-bottom: 16px;
  }
}
.wc2022-team .t-flag img {
  width: 100%;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-data,
  .wc2022-team .t-rank,
  .wc2022-team .t-grade {
    font-size: 13px;
    margin-bottom: 2px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-data,
  .wc2022-team .t-rank,
  .wc2022-team .t-grade {
    font-size: 15px;
    margin-bottom: 4px;
  }
}
.wc2022-team .t-data dt,
.wc2022-team .t-rank dt,
.wc2022-team .t-grade dt {
  white-space: nowrap;
}
.wc2022-team .t-data dd span,
.wc2022-team .t-rank dd span,
.wc2022-team .t-grade dd span {
  display: block;
  line-height: 1.25;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-data dd span,
  .wc2022-team .t-rank dd span,
  .wc2022-team .t-grade dd span {
    font-size: 9px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-data dd span,
  .wc2022-team .t-rank dd span,
  .wc2022-team .t-grade dd span {
    font-size: 11px;
  }
}
.wc2022-team .t-data dl {
  margin: 0;
  display: flex;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-data dt {
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-data dt {
    margin-right: 15px;
  }
}
.wc2022-team .t-data dd {
  margin: 0;
}
.wc2022-team .t-rank dl,
.wc2022-team .t-grade dl {
  margin: 0;
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-rank dl,
  .wc2022-team .t-grade dl {
    display: flex;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-rank dt,
  .wc2022-team .t-grade dt {
    margin-right: 15px;
  }
}
.wc2022-team .t-rank dd,
.wc2022-team .t-grade dd {
  margin: 0;
}
.wc2022-team .t-rank {
  border-top: solid 1px #EAEAF0;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-rank {
    margin-top: 8px;
    padding-top: 8px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-rank {
    margin-top: 16px;
    padding-top: 16px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-btn {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-btn {
    max-width: 360px;
    margin: 0 auto 40px;
  }
}
.wc2022-team .t-areamap-listwrap {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-areamap-listwrap {
    padding: 24px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-listwrap {
    padding: 40px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-areamap-lists {
    width: 100%;
    max-width: 285px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-lists {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }
}
.wc2022-team .t-areamap-list {
  color: #fff;
  text-align: center;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-areamap-list {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_areamap_name_sp@2x.png);
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-list {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_areamap_name.png);
    width: calc(33% - 13.3333333333px);
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name {
    padding: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name {
    padding: 24px;
  }
}
.wc2022-team .t-areamap-name .name-en {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name .name-en {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name .name-en {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name .name-en--s {
    font-size: 24px;
  }
}
.wc2022-team .t-areamap-name .name-jp {
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name .name-jp {
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-team .t-areamap-name .name-jp {
    font-size: 15px;
  }
}

.wc2022-opponents .o-nav {
  background-color: #8D1B3D;
  color: #fff;
  margin-bottom: 30px;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-nav--4col {
    width: 100%;
    overflow-x: auto;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-nav--4col .o-nav-list {
    min-width: 480px;
  }
}
.wc2022-opponents .o-nav-list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-nav-list li {
    width: 100%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-nav-list li:not(:last-child) {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_opponents__navlists.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
.wc2022-opponents .o-nav-list li a {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
  transition: all 0.2s;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-nav-list li a {
    font-size: 13px;
    padding: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-nav-list li a {
    font-size: 18px;
    padding: 20px 35px 25px 25px;
  }
}
.wc2022-opponents .o-nav-list li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-nav-list li a:hover {
    opacity: 0.5;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-item {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-item {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-item-inner {
    display: flex;
  }
}
.wc2022-opponents .o-item-img {
  background-color: #E5DFE1;
  background-position: right bottom;
  background-size: 114px 114px;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-item-img {
    padding: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-item-img {
    box-sizing: border-box;
    padding: 20px;
    width: 50%;
  }
}
.wc2022-opponents .o-item-img--cro {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_cro.png);
}
.wc2022-opponents .o-item-img--ger {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_ger.png);
}
.wc2022-opponents .o-item-img--crc {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_crc.png);
}
.wc2022-opponents .o-item-img--esp {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_esp.png);
}
.wc2022-opponents .o-info {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-info {
    font-size: 14px;
    padding: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-info {
    box-sizing: border-box;
    font-size: 16px;
    width: 50%;
    padding: 25px;
  }
}
.wc2022-opponents .o-info-ttl {
  align-items: center;
  display: flex;
  margin-bottom: 15px;
}
.wc2022-opponents .o-info-ttl .img {
  margin-right: 10px;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-info-ttl .img {
    width: 35px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-info-ttl .img {
    width: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-info-ttl .img img {
    width: 100%;
  }
}
.wc2022-opponents .o-info-ttl .name {
  margin: 0;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-info-ttl .name {
    font-size: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-info-ttl .name {
    font-size: 24px;
  }
}
.wc2022-opponents .o-info-item {
  border-top: solid 2px #fff;
  padding-top: 15px;
  margin-bottom: 15px;
}
.wc2022-opponents .o-info-item-ttl {
  margin-bottom: 0.5em;
}
.wc2022-opponents .o-data {
  display: flex;
  margin: 0 0 0.5em;
}
.wc2022-opponents .o-data--lines {
  display: block;
}
.wc2022-opponents .o-data dt {
  margin-right: 1em;
}
.wc2022-opponents .o-data dd {
  margin: 0;
  flex: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-data span {
    font-size: 9px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-data span {
    font-size: 13px;
  }
}
.wc2022-opponents .o-info-btn {
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-info-btn {
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-info-btn {
    max-width: 240px;
    margin: 0 0 0 auto;
  }
}
.wc2022-opponents .o-info-note {
  text-align: right;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-info-note {
    padding: 0 15px;
    margin-top: 1em;
    font-size: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-info-note {
    margin-top: 2em;
    font-size: 12px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponents .o-back-btn {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponents .o-back-btn {
    max-width: 360px;
    margin: 0 auto 40px;
  }
}

.wc2022-opponent .o-slider {
  background-color: #E5DFE1;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-slider {
    padding: 15px 15px 40px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider {
    position: relative;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: 0;
    bottom: 0;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--cro {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_cro.png);
    background-position: right bottom;
    background-size: 114px auto;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--cro::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_cro.png);
    background-position: center;
    background-size: contain;
    z-index: 1;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--ger {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_ger.png);
    background-position: right bottom;
    background-size: 114px auto;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--ger::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_ger.png);
    background-position: center;
    background-size: contain;
    z-index: 1;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--crc {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_crc.png);
    background-position: right bottom;
    background-size: 114px auto;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--crc::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_crc.png);
    background-position: center;
    background-size: contain;
    z-index: 1;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--esp {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_esp.png);
    background-position: right bottom;
    background-size: 114px auto;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-slider--esp::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_esp.png);
    background-position: center;
    background-size: contain;
    z-index: 1;
  }
}
.wc2022-opponent .o-data {
  display: flex;
  margin: 0 0 0.5em;
}
.wc2022-opponent .o-data--lines {
  display: block;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-data--lines dt {
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-data--lines dt {
    margin-bottom: 0.25em;
  }
}
.wc2022-opponent .o-data dt {
  margin-right: 1em;
}
.wc2022-opponent .o-data dd {
  margin: 0;
  flex: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-data dd span {
    font-size: 9px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-data dd span {
    font-size: 13px;
  }
}
.wc2022-opponent .o-data .img-flag {
  max-width: 60px;
}
.wc2022-opponent .o-data table {
  border-top: none;
  border-right: none;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-data table {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-data table {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.wc2022-opponent .o-data table thead {
  display: none;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-data table td {
    padding-right: 1em;
    padding-bottom: 0.25em;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-data table td:last-child {
    padding-right: 0;
  }
}
.wc2022-opponent .o-data table td.date {
  width: 25%;
}
.wc2022-opponent .o-data table td.vd {
  width: 10%;
}
.wc2022-opponent .o-data table td.score {
  width: 65%;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-data-note {
    font-size: 9px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-data-note {
    font-size: 12px;
  }
}
.wc2022-opponent .o-inner {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
  border-top: solid 1px #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-inner {
    padding: 15px;
    font-size: 11px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-inner {
    font-size: 14px;
    padding: 40px 40px 0;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-inner-boxes {
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-inner-boxes:not(:first-child) {
    border-top: solid 1px #fff;
    padding-top: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-inner-box {
    width: 100%;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-section {
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #fff;
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-section {
    margin-bottom: 30px;
    font-size: 15px;
  }
}
.wc2022-opponent .o-section--cinfo {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.wc2022-opponent .o-section--cinfo dt {
  min-width: 4em;
}
.wc2022-opponent .o-section--finfo dt {
  min-width: 9em;
}
.wc2022-opponent .o-section-ttl {
  font-weight: bold;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-section-ttl {
    font-size: 18px;
    margin: 0 0 0.5em;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-section-ttl {
    font-size: 18px;
    margin: 0 0 0.5em;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-section-txt {
    padding-bottom: 40px;
  }
}
.wc2022-opponent .o-section-txt p {
  margin: 0 0 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-others {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others {
    margin-bottom: 60px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-others-inner {
    padding: 0 15px;
  }
}
.wc2022-opponent .o-others-ttl {
  margin: 0 0 30px;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-others-ttl {
    font-size: 18px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-ttl {
    font-size: 32px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-others-list li {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-list li {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-othergroup-list li {
    width: calc(34% - 3%);
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-others-img {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-img {
    background-color: #E5DFE1;
    background-size: 160px auto;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 20px;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-img--ger {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_ger.png);
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-img--crc {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_crc.png);
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-img--esp {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_flag_esp.png);
  }
}
.wc2022-opponent .o-others-btn {
  margin: 0 auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-others-btn {
    max-width: 250px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-others-btn {
    max-width: 400px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-back-btn {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-back-btn {
    max-width: 360px;
    margin: 0 auto 40px;
  }
}
.wc2022-opponent .o-countdown {
  display: inline-block;
  width: 100%;
  background: rgb(108, 0, 32);
  background: linear-gradient(0deg, rgb(108, 0, 32) 0%, rgb(139, 27, 60) 100%);
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-countdown-inner {
    padding: 0 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-countdown-inner {
    box-sizing: border-box;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-contents {
    margin-top: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-contents {
    margin-top: 60px;
  }
}
.wc2022-opponent .o-squad-ttl {
  color: #8D1B3D;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  text-align: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-squad-ttl {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-squad-ttl {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
.wc2022-opponent .o-squad .m-item-name .jp {
  color: #000;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-squad .m-item-name .jp {
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-squad .m-item-name .jp {
    font-size: 15px;
  }
}
.wc2022-opponent .o-squad .m-item-name .en {
  color: #000;
}
.wc2022-opponent .o-squad .m-item-name .club {
  line-height: 1.2;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .o-squad .m-item-name .club {
    font-size: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .o-squad .m-item-name .club {
    font-size: 12px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .sb-nav-list {
    min-width: 400px;
  }
}
.wc2022-opponent .swiper {
  width: 100%;
  height: 100%;
}
.wc2022-opponent .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-slide {
    background-color: #5C0C24;
  }
}
.wc2022-opponent .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 1s;
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-slide img {
    opacity: 0.5;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-slide-active img {
    opacity: 1;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .swiper-slide {
    width: 100%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-slide {
    width: 60%;
  }
}
.wc2022-opponent .swiper-pagination {
  bottom: auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .swiper-pagination {
    margin-top: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-pagination {
    margin-top: 15px;
  }
}
.wc2022-opponent .swiper-pagination-bullet {
  background-color: transparent;
  background-image: url(/samuraiblue/worldcup_2022/img/bg_bullet.svg);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: unset;
  margin: 0 !important;
  opacity: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .swiper-pagination-bullet {
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-pagination-bullet {
    height: 26px;
    width: 26px;
  }
}
.wc2022-opponent .swiper-pagination-bullet-active {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_bullet_active.svg);
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .swiper-button-prev,
  .wc2022-opponent .swiper-button-next {
    height: 32px;
    width: 16px;
    top: calc(50% + 8px);
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-button-prev,
  .wc2022-opponent .swiper-button-next {
    height: 24px;
    width: 48px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-button-prev {
    left: 15%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-button-next {
    right: 15%;
  }
}
.wc2022-opponent .swiper-button-prev:after,
.wc2022-opponent .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .swiper-button-prev:after,
  .wc2022-opponent .swiper-button-next:after {
    height: 32px;
    width: 16px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .swiper-button-prev:after,
  .wc2022-opponent .swiper-button-next:after {
    height: 48px;
    width: 24px;
  }
}
.wc2022-opponent .swiper-button-prev:after {
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_l.svg);
}
.wc2022-opponent .swiper-button-next:after {
  background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r.svg);
}
@media not screen and (min-width: 641px) {
  .wc2022-opponent .sb-nav {
    margin: 10px 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .sb-nav {
    margin: 30px 0;
  }
}
.wc2022-opponent .c-section-ttl-main {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
@media screen and (min-width: 641px) {
  .wc2022-opponent .c-section-ttl-main {
    font-size: 26px;
  }
}

.wc2022-ts .ts-bg {
  background-image: url(/samuraiblue/img/renewal_08/bg_tex.png);
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-inner {
    max-width: 1440px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
  }
}
.wc2022-ts .ts-kv {
  padding: 0;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-kv {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-kv {
    margin-bottom: 50px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-lead {
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-lead {
    margin-bottom: 40px;
  }
}
.wc2022-ts .ts-lead p {
  margin: 0 0 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-lead p {
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-lead p {
    font-size: 16px;
    text-align: center;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-nav {
    max-width: 270px;
    margin: 0 auto 60px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 660px;
    margin: 0 auto 100px;
    gap: 20px;
    box-sizing: border-box;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-nav-btn {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-nav-btn {
    width: 50%;
  }
}
.wc2022-ts .ts-nav-btn a {
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: #052767;
  color: #fff;
  transition: all 0.2s;
  background-image: url(/samuraiblue/talksession_2022/img/bg_ts_name.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
}
.wc2022-ts .ts-nav-btn a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-nav-btn a:hover {
    background-color: #375185;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-nav-btn a {
    background-size: 22px 22px;
    gap: 55px;
    font-size: 14px;
    line-height: 45px;
    height: 45px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-nav-btn a {
    background-size: 30px 30px;
    gap: 70px;
    font-size: 16px;
    line-height: 54px;
    height: 54px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session {
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: 60px;
  }
}
.wc2022-ts .ts-session-inner {
  position: relative;
  background-color: #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-inner {
    padding: 30px 15px 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-inner {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto 120px;
    padding: 80px 50px 50px;
  }
}
.wc2022-ts .ts-session-ttl {
  margin: 0;
  position: absolute;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-ttl {
    width: 300px;
    height: 35px;
    top: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-ttl {
    top: -22px;
    left: 50px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-box {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
}
.wc2022-ts .ts-session-txt {
  line-height: 1.75;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-txt {
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-txt {
    font-size: 15px;
    width: 30%;
    margin-right: 5%;
  }
}
.wc2022-ts .ts-session-txt p {
  margin: 0 0 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-shortver {
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-shortver {
    padding-top: 2em;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-shortver a {
    display: block;
    transition: all 0.2s;
  }
}
.wc2022-ts .ts-session-shortver a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-shortver a:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-sbox {
    max-width: 200px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-stxt {
    font-size: 12px;
    flex: 1;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-stxt {
    font-size: 13px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-siframe {
    flex: 1;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-session-smovie {
    max-width: 125px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-smovie {
    max-width: 200px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-movie {
    width: 65%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-movie a {
    transition: all 0.2s;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-session-movie a:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-profile {
    max-width: 900px;
    margin: 0 auto;
  }
}
.wc2022-ts .ts-profile-ttl {
  color: #052767;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-ttl {
    font-size: 18px;
    margin: 0 0 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-ttl {
    font-size: 24px;
    margin: 0 0 30px;
  }
}
.wc2022-ts .ts-profile-item {
  border-bottom: solid 1px #eee;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.wc2022-ts .ts-profile-name {
  margin: 0;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-name {
    font-size: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-name {
    font-size: 18px;
  }
}
.wc2022-ts .ts-profile-age {
  margin-bottom: 1em;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-age {
    font-size: 13px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-age {
    font-size: 15px;
  }
}
.wc2022-ts .ts-profile-txt {
  line-height: 1.75;
}
@media not screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-txt {
    font-size: 12px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-ts .ts-profile-txt {
    font-size: 14px;
  }
}

@media not screen and (min-width: 641px) {
  .wc2022-member .m-nav {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-nav {
    margin-bottom: 60px;
  }
}
.wc2022-member .m-nav ul:not(:first-child) {
  border-top: solid 2px #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item {
    margin-bottom: 60px;
  }
}
.wc2022-member .m-item-inner {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-inner {
    padding: 15px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-inner {
    padding: 40px;
  }
}
.wc2022-member .m-item-list {
  display: flex;
  flex-wrap: wrap;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-list {
    gap: 5%;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-list {
    gap: 2%;
  }
}
.wc2022-member .m-item-list--center {
  justify-content: center;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-list li {
    width: 47.5%;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-list li {
    width: 23.5%;
    margin-bottom: 40px;
  }
}
.wc2022-member .m-item-list li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-list li a:hover .m-item-img img {
    opacity: 0.8;
  }
}
.wc2022-member .m-item-list li a img {
  transition: all 0.3s;
}
.wc2022-member .m-item-name {
  text-align: center;
  margin-top: 2px;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-name {
    padding: 10px 0;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-name {
    padding: 15px 0;
  }
}
.wc2022-member .m-item-name .jp {
  color: #001E55;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-name .jp {
    font-size: 18px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-name .jp {
    font-size: 24px;
  }
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-name .jp--ls {
    font-size: 17px;
  }
}
.wc2022-member .m-item-name .en {
  color: #A6802D;
  font-family: "Noto Sans JP", sans-serif;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-name .en {
    font-size: 10px;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-name .en {
    font-size: 16px;
  }
}
.wc2022-member .m-item-name--staff {
  background-color: #052667;
  background-image: url(/samuraiblue/img/renewal_08/bg_tex.png);
}
.wc2022-member .m-item-name--staff .jp {
  color: #fff;
}
.wc2022-member .m-item-name--staff .en {
  color: #fff;
}
@media not screen and (min-width: 641px) {
  .wc2022-member .m-item-name .post {
    display: block;
    font-size: 10px;
    margin-bottom: 0.2em;
  }
}
@media screen and (min-width: 641px) {
  .wc2022-member .m-item-name .post {
    font-size: 13px;
  }
}

/* ============================================================================
04 : overwrite
============================================================================ */
body {
  background-image: none;
}

.pickup_area,
.news_area {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_pickupnews.jpg);
}
.pickup_area .renewal_ttl,
.news_area .renewal_ttl {
  color: #fff;
}
.pickup_area .renewal_ttl::before,
.news_area .renewal_ttl::before {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_l.png);
}
.pickup_area .renewal_ttl::after,
.news_area .renewal_ttl::after {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_r.png);
}

.contents_area,
.sns_area {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section.jpg);
}
.contents_area .renewal_ttl,
.sns_area .renewal_ttl {
  color: #8D1B3D;
}
.contents_area .renewal_ttl::before,
.sns_area .renewal_ttl::before {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_red_l.png);
}
.contents_area .renewal_ttl::after,
.sns_area .renewal_ttl::after {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_ttl_decoration_red_r.png);
}
.contents_area .bnr_area_02 {
  display: block;
}
.contents_area .bnr_area_02 h4,
.sns_area .bnr_area_02 h4 {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media not screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4,
  .sns_area .bnr_area_02 h4 {
    padding: 0 15px;
  }
}
.contents_area .bnr_area_02 h4::before, .contents_area .bnr_area_02 h4::after,
.sns_area .bnr_area_02 h4::before,
.sns_area .bnr_area_02 h4::after {
  content: "";
  flex: 1;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4::before, .contents_area .bnr_area_02 h4::after,
  .sns_area .bnr_area_02 h4::before,
  .sns_area .bnr_area_02 h4::after {
    height: 9px;
    background-size: auto 9px;
  }
}
@media screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4::before, .contents_area .bnr_area_02 h4::after,
  .sns_area .bnr_area_02 h4::before,
  .sns_area .bnr_area_02 h4::after {
    height: 13px;
    background-size: auto 13px;
  }
}
.contents_area .bnr_area_02 h4::before,
.sns_area .bnr_area_02 h4::before {
  background-position: center right;
}
@media not screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4::before,
  .sns_area .bnr_area_02 h4::before {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_l_sp@2x.png);
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4::before,
  .sns_area .bnr_area_02 h4::before {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_l.png);
    margin-right: 20px;
  }
}
.contents_area .bnr_area_02 h4::after,
.sns_area .bnr_area_02 h4::after {
  background-position: center left;
}
@media not screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4::after,
  .sns_area .bnr_area_02 h4::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_r_sp@2x.png);
    margin-left: 10px;
  }
}
@media screen and (min-width: 641px) {
  .contents_area .bnr_area_02 h4::after,
  .sns_area .bnr_area_02 h4::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_r.png);
    margin-left: 20px;
  }
}

.renewal_ttl {
  border-bottom: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 641px) {
  .renewal_ttl {
    font-size: 48px;
    margin-bottom: 80px;
  }
}
@media not screen and (min-width: 641px) {
  .renewal_ttl {
    font-size: 20px;
  }
}
@media screen and (min-width: 641px) {
  .renewal_ttl {
    font-size: 48px;
  }
}
.renewal_ttl::before, .renewal_ttl::after {
  display: block;
  content: "";
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .renewal_ttl::before, .renewal_ttl::after {
    width: 40px;
    height: 11px;
  }
}
@media screen and (min-width: 641px) {
  .renewal_ttl::before, .renewal_ttl::after {
    width: 82px;
    height: 20px;
  }
}
@media not screen and (min-width: 641px) {
  .renewal_ttl::before {
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .renewal_ttl::before {
    margin-right: 20px;
  }
}
@media not screen and (min-width: 641px) {
  .renewal_ttl::after {
    margin-left: 10px;
  }
}
@media screen and (min-width: 641px) {
  .renewal_ttl::after {
    margin-left: 20px;
  }
}

.news_area {
  background: url(/samuraiblue/worldcup_2022/img/bg_pickupnews.jpg);
  padding-bottom: 0;
}
.news_area h4::before {
  background-position: center right;
}
@media not screen and (min-width: 641px) {
  .news_area h4::before {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_l_sp@2x.png);
    margin-right: 10px;
  }
}
@media screen and (min-width: 641px) {
  .news_area h4::before {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_l.png);
    margin-right: 20px;
  }
}
.news_area h4::after {
  background-position: center left;
}
@media not screen and (min-width: 641px) {
  .news_area h4::after {
    background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_r_sp@2x.png);
    margin-left: 10px;
  }
}
.news_area h4::after {
  background-image: url(/samuraiblue/worldcup_2022/img/bg_section_ttl_r.png);
  margin-left: 20px;
}

.news_area .news_caution {
  width: 860px;
  border: 4px solid #E70012;
  color: #E70012;
  padding: 10px;
  font-size: 14px;
  margin: 50px auto 20px auto;
  background-color: #ffffff;
  box-sizing: border-box;
}
.news_area .news_bnr {
  width: 95%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 30px 0px;
}
@media not screen and (min-width: 641px) {
  .news_area .news_caution {
    width: 95%;
    border: 4px solid #E70012;
    color: #E70012;
    padding: 10px;
    font-size: 12px;
    margin: 30px auto 10px auto;
    background-color: #ffffff;
  }
  .news_area .news_bnr {
    width: 95%;
    margin: 0px auto 0px auto;
  }
}

.more,
.moreBtn a {
  border: none !important;
  border-radius: 0 !important;
  background-position: right 20px center;
  background-repeat: no-repeat;
}
@media not screen and (min-width: 641px) {
  .more,
  .moreBtn a {
    -webkit-clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
    clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
    width: 240px !important;
    background-size: 6px auto;
  }
}
@media screen and (min-width: 641px) {
  .more,
  .moreBtn a {
    -webkit-clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    width: 300px !important;
    background-size: 10px auto;
  }
}
.contents_area .more,
.contents_area .moreBtn a {
  color: #fff !important;
  background-color: #052667 !important;
  /*background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r.svg);*/
}
.jfatv .more,
.jfatv .moreBtn a {
  color: #052667 !important;
  background-color: #ffffff !important;
}
.news_area .more,
.news_area .moreBtn a {
  color: #052667 !important;
  background-color: #fff !important;
  /*background-image: url(/samuraiblue/worldcup_2022/img/icon_angle_r_sb.svg);*/
  border: 0px solid #00215e !important;
}

.moreBtn a::after {
  content: "";
}

@media screen and (min-width: 641px) {
  .more-maxwid {
    background-position: right 30px center;
    -webkit-clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
    clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
    width: 100% !important;
  }
}

.sb-schedule .schedule_slider {
  width: auto;
}

.sb-schedule .schedule_slider li .link-maxwid {
  width: 100%;
}
.sb-schedule .schedule_slider li .link-maxwid a {
  width: 100%;
  border-radius: 0 0 10px 10px !important;
}

.ca_list--int {
  margin-bottom: 30px;
}
@media not screen and (min-width: 641px) {
  .ca_list--int {
    gap: 10px;
    padding: 0;
  }
}
@media screen and (min-width: 641px) {
  .ca_list--int {
    gap: 12px;
    justify-content: center;
  }
}
@media not screen and (min-width: 641px) {
  .ca_list--int li {
    margin-bottom: 5px;
  }
}

/* Team Cam
---------------------------------------------------------------------------*/
.samuraiblue2022_final_q__teamcam {
  padding: 60px 0;
  background: #000 url("https://img.jfa.jp/samuraiblue/worldcup_2022/final_q/images/BG_teamcam.png") center center no-repeat;
  background-size: cover;
}


.samuraiblue2022_final_q__teamcam .jfatv_area {
  margin-top: 45px;
  background: none;
  padding-bottom: 0;
}

.samuraiblue2022_final_q__teamcam .jfatv_area .slick-slider {
  background: none !important;
  padding: 0 !important;
}

.samuraiblue2022_final_q__teamcam__text {
  margin: 25px auto;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

.samuraiblue2022_final_q__teamcam__btn {
  margin-top: 50px;
}

.samuraiblue2022_final_q__teamcam__btn a {
  display: block;
  width: 460px;
  margin: 0 auto;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.3);
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  padding: 15px 30px;
  position: relative;
  transition: opacity 0.2s linear;
  border: #e0e0e0 3px solid;
  box-sizing: border-box;
}

.samuraiblue2022_final_q__teamcam__btn a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-style: normal;
  transition: right 0.2s linear;
}

.samuraiblue2022_final_q__teamcam__btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-style: normal;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: block;
  background: rgba(255, 255, 255, 0.3);
}

.samuraiblue2022_final_q__teamcam__btn a:hover {
  opacity: 0.8;
}

.samuraiblue2022_final_q__teamcam__btn a:hover::after {
  right: 15px;
}

/* jfatv-area
-------------------------------------------------- */
#worldcup_2023 .jfatv_area,
#aus_nzl .jfatv_area {
  min-width: 100%;
  background: none;
  padding: 0px 0px 20px 0px;
}
@media screen and (min-width: 641px) {
  #worldcup_2023 .jfatv_area,
  #aus_nzl .jfatv_area {
    min-width: 1136px;
    padding: 0px 0px 30px 0px;
  }
}
#worldcup_2023 .jfatv_area .head-area,
#aus_nzl .jfatv_area .head-area {
  padding: 56px 0 32px;
}
#worldcup_2023 .jfatv_area .jfatv_contents,
#aus_nzl .jfatv_area .jfatv_contents {
  font-size: 0;
}
#worldcup_2023 .jfatv_area .jfatv_contents ul,
#aus_nzl .jfatv_area .jfatv_contents ul {
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
#worldcup_2023 .jfatv_area .jfatv_contents li,
#aus_nzl .jfatv_area .jfatv_contents li {
  display: inline-block;
  width: 33.33%;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}
#worldcup_2023 .jfatv_area .jfatv_contents li img,
#aus_nzl .jfatv_area .jfatv_contents li img {
  width: 100%;
}
#worldcup_2023 .jfatv_area .moreBtn a,
#aus_nzl .jfatv_area .moreBtn a {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#worldcup_2023 .jfatv_area .moreBtn a img,
#aus_nzl .jfatv_area .moreBtn a img {
  height: 30%;
  margin-right: 10px;
}

#worldcup_2023 .jfatv_area .jfatv_contents li a,
#aus_nzl .jfatv_area .jfatv_contents li a {
  position: relative;
  display: block;
}
#worldcup_2023 .jfatv_area .jfatv_contents li a:after,
#aus_nzl .jfatv_area .jfatv_contents li a:after {
  position: absolute;
  font-family: 'ionicons';
  content: '\f10a';
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 30px;
  width: 10px;
  height: 30px;
  line-height: 1;
}

#worldcup_2023 .jfatv_area .jfatv_contents li a:before,
#aus_nzl .jfatv_area .jfatv_contents li a:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

#worldcup_2023 .jfatv_area .jfatv_contents li a:after,
#aus_nzl .jfatv_area .jfatv_contents li a:after {
  content: '\f488';
}

/* contents-area
-------------------------------------------------- */
.contents_page_area {
  min-width: 100%;
  background: none;
  padding: 0px 0px 30px 0px;
}
@media screen and (min-width: 641px) {
  .contents_page_area {
    min-width: 1000px;
    padding: 0px 0px 50px 0px;
  }
}
.contents_page_area .head-area {
  padding: 56px 0 32px;
}
.contents_page_area .contents_page_area_contents {
  font-size: 0;
}
.contents_page_area .contents_page_area_contents ul {
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
.contents_page_area .contents_page_area_contents li {
  display: inline-block;
  width: 33.33%;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}
/*.contents_page_area .contents_page_area_contents li:last-child{
  border-right: 0;
  padding-right: 1px;
}*/
.contents_page_area .contents_page_area_contents li img {
  width: 100%;
}
.contents_page_area .moreBtn a {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contents_page_area .moreBtn a img {
  height: 30%;
  margin-right: 10px;
}

.contents_page_area .contents_page_area_contents li a {
  position: relative;
  display: block;
}


/* FOOTER
---------------------------------------------------------------------------*/
.pagetop {
  background: #000;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}

.pagetop a {
  color: #fff;
  text-decoration: none;
  display: block;
  transition: background 0.3s linear;
  padding: 5px;
}

.pagetop a:hover {
  background: #001e55;
}

.footer {
  background: #041c4b;
  text-align: center;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  padding: 15px 0 20px;
  position: relative;
}

.footer::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, #041c4b, #000);
  background: -webkit-linear-gradient(top, #041c4b, #000);
  background: linear-gradient(to bottom, #041c4b, #000);
  opacity: .3;
  z-index: 32;
}

.footer__text {
  font-size: 7px;
  color: #ccc;
  z-index: 33;
  position: relative;
}

@media not screen and (min-width: 641px) {
  .pagetop {
    background: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }

  .pagetop a {
    color: #fff;
    text-decoration: none;
    display: block;
    transition: background 0.3s linear;
    padding: 10px;
  }

  .pagetop a:hover {
    background: #fff;
    color: #041c4b;
  }

  .footer {
    background: #041c4b;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 30px 0 40px;
    position: relative;
  }

  .footer::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, #041c4b, #000);
    background: -webkit-linear-gradient(top, #041c4b, #000);
    background: linear-gradient(to bottom, #041c4b, #000);
    opacity: .3;
    z-index: 32;
  }

  .footer__text, .footer__icon {
    font-size: 10px;
    color: #ccc;
    z-index: 33;
    position: relative;
  }
}