/******* common *******/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  font-weight: normal;
  font-family: "Noto Sans JP", serif;
}

@font-face {
  font-family: "Futura";
  src: url("../fonts/Futura-Bold-03.ttf");
}
ul,
ol {
  list-style: none;
}
a,
a:visited {
  color: inherit;
  text-decoration: none;
}
img {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
iframe {
  border: none;
}
.sp,
.pad {
  display: none;
}
.member.sp,
.menu.sp {
  display: none;
}
.disable {
  pointer-events: none;
  opacity: 0.4;
}
.inner {
  width: 1080px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp,
  .pad {
    display: block;
  }
  .member.sp {
    display: flex;
  }
}

/****** button ******/
.btn_blue {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.72px;
  width: 360px;
  max-width: 100%;
  height: 64px;
  background-color: #003a8f;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btn_blue a {
  color: #fff;
}
.btn_blue.center {
  margin: 0 auto;
}
.btn_blue .btn_icon {
  width: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  transition: right 0.5s ease;
}
.btn_blue:hover .btn_icon {
  right: 3%;
}

/****** title ******/
.title_blue {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 19px;
  font-weight: 700;
  line-height: 150%;
  background-color: #003a8f;
  padding: 12px 16px;
}
.title_yellow {
  color: #003a8f;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  border-bottom: 2px solid #f5f5f5;
  width: 100%;
  position: relative;
  padding: 8px 0 8px 20px;
}
.title_yellow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffe10d;
  width: 8px;
  height: 100%;
}

/* ***** margin / padding ***** */
.mb12 {
  margin-bottom: 48px;
}
.mb10 {
  margin-bottom: 36px;
}
.mb9 {
  margin-bottom: 36px;
}
.mb8 {
  margin-bottom: 32px;
}
.mb6 {
  margin-bottom: 24px;
}
.smb6 {
  margin-bottom: 24px;
}
.mb3 {
  margin-bottom: 12px;
}
.mt100 {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .btn_blue {
    height: 60px;
    font-size: 16px;
  }
  .btn_blue .btn_icon {
    width: 24px;
  }
  .btn_blue.center.m0 {
    margin-top: 0 !important;
  }
  .title_blue {
    font-size: 16px;
  }
  .title_yellow {
    font-size: 16px;
    width: 100%;
    position: relative;
    padding: 8px 0 8px 15px;
  }
  .mb12 {
    margin-bottom: 24px;
  }
  .mb10 {
    margin-bottom: 40px;
  }
  .mb9 {
    margin-bottom: 24px;
  }
  .smb6 {
    margin-bottom: 16px;
  }
  .mt100 {
    margin-top: 72px;
  }
}

/* !background
---------------------------------------------------------- */
.background {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #003a8f;
  z-index: -10;
}
.background img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

/* !kv
---------------------------------------------------------- */
.kv.inner {
  padding-top: 48px;
}
.kv img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .kv.inner {
    padding-top: 50px;
  }
}

/* !others
---------------------------------------------------------- */
.main_title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.main_title p {
  color: #ffe10d;
  text-align: center;
  font-family: Futura;
  font-size: 54px;
  font-weight: 700;
  line-height: 100%;
}
.main_title span {
  display: block;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
.item_container {
  border-radius: 24px;
  background: #fff;
  padding: 64px;
  margin: 36px auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 72px;
  width: 1128px;
  max-width: 100%;
}
.flex_box {
  display: flex;
  gap: 36px;
  align-items: center;
  justify-content: center;
}
.flex_box img {
  width: 51.9%;
}
.flex_box .tab_text {
  width: 48.1%;
}
.flex_box .tab_text a span {
  color: #003a8f; 
  text-decoration-line: underline;
}
.image-container {
  display: flex; 
  justify-content: space-between; 
  align-items: center;
}
.image-container img {
  max-width: 32%;
}
.info_box .info_item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.text--center {
  text-align: center;
}

.line {
  display: block;
  background-color: #f5f5f5;
  height: 2px;
  width: 100%;
}
.info_box .info_item a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: start;
  transition: 0.4s ease;
}
.info_box .info_item a:hover {
  opacity: 0.6;
}
.info_box .info_item .date {
  color: #808793;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
  display: block;
}
.info_box .info_item .info_title {
  color: #003a8f;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.64px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.info_box .info_item a {
  padding: 0 16px;
}
.design_info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.design_info .note {
  color: #1c1f23;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  line-height: 175%;
  margin-top: 10px;
}
.stage_box {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: start;
  justify-content: center;
  width: 100%;
}
.stage_box .item {
  width: 100%;
}

