@charset "UTF-8";

/* ======================================================
* baseball game_year_index（ENEOS野球部 試合日程・結果）
* ------------------------------------------------------
* - Override
* - Keyframes
* - MainVisual
* - BaseballNav（TOP用追従ナビ）
* - Content
====================================================== */

/* ------------------------------------------------------
* hidden
------------------------------------------------------ */
@media (min-width: 767px) {
  .game-year-index-pc-hidden {
    display: none;
  }
}
@media screen and (max-width: 766px) {
  .game-year-index-sp-hidden {
    display: none;
  }
}
/* ------------------------------------------------------
* Override
------------------------------------------------------ */
@media (min-width: 767px) {
  .game-year-index-layout {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-year-index-layout > *:first-child {
    margin-bottom: clamp(3px,
    calc(3px + (24 - 3) * ((100vw - 768px) / (1920 - 768))),
    24px);
  }
}
@media screen and (max-width: 766px) {
  .lowerContentWrapper {
    margin-bottom: max(64px, calc(64 / 375 * 100vw));
  }
}

/* ------------------------------------------------------
* Keyframes
------------------------------------------------------ */
@keyframes transformGameYearHeadingLink {
  0% {
    opacity: 1
  }
  30% {
    opacity: 0;
    right: clamp(5px, calc(5px + (10 - 5) * ((100vw - 768px) / (1920 - 768))), 10px);
  }
  70% {
    opacity: 0;
    right: clamp(20px, calc(20px + (25 - 20) * ((100vw - 768px) / (1925 - 768))), 25px);
  }
  to {
    opacity: 1;
    right: clamp(15px, calc(15px + (20 - 15) * ((100vw - 768px) / (1920 - 768))), 20px);
  }
}
@keyframes transformGameYearRecordLink {
  0% {
    opacity: 1
  }
  30% {
    opacity: 0;
    right: 24px;
  }
  70% {
    opacity: 0;
    right: 44px;
  }
  to {
    opacity: 1;
    right: 32px;
  }
}
@keyframes transformGameYearResultCardLink {
  0% {
    opacity: 1
  }
  30% {
    opacity: 0;
    right: clamp(15px, calc(15px + (36  - 15) * ((100vw - 768px) / (1920 - 768))), 36px);
  }
  70% {
    opacity: 0;
    right: clamp(28px, calc(28px + (66  - 28) * ((100vw - 768px) / (1920 - 768))), 66px);
  }
  to {
    opacity: 1;
    right: clamp(20px, calc(20px + (48  - 20) * ((100vw - 768px) / (1920 - 768))), 48px);
  }
}
/* ------------------------------------------------------
* Content
------------------------------------------------------ */
.game-year-index-anchor-navi__label::after {
  background: url(/assets/img/lower_component/ico_component_down_arw.webp);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 2.1333333333vw;
  position: absolute;
  right: min(1.3888888889vw, 2.2222222222rem);
  width: 2.1333333333vw;
}
.game-year-index-heading2__link::after {
  background: url(/assets/img/lower_component/ico_component_arw2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
  /*----- game-year-index-heading2__badge -----*/
.game-year-index-heading2__badge--lose {
  color: #525252;
  border: 1px solid #aaa;
}
.game-year-index-heading2__badge--first {
  color: #fff;
  border: 1px solid #e94709;
  background-color: #e94709;
}
.game-year-index-heading2__badge--second {
  color: #fff;
  border: 1px solid #7f7f7f;
  background-color: #7f7f7f;
}
.game-year-index-heading2__badge--other {
  color: #e94709;
  border: 1px solid #e94709;
}
  /*----- game-year-index-game-schedule__match__highlight -----*/
.game-year-index-game-schedule__match__highlight--orange {
  color: #e94709;
}
.game-year-index-game-schedule__match__highlight--gray {
  color: #666;
}
/*----- game-year-index-result-card -----*/
.game-year-index-result-card__team {
  color: #e94709;
}
.game-year-index-result-card__opponent {
  color: #666;
}

/*----- PC -----*/
@media (min-width: 767px) {
  /*----- game-year-index-accordion -----*/
  .game-year-index-accordion {
    margin-bottom: clamp(48px, calc(48px + (60 - 48) * ((100vw - 768px) / (1920 - 768))), 60px);
  }
  .game-year-index-accordion__head {
    display: none;
  }
  .game-year-index-accordion__body:last-child {
    margin-bottom: 0;
  }
  /*----- game-year-index-anchor-navi -----*/
  .game-year-index-anchor-navi {
    margin-bottom: clamp(48px, calc(48px + (60 - 48) * ((100vw - 768px) / (1920 - 768))), 60px);
  }
  .game-year-index-anchor-navi__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap : clamp(21px, calc(21px + (44 - 21) * ((100vw - 768px) / (1920 - 768))), 44px);
  }
  .game-year-index-anchor-navi__list > li {
    width: calc((100% - (clamp(21px,calc(21px + (44 - 21) * ((100vw - 768px) / (1920 - 768))),44px) * 2)) / 3);
    border-bottom: 1px solid #a3a3a3;
    transition: 0.3s;
  }
  .game-year-index-anchor-navi__link {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding:
      clamp(26px,
        calc(26px + (37 - 26) * ((100vw - 768px) / (1920 - 768))),
        37px)
      clamp(25px,
        calc(25px + (40 - 25) * ((100vw - 768px) / (1920 - 768))),
        40px)
      clamp(10px,
        calc(10px + (24 - 10) * ((100vw - 768px) / (1920 - 768))),
        24px)
      0;
    color: #282828;
    font-size: clamp(14px,calc(14px + (18 - 14) * ((100vw - 768px) / (1920 - 768))),18px);
    line-height: 1.2;
    transition: 0.3s;
  }
  .game-year-index-anchor-navi__link:after {
    background-color: #e94709;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
    transition: 0.3s;
    opacity: 0;
  }
  .game-year-index-anchor-navi__link:hover:after {
    opacity: 1;
  }
  .game-year-index-anchor-navi__label {
    display: block;
  }
  .game-year-index-anchor-navi__label::after {
    height: min(.9027777778vw, 1.4444444444rem);
    position: absolute;
    right: 0;
    top: calc(50% + 6px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: min(.9027777778vw, 1.4444444444rem);
  }
  /*----- game-year-index-heading2 -----*/
  .game-year-index-heading2 {
    margin-bottom: clamp(19px, calc(19px + (40 - 19) * ((100vw - 768px) / (1920 - 768))), 40px);
    padding-top: clamp(24px, calc(24px + (28 - 24) * ((100vw - 768px) / (1920 - 768))), 28px);
    border-top: 3px solid #e94709;
  }
  .game-year-index-heading2__link {
    display: flex;
    align-items: center;
    color: #282828;
    position: relative;
    column-gap: 18px;
    padding-right: 5rem;
  }
  .game-year-index-heading2__nolink {
    display: flex;
    align-items: center;
    color: #282828;
    position: relative;
    column-gap: 18px;
    padding-right: 5rem;
  }
  .game-year-index-heading2__link:hover .game-year-index-heading2__title {
    color: #e94709;
  }
  .game-year-index-heading2__link:hover::after {
    animation: transformGameYearHeadingLink .4s ease forwards
  }
  .game-year-index-heading2__link::after {
    height: 16px;
    width: 16px;
    top: 50%;
    right: clamp(15px, calc(15px + (20 - 15) * ((100vw - 768px) / (1920 - 768))), 20px);
  }
  .game-year-index-heading2__title {
    display: inline-block;
    font-size : clamp(22px, calc(22px + (28 - 22) * ((100vw - 768px) / (1920 - 768))), 28px);
    color: #282828;
    transition: 0.3s;
  }
  .game-year-index-heading2__badge-wrap {
    display: inline-block;
  }
  .game-year-index-heading2__badge--lose,
  .game-year-index-heading2__badge--first,
  .game-year-index-heading2__badge--second,
  .game-year-index-heading2__badge--other {
    display: inline-block;
    height: fit-content;
    flex-shrink: 0;
    padding: 0px clamp(6px, calc(6px + (13 - 6) * ((100vw - 768px) / (1920 - 768))), 13px) ;
    line-height: 1.78;
    font-size : clamp(11px, calc(11px + (14  - 11) * ((100vw - 768px) / (1920 - 768))), 14px);
  }
  /*----- game-year-index-game-schedule -----*/
  .game-year-index-game-schedule {
    margin-bottom: clamp(20px, calc(20px + (44  - 20) * ((100vw - 768px) / (1920 - 768))), 44px);
    border: 2px solid #282828;
    color: #282828;
  }
  .game-year-index-game-schedule__inner {
    display: flex;
  }
  .game-year-index-game-schedule__subtitle {
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    line-height: 1.5;
  }
  .game-year-index-game-schedule__title {
    margin-top: 7px;
    font-weight: 700;
    font-size : clamp(26px, calc(26px + (32  - 26) * ((100vw - 768px) / (1920 - 768))),32px);
    line-height: 1.5;
  }
  .game-year-index-game-schedule__venue {
    margin-top: clamp(15px, calc(15px + (19  - 15) * ((100vw - 768px) / (1920 - 768))), 19px);
    line-height: 1.5;
    font-size : clamp(13px, calc(13px + (16  - 13) * ((100vw - 768px) / (1920 - 768))), 16px);
  }
  .game-year-index-game-schedule__head {
    padding: 2rem;
    width: clamp(318px, calc(318px + (550  - 318) * ((100vw - 768px) / (1920 - 768))), 550px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .game-year-index-game-schedule__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    background-color: #f4f4f0;
    padding: clamp(20px, calc(20px + (35  - 20) * ((100vw - 768px) / (1920 - 768))), 35px) 2rem 2rem;
    min-height : clamp(150px, calc(150px + (201  - 150) * ((100vw - 768px) / (1920 - 768))), 201px);
  }
  .game-year-index-game-schedule__date {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap:  clamp(10px, calc(10px + (14  - 10) * ((100vw - 768px) / (1920 - 768))), 14px);
    font-weight: 500;
    line-height: 1;
    font-size : clamp(51px, calc(51px + (64  - 51) * ((100vw - 768px) / (1920 - 768))), 64px);
  }
  .game-year-index-game-schedule__date__small {
    line-height: 1.5;
    font-size : clamp(19px, calc(19px + (24  - 19) * ((100vw - 768px) / (1920 - 768))), 24px);
    font-weight: 400;
  }
  .game-year-index-game-schedule__match {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(15px, calc(15px + (20  - 15) * ((100vw - 768px) / (1920 - 768))), 20px);
    margin-top: clamp(12px, calc(12px + (16  - 12) * ((100vw - 768px) / (1920 - 768))), 16px);
    line-height: 1.5;
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
  }
  .game-year-index-game-schedule__match__highlight--orange,
  .game-year-index-game-schedule__match__highlight--gray {
    display: inline-block;
    width: 8em;
    text-align: center;
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    font-weight: 700;
    line-break: anywhere;
  }
  /*----- game-year-index-result-card -----*/
  .game-year-index-result-card {
    margin-bottom: clamp(21px, calc(21px + (44  - 21) * ((100vw - 768px) / (1920 - 768))), 44px);
  }
  .game-year-index-result-card:last-child {
    margin-bottom: 70px;
  }
  .game-year-index-result-card__link:before {
    content: "";
    width: clamp(28px, calc(28px + (40  - 28) * ((100vw - 768px) / (1920 - 768))), 40px);
    height: clamp(28px, calc(28px + (40  - 28) * ((100vw - 768px) / (1920 - 768))), 40px);
    background: #e94709;
    position: absolute;
    right:clamp(8px, calc(8px + (30  - 8) * ((100vw - 768px) / (1920 - 768))), 30px);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .game-year-index-result-card__link:after {
    content: "";
    width: clamp(10px, calc(10px + (14  - 10) * ((100vw - 768px) / (1920 - 768))), 14px);
    height: clamp(10px, calc(10px + (15  - 10) * ((100vw - 768px) / (1920 - 768))), 15px);
    -webkit-transform: rotate(45deg) skew(-15deg, -15deg);
            transform: rotate(45deg) skew(-15deg, -15deg);
    border-top:3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    right:clamp(20px, calc(20px + (48  - 20) * ((100vw - 768px) / (1920 - 768))), 48px);
    top: calc(50% - clamp(6px, calc(6px + (7  - 6) * ((100vw - 768px) / (1920 - 768))), 7px));
    z-index: 2;
  }
  .game-year-index-result-card__link {
    display: flex;
    position: relative;
    color: #282828;
    border: 1px solid #aaa;
    border-left: 6px solid #282828;
    min-height: clamp(190px, calc(190px + (201  - 190) * ((100vw - 768px) / (1920 - 768))), 201px);
    padding-right: clamp(45px, calc(45px + (100  - 45) * ((100vw - 768px) / (1920 - 768))), 100px);
  }
  .game-year-index-result-card__link:hover {
    border: 1px solid #e94709;
    border-left: 6px solid #e94709;
  }
  .game-year-index-result-card__link:hover::after {
    animation: transformGameYearResultCardLink .4s ease forwards
  }
  .game-year-index-result-card__subtitle {
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    line-height: 1.5;
  }
  .game-year-index-result-card__title {
    margin-top: 7px;
    font-weight: 700;
    font-size : clamp(26px, calc(26px + (32  - 26) * ((100vw - 768px) / (1920 - 768))),32px);
    line-height: 1.5;
  }
  .game-year-index-result-card__date {
    margin-top: clamp(14px, calc(14px + (18  - 14) * ((100vw - 768px) / (1920 - 768))),18px);
    padding-top: clamp(11px, calc(11px + (13  - 11) * ((100vw - 768px) / (1920 - 768))),13px);
    border-top: 1px solid #aaa;
    font-size : clamp(13px, calc(13px + (16  - 13) * ((100vw - 768px) / (1920 - 768))),16px);
  }
  .game-year-index-result-card__venue {
    margin-top: 9px;
    line-height: 1.5;
    font-size : clamp(13px, calc(13px + (16  - 13) * ((100vw - 768px) / (1920 - 768))), 16px);
  }
  .game-year-index-result-card__head {
    padding: clamp(20px, calc(20px + (35  - 20) * ((100vw - 768px) / (1920 - 768))), 35px) clamp(14px, calc(14px + (30  - 14) * ((100vw - 768px) / (1920 - 768))), 30px) clamp(20px, calc(20px + (33  - 20) * ((100vw - 768px) / (1920 - 768))), 33px) clamp(12px, calc(12px + (32  - 12) * ((100vw - 768px) / (1920 - 768))), 32px);
    width: clamp(316px, calc(316px + (546  - 316) * ((100vw - 768px) / (1920 - 768))), 546px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .game-year-index-result-card__head > * {
    width: 100%;
  }
  .game-year-index-result-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    flex: 1;
    background-color: #f4f4f0;
    padding: clamp(20px, calc(24px + (35  - 24) * ((100vw - 768px) / (1920 - 768))), 35px) 0 clamp(10px, calc(10px + (15  - 10) * ((100vw - 768px) / (1920 - 768))), 15px);
  }
  .game-year-index-result-card__body__inner {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(45px, calc(45px + (60  - 45) * ((100vw - 768px) / (1920 - 768))), 60px);
  }
  .game-year-index-result-card__body__inner::before {
    content: "";
    position: absolute;
    top: clamp(36px, calc(36px + (54  - 36) * ((100vw - 768px) / (1920 - 768))), 54px);
    left: 50%;
    width: clamp(20px, calc(20px + (28  - 20) * ((100vw - 768px) / (1920 - 768))), 28px);
    height: clamp(7px, calc(7px + (9  - 7) * ((100vw - 768px) / (1920 - 768))), 9px);
    background-color: #666;
    transform: translateX(-50%);
  }
  .game-year-index-result-card__score {
    height: clamp(70px, calc(70px + (100  - 70) * ((100vw - 768px) / (1920 - 768))), 100px);
    line-height: 1;
    font-size : clamp(70px, calc(70px + (100  - 70) * ((100vw - 768px) / (1920 - 768))), 100px);
    font-weight: 500;
  }
  .game-year-index-result-card__lead {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    font-weight: 700;
    line-height: 1.5;
    margin-top: 5px;
    min-height: clamp(48px, calc(48px + (60  - 48) * ((100vw - 768px) / (1920 - 768))), 60px);
  }
  .game-year-index-result-card__team,
  .game-year-index-result-card__opponent {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: stretch;
    width: clamp(124px, calc(124px + (180  - 124) * ((100vw - 768px) / (1920 - 768))), 180px);
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    text-align: center;
    line-break: anywhere;
  }
  /*----- game-year-index-record -----*/
  .game-year-index-record {
    color: #000;
    margin-bottom: clamp(48px, calc(48px + (60 - 48) * ((100vw - 768px) / (1920 - 768))), 60px);
  }
  .game-year-index-record__link {
    display: block;
    position: relative;
    padding: clamp(15px, calc(15px + (38  - 15) * ((100vw - 768px) / (1920 - 768))), 38px) 78px clamp(15px, calc(15px + (38  - 15) * ((100vw - 768px) / (1920 - 768))), 38px) clamp(21px, calc(21px + (52  - 21) * ((100vw - 768px) / (1920 - 768))), 52px);
    border-top: 1px solid #aaa;
    color: #000;
  }
  .game-year-index-record__item:last-child .game-year-index-record__link {
    border-bottom: 1px solid #aaa;
  }
  .game-year-index-record__property {
    display: flex;
    gap: clamp(10px, calc(10px + (28  - 10) * ((100vw - 768px) / (1920 - 768))),28px);
    font-size : clamp(11px, calc(11px + (14  - 11) * ((100vw - 768px) / (1920 - 768))),14px);
    line-height: 1.78;
  }
  .game-year-index-record__date {
    transition: 0.3s;
  }
  .game-year-index-record__badge--lose,
  .game-year-index-record__badge--first,
  .game-year-index-record__badge--second,
  .game-year-index-record__badge--other {
    text-align: center;
    padding: 0 clamp(6px, calc(6px + (10  - 6) * ((100vw - 768px) / (1920 - 768))),10px);
    font-size : clamp(11px, calc(11px + (14  - 11) * ((100vw - 768px) / (1920 - 768))),14px);
    line-height: 1.78;
    color: #525252;
    min-width: clamp(102px, calc(102px + (140  - 102) * ((100vw - 768px) / (1920 - 768))),140px);
  }
  .game-year-index-record__badge--lose {
    color: #525252;
    border: 1px solid #aaa;
  }
  .game-year-index-record__badge--first {
    color: #fff;
    border: 1px solid #e94709;
    background-color: #e94709;
  }
  .game-year-index-record__badge--second {
    color: #fff;
    border: 1px solid #7f7f7f;
    background-color: #7f7f7f;
  }
  .game-year-index-record__badge--other {
    color: #e94709;
    border: 1px solid #e94709;
  }
  .game-year-index-record__title {
    margin-top: clamp(4px, calc(4px + (13  - 4) * ((100vw - 768px) / (1920 - 768))),13px);
    font-size : clamp(13px, calc(13px + (16  - 13) * ((100vw - 768px) / (1920 - 768))),16px);
    line-height: 1.8;
    transition: 0.3s;
  }

  .game-year-index-record__link::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
  }
  .game-year-index-record__link::after {
    background-image: url(/assets/img/lower_component/ico_component_arw2.svg);
    width: 16px;
    height: 16px;
  }
  .game-year-index-record__link:hover .game-year-index-record__date,
  .game-year-index-record__link:hover .game-year-index-record__title {
    color: #e94709;
  }
  .game-year-index-record__link:hover::after {
    animation: transformGameYearRecordLink .4s ease forwards
  }
}

/*----- PC 1440px～ -----*/
@media screen and (min-width: 1440px) {
}

/*----- PC 766～1439px -----*/
@media screen and (min-width: 767px) and (max-width: 1439px) {
}

/*----- PC 766～1440px -----*/
@media screen and (min-width: 767px) and (max-width: 1440px) {
}

/*----- TB / SP -----*/
@media screen and (max-width: 1024px) {
}

/*----- SP ～766px -----*/
@media screen and (max-width: 766px) {
  /*----- game-year-index-accordion -----*/
  .game-year-index-accordion {
    margin-bottom: max(62px, calc(62 / 375 * 100vw));
  }
  .game-year-index-accordion__head {
    display: block;
    position: relative;
    font-size: max(15px, calc(15 / 375 * 100vw));
    padding: max(15px, calc(15 / 375 * 100vw)) max(30px, calc(30 / 375 * 100vw)) max(15px, calc(15 / 375 * 100vw)) max(21px, calc(21 / 375 * 100vw));
    color: #282828;
    border-bottom: 1px solid #aaa;
    text-align: center;
    font-weight: 700;
  }
  .game-year-index-accordion__head::before,
  .game-year-index-accordion__head::after {
    position: absolute;
    top: 50%;
    right: max(6px, calc(6 / 375 * 100vw));
    height: 1px;
    margin: -1px 0 0 0;
    background-color: #e94709;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 0.3s;
    content: "";
    width: max(21px, calc(21 / 375 * 100vw));
  }
  .game-year-index-accordion__head::before {
    transform: rotate(90deg);
  }
  .game-year-index-accordion__head.is-active::before {
    transform: rotate(0deg);
  }
  /*----- game-year-index-anchor-navi -----*/
  .game-year-index-anchor-navi {
  }
  .game-year-index-anchor-navi__list {
  }
  .game-year-index-anchor-navi__list > li {
    border-bottom: 1px solid #aaa;
  }
  .game-year-index-anchor-navi__link {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding:  max(15px, calc(15 / 375 * 100vw)) max(24px, calc(24 / 375 * 100vw)) max(15px, calc(15 / 375 * 100vw)) max(10px, calc(10 / 375 * 100vw));
    color: #282828;
    font-size:  max(12px, calc(12 / 375 * 100vw));
    line-height: 1.8;
  }
  .game-year-index-anchor-navi__label {
    display: block;
  }
  .game-year-index-anchor-navi__label::after {
    top: 50%;
    transform: translateY(-50%);
  }
  /*----- game-year-index-heading2 -----*/
  .game-year-index-heading2 {
    margin-bottom: max(18px, calc(18 / 375 * 100vw));
    padding-top: max(14px, calc(14 / 375 * 100vw));
    border-top: 2px solid #e94709;
  }
  .game-year-index-heading2__link {
    display: block;
    position: relative;
    color: #282828;
    padding-right: max(45px, calc(45 / 375 * 100vw));
  }
  .game-year-index-heading2__nolink {
    display: block;
    position: relative;
    color: #282828;
    padding-right: max(45px, calc(45 / 375 * 100vw));
  }
  .game-year-index-heading2__title {
    display: inline;
    font-size : max(17px, calc(17 / 375 * 100vw));
    color: #282828;
    line-height: 1.5;
    transition: 0.3s;
    margin-right: max(7px, calc(7 / 375 * 100vw));
  }
  .game-year-index-heading2__link::after {
    height: max(8px, calc(8 / 375 * 100vw));
    width: max(8px, calc(8 / 375 * 100vw));
    top: 50%;
    right: 0;
  }
  .game-year-index-heading2__badge-wrap {
    display: inline-flex;
    vertical-align: text-top;
  }
  .game-year-index-heading2__badge--lose,
  .game-year-index-heading2__badge--first,
  .game-year-index-heading2__badge--second,
  .game-year-index-heading2__badge--other {
    display: inline-block;
    height: fit-content;
    position: relative;
    padding: 0 max(14px, calc(14 / 375 * 100vw));
    line-height: 1.8;
    font-size : max(10px, calc(10 / 375 * 100vw));
  }
  /*----- game-year-index-game-schedule -----*/
  .game-year-index-game-schedule {
    margin-bottom: max(20px, calc(20 / 375 * 100vw));
    border: 2px solid #282828;
    color: #282828;
  }
  .game-year-index-game-schedule__inner {
  }
  .game-year-index-game-schedule__subtitle {
    font-size : max(12px, calc(12 / 375 * 100vw));
    line-height: 1.5;
  }
  .game-year-index-game-schedule__title {
    margin-top: max(5px, calc(5 / 375 * 100vw));
    font-weight: 700;
    font-size : max(20px, calc(20 / 375 * 100vw));
    line-height: 1.5;
  }
  .game-year-index-game-schedule__venue {
    margin-top: max(7px, calc(7 / 375 * 100vw));
    line-height: 1.5;
    font-size : max(10px, calc(10 / 375 * 100vw));
  }
  .game-year-index-game-schedule__head {
    padding: max(18px, calc(18 / 375 * 100vw));
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .game-year-index-game-schedule__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #f4f4f0;
    padding: max(15px, calc(15 / 375 * 100vw)) max(15px, calc(15 / 375 * 100vw)) max(10px, calc(10 / 375 * 100vw));
  }
  .game-year-index-game-schedule__date {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: max(7px, calc(7 / 375 * 100vw));
    font-weight: 500;
    line-height: 1;
    font-size : max(40px, calc(40 / 375 * 100vw));
  }
  .game-year-index-game-schedule__date__small {
    line-height: 1.5;
    font-size : max(15px, calc(15 / 375 * 100vw));
    font-weight: 400;
  }
  .game-year-index-game-schedule__match {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: max(6px, calc(6 / 375 * 100vw));
    margin-top: max(6px, calc(6 / 375 * 100vw));
    line-height: 1.5;
    font-size : max(13px, calc(13 / 375 * 100vw));
  }
  .game-year-index-game-schedule__match__highlight--orange,
  .game-year-index-game-schedule__match__highlight--gray {
    display: inline-block;
    width: 8.4em;
    text-align: center;
    font-size : max(13px, calc(13 / 375 * 100vw));
    font-weight: 700;
    line-break: anywhere;
  }
  /*----- game-year-index-result-card -----*/
  .game-year-index-result-card {
    margin-bottom: max(20px, calc(20 / 375 * 100vw));
  }
  .game-year-index-result-card:last-child {
    margin-bottom: 70px;
  }
  .game-year-index-result-card__link:before {
    content: "";
    width: max(20px, calc(20 / 375 * 100vw));
    height: max(20px, calc(20 / 375 * 100vw));
    background: #e94709;
    position: absolute;
    right:max(10px, calc(10 / 375 * 100vw));
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .game-year-index-result-card__link:after {
    content: "";
    width: max(7px, calc(7 / 375 * 100vw));
    height: max(7px, calc(7 / 375 * 100vw));
    -webkit-transform: rotate(45deg) skew(-15deg, -15deg);
            transform: rotate(45deg) skew(-15deg, -15deg);
    position: absolute;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    right: max(19px, calc(19 / 375 * 100vw));
    top: calc(50% - max(3px, calc(3 / 375 * 100vw)) );
    z-index: 2;
  }
  .game-year-index-result-card__link {
    display: block;
    position: relative;
    color: #282828;
    border: 1px solid #aaa;
    border-left: 4px solid #282828;
    padding-right: max(40px, calc(40 / 375 * 100vw));
  }
  .game-year-index-result-card__subtitle {
    font-size : max(12px, calc(12 / 375 * 100vw));
    line-height: 1.5;
  }
  .game-year-index-result-card__title {
    margin-top: max(5px, calc(5 / 375 * 100vw));
    font-weight: 700;
    font-size : max(20px, calc(20 / 375 * 100vw));
    line-height: 1.5;
  }
  .game-year-index-result-card__venue {
    margin-top: max(4px, calc(4 / 375 * 100vw));
    line-height: 1.5;
    font-size : max(10px, calc(10 / 375 * 100vw));
  }
  .game-year-index-result-card__date {
    margin-top: max(10px, calc(10 / 375 * 100vw));
    padding-top: max(8px, calc(8 / 375 * 100vw));
    border-top: 1px solid #aaa;
    line-height: 1.5;
    font-size : max(10px, calc(10 / 375 * 100vw));
  }
  .game-year-index-result-card__head {
    padding: 1.5rem 1.5rem 1.7rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #aaa;
  }
  .game-year-index-result-card__head > * {
    width: 100%;
  }
  .game-year-index-result-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: max(13px, calc(13 / 375 * 100vw)) max(20px, calc(20 / 375 * 100vw)) max(9px, calc(9 / 375 * 100vw));
    border-right: 1px solid #aaa;
    background-color: #f4f4f0;
  }
  .game-year-index-result-card__body__inner {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: max(42px, calc(42 / 375 * 100vw));
  }
  .game-year-index-result-card__body__inner::before {
    content: "";
    position: absolute;
    top: max(26px, calc(26 / 375 * 100vw));
    left: 50%;
    width: max(14px, calc(14 / 375 * 100vw));
    height: max(5px, calc(5 / 375 * 100vw));
    background-color: #666;
    transform: translateX(-50%);
  }
  .game-year-index-result-card__score {
    font-size : max(50px, calc(50 / 375 * 100vw));
    height: max(50px, calc(50 / 375 * 100vw));
    line-height: 1;
    font-weight: 500;
  }
  .game-year-index-result-card__lead {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size : max(13px, calc(13 / 375 * 100vw));
    font-weight: 700;
    line-height: 1.5;
    margin-top: max(3px, calc(3 / 375 * 100vw));
    min-height: max(40px, calc(40 / 375 * 100vw));
  }
  .game-year-index-result-card__team,
  .game-year-index-result-card__opponent {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: stretch;
    width: calc((100% - max(42px, calc(42 / 375 * 100vw))) / 2);
    font-size : clamp(16px, calc(16px + (20  - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    text-align: center;
    line-break: anywhere;
  }
  /*----- game-year-index-record -----*/
  .game-year-index-record {
    color: #000;
    margin-bottom: max(62px, calc(62 / 375 * 100vw));
  }
  .game-year-index-record__link {
    display: block;
    position: relative;
    padding: max(16px, calc(16 / 375 * 100vw)) max(26px, calc(26 / 375 * 100vw)) max(15px, calc(15 / 375 * 100vw)) max(8px, calc(8 / 375 * 100vw));
    border-top: 1px solid #aaa;
    color: #000;
  }
  .game-year-index-record__item:last-child .game-year-index-record__link {
    border-bottom: 1px solid #aaa;
  }
  .game-year-index-record__property {
    gap: max(12px, calc(12 / 375 * 100vw));;
    font-size : max(12px, calc(12 / 375 * 100vw));
    line-height: 1.5;
  }
  .game-year-index-record__date {
    display: block;
  }
  .game-year-index-record__badge--lose,
  .game-year-index-record__badge--first,
  .game-year-index-record__badge--second,
  .game-year-index-record__badge--other {
    display: inline-block;
    text-align: center;
    min-width: max(108px, calc(108 / 375 * 100vw));
    margin-top: max(5px, calc(5 / 375 * 100vw));;
    padding: 0 max(13px, calc(13 / 375 * 100vw));
    font-size : max(10px, calc(10 / 375 * 100vw));
    line-height: 1.8;
    color: #525252;
  }
  .game-year-index-record__badge--lose {
    color: #525252;
    border: 1px solid #aaa;
  }
  .game-year-index-record__badge--first {
    color: #fff;
    border: 1px solid #e94709;
    background-color: #e94709;
  }
  .game-year-index-record__badge--second {
    color: #fff;
    border: 1px solid #7f7f7f;
    background-color: #7f7f7f;
  }
  .game-year-index-record__badge--other {
    color: #e94709;
    border: 1px solid #e94709;
  }
  .game-year-index-record__title {
    margin-top: max(10px, calc(10 / 375 * 100vw));
    font-size : max(13px, calc(13 / 375 * 100vw));
    line-height: 1.5;
  }

  .game-year-index-record__link::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    top: 50%;
    right: max(7px, calc(7 / 375 * 100vw));
    transform: translateY(-50%);
  }
  .game-year-index-record__link::after {
    background-image: url(/assets/img/lower_component/ico_component_arw2.svg);
    width: max(14px, calc(14 / 375 * 100vw));
    height: max(14px, calc(14 / 375 * 100vw));
  }
}