/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
.p_shimap_board__content .board_lead {
  font-size: 0.9375rem;
}

.p_shimap_board__content .board_item__desc {
  font-size: 1rem;
}

.p_shimap_board__content .board_subttl {
  font-size: 1rem;
}

.p_shimap_tap__txt, .p_shimap_board__content .board_part {
  font-size: 1.0625rem;
}

.p_shimap_board__content .board_heading, .p_shimap_board__content .board_ttl {
  font-size: 1.1875rem;
}

.p_shimap .c_breadcrumb__item .is_access,
.p_shimap .c_breadcrumb__item .is_tourist {
  display: none;
}
.p_shimap:has(.p_shimap_board__content.is_access.is_active) .c_breadcrumb__item .is_access {
  display: inline;
}
.p_shimap:has(.p_shimap_board__content.is_tourist.is_active) .c_breadcrumb__item .is_tourist {
  display: inline;
}
.p_shimap_taps {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 500px;
  margin-inline: auto;
}
.p_shimap_tap {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 1;
  width: calc(50% - 5px);
  min-height: 70px;
  margin-top: 50px;
}
.p_shimap_tap::after {
  content: "";
  position: absolute;
  bottom: 5px;
  aspect-ratio: 19/16;
  width: 18px;
  -webkit-mask: url(../images/common/icon_triangle.svg) center/contain no-repeat;
  mask: url(../images/common/icon_triangle.svg) center/contain no-repeat;
  background-color: #fff;
  bottom: 5px;
  transform: translateX(-5px);
  transition: opacity 0.5s ease;
  opacity: 0;
}
.p_shimap_tap.is_access .p_shimap_tap__txt::after {
  background: url(../images/shimap/img_wave01.svg) center/contain no-repeat;
}
.p_shimap_tap.is_tourist .p_shimap_tap__txt::after {
  background: url(../images/shimap/img_wave02.svg) center/contain no-repeat;
}
.p_shimap_tap__txt {
  position: relative;
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
  font-weight: 900;
  letter-spacing: 0.1em;
  width: 100%;
  color: #fff;
  min-height: 40px;
  padding-top: 10px;
}
.p_shimap_tap__txt::before {
  content: "";
  border-radius: inherit;
  background-color: #0e6198;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: height 0.5s ease;
}
.p_shimap_tap__txt::after {
  display: block;
  content: "";
  margin-inline: auto;
  width: 100%;
  transition: opacity 0.5s ease;
  opacity: 0;
  height: 9px;
}
.p_shimap_tap.is_active {
  pointer-events: none;
}
.p_shimap_tap.is_active::after {
  opacity: 1;
}
.p_shimap_tap.is_active .p_shimap_tap__txt::after {
  opacity: 1;
}
.p_shimap_tap.is_active .p_shimap_tap__txt::before {
  height: 200%;
}
.p_shimap_board {
  margin-top: 40px;
}
.p_shimap_board__content {
  background-color: rgba(14, 97, 152, 0.16);
  border-radius: 15px;
  display: none;
  padding-inline: 20px;
  padding-block: 30px 40px;
}
.p_shimap_board__content.is_active {
  display: block;
}
.p_shimap_board__content.is_tourist .board_block:not(:last-child) .board_item__desc {
  display: table;
  margin-inline: auto;
  text-align: left;
}
.p_shimap_board__content .board_heading {
  font-weight: 900;
  color: #0e6198;
  text-align: center;
}
.p_shimap_board__content .board_ttl {
  font-weight: 900;
  text-align: center;
  color: #0e6198;
}
.p_shimap_board__content .board_ttl::after {
  content: "";
  display: block;
  width: 100%;
  margin-inline: auto;
  height: 4px;
  background: url(../images/shimap/img_wave03.png) center/cover no-repeat;
  margin-top: 10px;
}
.p_shimap_board__content .board_ttl + .board_list {
  margin-top: 40px;
}
.p_shimap_board__content .board_parts {
  display: grid;
  margin-inline: auto;
  margin-block: 30px 50px;
}
.p_shimap_board__content .board_part {
  font-weight: 900;
  color: #0e6198;
  opacity: 1;
}
.p_shimap_board__content .board_part + .board_part {
  margin-top: 20px;
}
.p_shimap_board__content .board_part__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  gap: 10px;
}
.p_shimap_board__content .board_part__txt {
  position: relative;
}
.p_shimap_board__content .board_part__txt::after {
  position: absolute;
  left: 0;
  content: "";
  bottom: 0;
  height: 2px;
  background-color: #0e6198;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p_shimap_board__content .board_part__icon {
  border: 2px solid #0e6198;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  transition-property: color, background-color;
  color: currentColor;
  width: 35px;
}
.p_shimap_board__content .board_part__icon::after {
  content: "";
  aspect-ratio: 20/11;
  -webkit-mask: url(../images/common/icon_arrow_03.svg) center/contain no-repeat;
  mask: url(../images/common/icon_arrow_03.svg) center/contain no-repeat;
  background-color: currentColor;
  width: 17px;
  display: block;
}
.p_shimap_board__content .board_block {
  margin-inline: auto;
}
.p_shimap_board__content .board_block + .board_block {
  margin-top: 50px;
}
.p_shimap_board__content .board_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 30px 20px;
}
.p_shimap_board__content .board_subttl {
  font-weight: 700;
  color: #0e6198;
  margin-bottom: 20px;
}
.p_shimap_board__content .board_row {
  margin-top: 40px;
}
.p_shimap_board__content .board_row:has(.board_item.item_hide) .board_more {
  display: block;
}
.p_shimap_board__content .board_row:has(.c_btn03 input:checked) .item_hide {
  display: block;
}
.p_shimap_board__content .board_row:has(.c_btn03 input:checked) .item_hide_sp {
  display: block;
}
.p_shimap_board__content .board_row:has(.c_btn03 input:checked) .board_more {
  display: none;
}
.p_shimap_board__content .board_lead {
  font-weight: 700;
  margin-top: 20px;
  color: #555;
}
.p_shimap_board__content .board_lead + .board_row {
  margin-top: 20px;
}
.p_shimap_board__content .board_item__desc {
  font-weight: 700;
  text-align: center;
  color: #0e6198;
  line-height: 1.2173913043;
  text-decoration: underline;
  margin-top: 15px;
}
.p_shimap_board__content .board_item.item_hide {
  display: none;
}
.p_shimap_board__content .board_item.item_hide_sp {
  display: none;
}
.p_shimap_board__content .board_more {
  text-align: center;
  margin-top: 30px;
  display: none;
}
.p_shimap_board__content .board_more input {
  display: none;
}
@media screen and (max-width: 767px) {
  .p_shimap_board__content .board_row:has(.board_item.item_hide_sp) .board_more {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p_shimap_board__content .board_lead {
    font-size: 1.25rem;
  }
  .p_shimap_board__content .board_item__desc {
    font-size: 1.4375rem;
  }
  .p_shimap_board__content .board_subttl {
    font-size: 1.5625rem;
  }
  .p_shimap_tap__txt, .p_shimap_board__content .board_part {
    font-size: 1.75rem;
  }
  .p_shimap_board__content .board_heading, .p_shimap_board__content .board_ttl {
    font-size: 2.0625rem;
  }
  .p_shimap_taps {
    max-width: unset;
    gap: clamp(3.75rem, 31.25vw + -11.25rem, 8.75rem);
  }
  .p_shimap_tap {
    margin-top: 89px;
    border-radius: 15px;
    min-height: 114px;
    width: 333px;
  }
  .p_shimap_tap::after {
    width: 24px;
    bottom: 11px;
  }
  .p_shimap_tap__txt {
    min-height: 73px;
    padding-top: 15px;
  }
  .p_shimap_tap__txt::after {
    height: 13px;
    margin-top: 3px;
  }
  .p_shimap_board {
    margin-top: 47px;
    padding-bottom: 33px;
  }
  .p_shimap_board__content {
    border-radius: 17px;
    padding-inline: 30px;
    padding-block: 47px 201px;
  }
  .p_shimap_board__content.is_access .board_item__desc {
    margin-inline: clamp(-0.5625rem, -5.1136363636vw + 3.2727272727rem, 0rem);
  }
  .p_shimap_board__content.is_tourist .board_parts {
    grid-template-columns: 54% 44%;
    max-width: 1043px;
  }
  .p_shimap_board__content .board_heading {
    font-size: clamp(1.75rem, 1.1574074074vw + 1.1944444444rem, 2.0625rem);
  }
  .p_shimap_board__content .board_ttl {
    font-size: clamp(1.75rem, 1.1574074074vw + 1.1944444444rem, 2.0625rem);
  }
  .p_shimap_board__content .board_ttl::after {
    max-width: 755px;
    height: 5px;
    margin-top: 20px;
  }
  .p_shimap_board__content .board_ttl + .board_list {
    margin-top: 67px;
  }
  .p_shimap_board__content .board_parts {
    max-width: 937px;
    grid-template-columns: 58% 42%;
    margin-block: 63px 113px;
    gap: 46px 10px;
  }
  .p_shimap_board__content .board_part {
    font-size: clamp(1.25rem, 1.8518518519vw + 0.3611111111rem, 1.75rem);
  }
  .p_shimap_board__content .board_part + .board_part {
    margin-top: 0;
  }
  .p_shimap_board__content .board_part__link {
    gap: clamp(0.625rem, 4.8611111111vw + -1.7083333333rem, 1.9375rem);
  }
  .p_shimap_board__content .board_part__txt::after {
    height: 3px;
    bottom: -5px;
  }
  .p_shimap_board__content .board_part__icon {
    width: 1.9285714286em;
    border-width: 3px;
  }
  .p_shimap_board__content .board_part__icon::after {
    width: 1.0714285714em;
  }
  .p_shimap_board__content .board_block {
    max-width: 988px;
  }
  .p_shimap_board__content .board_block + .board_block {
    margin-top: 100px;
  }
  .p_shimap_board__content .board_list {
    gap: 41px clamp(1.875rem, 11.5740740741vw + -3.6805555556rem, 5rem);
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
  }
  .p_shimap_board__content .board_subttl {
    margin-bottom: 26px;
  }
  .p_shimap_board__content .board_row {
    margin-top: 67px;
  }
  .p_shimap_board__content .board_row + .board_row {
    margin-top: 46px;
  }
  .p_shimap_board__content .board_lead {
    margin-top: 34px;
  }
  .p_shimap_board__content .board_lead + .board_row {
    margin-top: 26px;
  }
  .p_shimap_board__content .board_item__desc {
    margin-top: 28px;
    font-size: clamp(1.125rem, 1.1574074074vw + 0.5694444444rem, 1.4375rem);
  }
  .p_shimap_board__content .board_item.item_hide_sp {
    display: block;
  }
  .p_shimap_board__content .board_more {
    margin-top: 65px;
    padding-bottom: 8px;
  }
}
@media (any-hover: hover) and (pointer: fine) {
  .p_shimap_tap {
    transition: 0.5s;
    transition-property: all;
  }
  .p_shimap_tap:hover::after {
    opacity: 1;
  }
  .p_shimap_tap:hover .p_shimap_tap__txt::after {
    opacity: 1;
  }
  .p_shimap_tap:hover .p_shimap_tap__txt::before {
    height: 200%;
  }
  .p_shimap_board__content .board_part__link {
    transition: 0.5s;
    transition-property: all;
  }
  .p_shimap_board__content .board_part__link:hover .board_part__icon {
    background-color: #0e6198;
    color: #fff;
  }
  .p_shimap_board__content .board_part__link:hover .board_part__txt::after {
    opacity: 1;
  }
}
/*# sourceMappingURL=maps/shimap.css.map */