/* !tab
---------------------------------------------------------- */
/* ************ top ************ */
.tab_container {
  width: auto;
  margin: 56px auto 0;
}
.tab-nav {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  justify-content: center;
  width: 992px;
  max-width: 100%;
  margin: 0 auto;
}
.tab-nav li {
  flex: 1;
}
.tab-nav label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  position: relative;
  height: 80px;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.5s ease;
  cursor: pointer;
}
.tab-nav label .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 31%;
}
.tab-nav label:hover {
  background-color: #ffe10d;
}
.tab-nav label img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  width: 48px;
  height: 48px;
}
#tab1:checked ~ .tab-nav label[for="tab1"],
#tab2:checked ~ .tab-nav label[for="tab2"],
#tab3:checked ~ .tab-nav label[for="tab3"] {
  background-color: #ffe10d;
}
.tab-content.top {
  padding: 80px 0 100px;
}
.tab-content.top > div,
.tab-content.map > div {
  display: none;
  padding: 20px;
}
input[type="radio"] {
  display: none;
}
#tab1:checked ~ .tab-content.top .content1,
#tab2:checked ~ .tab-content.top .content2,
#tab3:checked ~ .tab-content.top .content3 {
  display: block;
  padding: 0;
}

.tab_item {
  width: 100%;
}
.tab_item_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #eaf3fa;
  border-top: 3px solid #1a226a;
  border-bottom: 3px solid #1a226a;
  padding: 14px 0;
}
.tab_item_title span {
  color: #328aca;
  text-align: center;
  font-family: Futura;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
.tab_item_title p {
  color: #1a226a;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.96px;
}
.tab_text {
  color: #1c1f23;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  line-height: 175%;
}
.tab_text .blue {
  color: #003a8f;
  font-weight: 700;
}
.tab_text.center {
  text-align: center;
}

/* ************ inside ************ */
.tab_container.inside {
  margin: 42px 0 0;
}
.tab-nav.inside {
  gap: 12px;
  padding: 0;
  width: 372px;
  max-width: 100%;
  margin: 0 auto 24px;
}
.tab-nav.inside label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  position: relative;
  height: 56px;
  width: 180px;
  border-radius: 4px;
  background-color: #fff;
  border: 2px solid #003a8f;
  transition: 0.5s ease;
}
.tab-nav.inside label:hover {
  background-color: #003a8f;
  color: white;
}
#inside_tab1:checked ~ .tab-nav.inside label[for="inside_tab1"],
#inside_tab2:checked ~ .tab-nav.inside label[for="inside_tab2"] {
  background-color: #003a8f;
  color: #fff;
}
.tab-content.inside {
  padding: 0;
}
.tab-content.inside > div {
  display: none;
  padding: 0;
}
#inside_tab1:checked ~ .tab-content.inside .inside_content1,
#inside_tab2:checked ~ .tab-content.inside .inside_content2 {
  display: block;
  padding: 0;
  max-width: 750px;
  width: 100%;
  min-width: 460px;
  margin: 0 auto;
}
.tab-content.inside table {
  width: 100%;
  border-collapse: collapse;
}
table {
  width: 100%;
  border-collapse: collapse;
}
table tr th {
  padding: 10px;
  background-color: #f0f0f0;
  color: #262626;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #e0e0e0;
}
.tab-content.inside thead,
.tab-content.inside tbody {
  max-width: 100%;
  margin: 0 auto;
}
.tab-content thead {
  background-color: #003a8f;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
}
.tab-content thead tr {
  height: 36px;
}
.tab-content thead .date {
  width: 140px;
}
.tab-content thead .card {
  width: 320px;
}
.tab-content thead .stadium,
.tab-content thead .time,
.tab-content thead .format {
  width: 95.3px;
}
.tab-content tbody {
  background-color: #f5f5f5;
}
.tab-content tbody td {
  color: #1b1b1b;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  padding: 8px;
}

.tab-content .table-simple tbody td {
  padding: 4px;
  color: #4d4d4d;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

.tab-content tbody tr {
  height: 34px;
}
.tab_item .item_wrapper {
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
/* PC縺ｧ縺ｯ讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ辟｡蜉ｹ蛹� */
.tab-content.inside {
  overflow-x: hidden;
  overflow-y: hidden;
}
@media screen and (max-width: 940px) {
  .tab-nav label {
    font-size: 16px;
  }
  .tab-nav label img {
    width: 42px;
  }
}
@media screen and (max-width: 768px) {
  .tab-content.top {
    padding: 72px 0 72px;
  }
  .tab_container {
    margin: 32px auto 0;
  }
  .tab-nav {
    gap: 5px;
    margin-bottom: 0;
  }
  .tab-nav label {
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
    height: 94px;
  }
  .tab-nav label span {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tab-nav label img {
    position: relative;
    top: unset;
    transform: translateY(0);
    left: unset;
    width: 32px;
    height: 32px;
  }
  .tab-content {
    padding: 56px 0 72px;
  }
  .main_title p {
    font-size: 36px;
  }
  .main_title span {
    font-size: 16px;
    line-height: 130%;
  }
  .item_container {
    border-radius: 12px;
    padding: 32px 16px;
    margin: 24px auto 0;
    gap: 64px;
  }
  .flex_box {
    flex-direction: column;
    gap: 16px;
  }
  .flex_box img {
    width: 100%;
  }
  .flex_box .tab_text {
    width: 100%;
  }
  .tab_text {
    font-size: 14px;
  }
  .content1 .btn_blue.center {
    margin-top: 32px;
  }
  .tab_item_title {
    padding: 12px 0;
  }
  .tab_item_title span {
    font-size: 14px;
  }
  .tab_item_title p {
    font-size: 18px;
    letter-spacing: 0.72px;
  }
  .tab_text.center {
    text-align: start;
  }
  .tab_container.inside {
    margin: 36px 0 0;
  }
  .tab-nav.inside label {
    font-size: 16px;
    height: 48px;
    width: 150px;
  }
  .tab-content thead .date {
    width: 90px;
  }
  .tab-content thead .card {
    width: 160px;
  }
  .tab-content thead .stadium,
  .tab-content thead .time,
  .tab-content thead .format {
    width: 70px;
  }
  .tab-content tbody td {
    padding: 4px;
  }
  .info_box .info_item {
    gap: 14px;
  }
  .info_box .info_item .date {
    font-size: 12px;
  }
  .info_box .info_item .info_title {
    font-size: 14px;
  }
  .design_info .note {
    font-size: 12px;
    margin-top: 8px;
  }
  .btn_blue.center.p0 {
    margin: 0;
  }
  .tab_text.mb36 {
    margin-bottom: -16px;
  }
  .tab-nav label .text {
    position: unset;
    top: unset;
    transform: translateY(0);
    left: unset;
  }
  .tab-content.inside {
    overflow-x: auto;
  }
}

/* *** photo gallery ***
----------------------------------------------- */
.hide {
  display: none !important;
}
.photo_wrapper a {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 6px;
}
.photo_wrapper .photo_date {
  color: #00428e;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.56px;
}
.photo_wrapper .name {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
}
.photo_wrapper .thumbs {
  width: 100%;
  transform: scale(1);
  transition: transform 0.5s ease-out;
}
.photo_wrapper .lens {
  position: absolute;
  bottom: 8px;
  right: 10px;
  width: 36px;
  z-index: 2;
}
.photo_wrapper a:hover .thumbs {
  transform: scale(1.1);
}
.item_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  column-gap: 4px;
}
.attached .next img,
.attached .prev img {
  width: 56px;
}

/*------- pop over -------*/
.fancyboxBox {
  max-width: 100vw;
  max-height: 100vh;
}
.fancyboxBox .fancyboxDisplay {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  justify-content: center;
  overflow-y: scroll;
}
.fancybox-content {
  padding: 0;
}
.fancybox-button svg {
  display: none;
}
.fancybox-slide--html {
  padding: 0;
}
.fancyboxBox .content {
  width: 800px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.fancyboxDisplay .item_img {
  width: 600px;
  max-width: 100%;
}
.fancyboxDisplay .close {
  width: 320px;
  max-width: calc(100% - 32px);
  margin: 36px auto 0;
  border-radius: 36px;
  background-color: #fff;
}
.fancyboxDisplay .close a {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  height: 64px;
}
.fancyboxDisplay .close img {
  display: block;
  width: 16px;
  height: 16px;
}
.fancyboxDisplay .close span {
  display: block;
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 180%;
}
.fancybox-content {
  top: 50%;
  transform: translateY(-50%);
}
.fancybox-slide::before {
  display: none;
}
.fancybox-content button.prev,
.fancybox-content button.next {
  cursor: pointer;
  background: transparent;
  border: none;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.fancybox-content button.prev {
  left: 0;
}
.fancybox-content button.next {
  right: 0;
}
.fancybox-content button.prev.btn_disable,
.fancybox-content button.next.btn_disable {
  pointer-events: none;
  opacity: 0.6;
}

.fancybox-caption {
  display: none;
}
.fancybox-infobar {
  display: none;
}
.fancybox-toolbar {
  display: none;
}
.fancybox-content .fancybox-close-small {
  display: none;
  pointer-events: none;
}
.fancybox-navigation {
  display: none;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .item_box {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 12px;
  }
  .photo_wrapper .name {
    font-size: 12px;
  }
  .attached.sp {
    width: 600px;
    max-width: calc(100% - 32px);
    margin: 28px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .fancyboxDisplay .close {
    width: 160px;
    margin-top: 0;
  }
  .fancyboxDisplay .close a {
    gap: 8px;
    height: 48px;
  }
  .fancyboxDisplay .close img {
    width: 12px;
    height: 12px;
  }
  .fancyboxDisplay .close span {
    font-size: 14px;
  }
  .fancybox-content button.prev,
  .fancybox-content button.next {
    position: unset;
    top: unset;
    transform: translateY(0);
    width: 48px;
    height: 48px;
  }
  .photo_wrapper .lens {
    bottom: 3px;
    right: 5px;
  }
}

/* schedule
----------------------------------------------- */
.calender_item {
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
.calender_item img {
  width: 100%;
  margin-bottom: 12px;
}
.calender_item ul {
  color: #1c1f23;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  line-height: 175%;
}
.calender_item ul li {
  display: flex;
  gap: 2px;
}
.tab-content.menu,
.tab-content.member {
  padding: 0;
  display: flex;
  gap: 32px;
}
.table_box .menu_content1,
.table_box .menu_content2,
.member_content1,
.member_content2 {
  width: 50%;
}
.table_box .menu_content1 .title,
.table_box .menu_content2 .title,
.table_box .member_content1 .title_member,
.table_box .member_content2 .title_member {
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 12px;
}
.table_box .member_content1 .title_member span,
.table_box .member_content2 .title_member span {
  font-size: 16px;
}
.table_box .menu_content1 .date,
.table_box .menu_content2 .date {
  font-size: 14px;
}
.table_box .menu_content1 .menu,
.table_box .menu_content2 .menu {
  width: 343px;
}
.table_box .menu_content1 .menu a,
.table_box .menu_content2 .menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: 0.4s ease;
}
.table_box .menu_content1 .menu a:hover,
.table_box .menu_content2 .menu a:hover {
  opacity: 0.6;
}
.table_box .menu_content1 .menu img,
.table_box .menu_content2 .menu img {
  width: 20px;
}
.table_box .member_content1 .position,
.table_box .member_content2 .position {
  width: 160px;
}
.table_box .member_content1 .number,
.table_box .member_content2 .number {
  width: 80px;
}
.table_box .member_content1 .name,
.table_box .member_content2 .name {
  width: 242px;
  color: #00428e;
  font-size: 14px;
  line-height: 130%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: 0.4s ease;
}
.table_box .member_content1 .name:hover,
.table_box .member_content2 .name:hover {
  opacity: 0.6;
}
.table_box .menu_content1 .title_member,
.table_box .menu_content2 .title_member {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 12px;
}
.table_box .menu_content1 .title_member span,
.table_box .menu_content2 .title_member span {
  display: block;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .table_box .tab-nav.menu {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
  }
  .table_box .tab-nav.menu label {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    border: 1px solid #003a8f;
    background: #fff;
    color: #003a8f;
    height: 48px;
  }
  /* 繧ｳ繝ｳ繝�Φ繝�Κ蛻� */
  .table_box .tab-content.menu {
    width: 100%;
  }
  .tab-content.menu > div {
    display: none;
    width: 100%;
  }
  /* 繝√ぉ繝�け譎ゅ�陦ｨ遉ｺ蛻ｶ蠕｡ */
  .table_box #menu_tab1:checked ~ .tab-content.menu .menu_content1,
  .table_box #menu_tab2:checked ~ .tab-content.menu .menu_content2 {
    display: block;
  }

  /* 繝√ぉ繝�け譎ゅ�繧ｿ繝悶せ繧ｿ繧､繝ｫ */
  .table_box #menu_tab1:checked ~ .tab-nav.menu label[for="menu_tab1"],
  .table_box #menu_tab2:checked ~ .tab-nav.menu label[for="menu_tab2"] {
    background: #003a8f;
    color: #fff;
  }

  /* 繝��繝悶Ν髢｢騾｣ */
  .table_box .menu_content1,
  .table_box .menu_content2 {
    width: 100%;
  }
  .table_box .menu_content1 .date,
  .table_box .menu_content2 .date {
    min-width: 140px;
  }
  .table_box .menu_content1 .menu,
  .table_box .menu_content2 .menu {
    min-width: 170px;
  }

  .table_box .tab-nav.member {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
  }
  .table_box .tab-nav.member label {
    width: 100%;
    font-size: 14px;
    border: 1px solid #003a8f;
    background: #fff;
    color: #003a8f;
    height: 48px;
    gap: 2px;
  }
  .table_box .tab-nav.member label span {
    font-size: 12px;
    height: fit-content;
  }
  .table_box .tab-content.member {
    width: 100%;
    padding: 0;
  }
  .tab-content.member > div {
    display: none;
    width: 100%;
  }
  .table_box #member_tab1:checked ~ .tab-content.member .member_content1,
  .table_box #member_tab2:checked ~ .tab-content.member .member_content2 {
    display: block;
  }
  .table_box #member_tab1:checked ~ .tab-nav.member label[for="member_tab1"],
  .table_box #member_tab2:checked ~ .tab-nav.member label[for="member_tab2"] {
    background: #003a8f;
    color: #fff;
  }
  .table_box .member_content1,
  .table_box .member_content2 {
    width: 100%;
  }
}

/* ***** map tab *****  */
.tab_container.map {
  margin: 42px 0 0;
}
.tab-nav.map {
  gap: 12px;
  padding: 0;
  width: 372px;
  max-width: 100%;
  margin: 0 auto 24px;
}
.tab-nav.map label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  position: relative;
  height: 56px;
  width: 180px;
  max-width: 100%;
  border-radius: 4px;
  background-color: #fff;
  border: 2px solid #003a8f;
}
.tab-nav.map label:hover {
  background-color: #003a8f;
  color: #fff;
  transition: 0.5s ease;
}
#map_tab1:checked ~ .tab-nav.map label[for="map_tab1"],
#map_tab2:checked ~ .tab-nav.map label[for="map_tab2"] {
  background-color: #003a8f;
  color: #fff;
}
.tab-content.map {
  padding: 0;
}
.tab-content.map > div {
  display: none;
  padding: 0;
}
#map_tab1:checked ~ .tab-content.map .map_content1,
#map_tab2:checked ~ .tab-content.map .map_content2 {
  display: block;
  padding: 0;
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
.tab-content.map thead,
.tab-content.map tbody {
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .tab-nav.map label {
    width: 150px;
    height: 48px;
    font-size: 16px;
  }
  .tab_container.map {
    margin: 36px 0 0;
  }
}

/* access
----------------------------------------------- */
.note_box {
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
.note_item {
  color: #1c1f23;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  line-height: 175%;
}
.note_item li {
  display: flex;
  gap: 4px;
}
.google_map {
  aspect-ratio: 25 / 14;
  width: 750px;
  max-width: 100%;
}
.google_map iframe {
  width: 100%;
  height: 100%;
}
.stadium_info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.flex_item {
  display: flex;
  gap: 12px;
  padding: 0 4px;
}
.stadium_info .flex_item .item {
  color: #003a8f;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.64px;
  width: 100px;
  max-width: 100%;
}
.stadium_info .flex_item .detail {
  color: #1c1f23;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.64px;
}
.access_info .item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.access_info li.item {
  display: flex;
  gap: 4px;
  flex-direction: row;
}
.access_info .item .flex_item {
  align-items: center;
}
.access_info .item img {
  width: 32px;
  height: 32px;
}
.access_info .item .flex_item p {
  color: #003a8f;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.72px;
}
.access_info .item .flex_item .tab_text {
  line-height: 150%;
}

@media screen and (max-width: 768px) {
  .note_item {
    font-size: 14px;
  }
  .stadium_info .flex_item .item {
    font-size: 14px;
    flex-shrink: 0;
  }
  .stadium_info .flex_item .detail {
    font-size: 14px;
  }
  .access_info .item img {
    width: 28px;
  }
  .access_info .flex_item {
    gap: 8px;
  }
  .access_info .item .flex_item p {
    font-size: 16px;
  }
  .access_info .item {
    gap: 6px;
  }
  .access_info .tab_text {
    margin-top: 6px;
  }
}

/* !support
---------------------------------------------------------- */
.text_blue {
  color: #003a8f;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.96px;
}
.sponsor_info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
}
.sponsor_info img {
  width: 648px;
}

@media screen and (max-width: 768px) {
  .text_blue {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
}

/* !sns
---------------------------------------------------------- */
.btn_blue.sns {
  font-family: Futura;
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  width: 240px;
  height: 72px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.btn_blue.sns .flex_item {
  padding-left: 18.5px;
  gap: 10px;
  align-items: center;
}
.sns_name {
  display: flex;
  gap: 6px;
  align-items: baseline;
  justify-content: center;
}
.span_flex {
  display: flex;
  gap: 2px;
  align-items: baseline;
}
.btn_blue.sns .flex_item .noto {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  display: block;
}
.btn_blue.sns .flex_item .futura {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: block;
  line-height: 100%;
}
.btn_blue.sns .flex_item .noto {
  font-family: "Noto Sans JP";
}
.btn_blue.sns .flex_item .futura {
  font-family: Futura;
}
.btn_blue.sns .flex_item img {
  width: 36px;
  height: 36px;
}
.sns_box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.sns_box .item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sns_box .item p {
  color: #00428e;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.deco_l,
.deco_r {
  width: 2px;
  height: 20px;
  background-color: #e6e6e6;
  display: block;
}
.deco_l {
  transform: rotate(-32deg);
}
.deco_r {
  transform: rotate(32deg);
}
.sns .item_container {
  gap: 36px;
}

@media screen and (max-width: 768px) {
  .sns .item_container {
    gap: 32px;
  }
  .btn_blue.sns {
    height: 64px;
    width: 311px;
  }
  .btn_blue.sns {
    font-size: 18px;
  }
}

/* !sns
---------------------------------------------------------- */
.gotop {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.gotop img {
  width: 32px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.5s ease;
}
.gotop:hover img {
  top: -5%;
}
.gotop .yellow {
  color: #ffe10d;
  text-align: center;
  font-family: Futura;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  padding-top: 40px;
}
.gotop .txt {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
}

@media screen and (max-width: 768px) {
  .gotop .yellow {
    font-size: 28px;
  }
  .gotop img {
    width: 26px;
  }
  .gotop .txt {
    font-size: 12px;
  }
}

/* !comingsoon
---------------------------------------------------------- */
.comingsoon {
  width: 100%;
}
h1.comingsoon {
  color: #0096e0;
  font-family: Futura;
  font-size: 26px;
  font-weight: 700;
  line-height: 150%;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .comingsoon h1 {
    font-size: 26px;
  }
}

/* !top news
---------------------------------------------------------- */
.camp_top_news {
  background-color: #fff;
  padding: 24px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 56px auto 80px;
  width: 992px;
  max-width: 100%;
}
.camp_top_news a {
  color: #de5253;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: 0.4s ease;
}
.camp_top_news a:hover {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  .camp_top_news {
    padding: 16px;
    margin: 32px auto;
  }
  .camp_top_news a {
    font-size: 14px;
    text-align: start;
  }
}