@charset "utf-8";

/* ----------------
  Matsuri
---------------- */
.header_inner .main_navigation > li.nav-3 > a {
  color: rgb(0, 0, 0);
}
.header_inner .main_navigation > li.nav-3 > a:hover {
  color: rgb(208, 18, 27);
}
.header_inner .main_navigation > li.nav-5 > a {
  color: rgb(208, 18, 27);
}
.header_inner .main_navigation > li.nav-3 > a::before {
  background-image: url(../../../common/images/arrow_bottom.svg);
}
.header_inner .main_navigation > li.nav-3 > a:hover:before {
  background-image: url(../../../common/images/arrow_bottom_r.svg);
}
.header_inner .main_navigation > li.nav-5 > a::before {
  background-image: url(../../../common/images/arrow_bottom_r.svg);
}

.matsuri_sns_box {
  display: flex;
  justify-content: center;
  padding: calc(28 / 850 * 100%) 0;
  background-color: #FFF4D9;
}
.matsuri_sns_box .ttl {
  font-size: 18px;
  font-weight: 700;
}
.matsuri_sns_box .matsuri_sns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 18px;
}
.matsuri_sns_box .matsuri_sns .icon_sns {
  width: 80px;
  aspect-ratio: 1/1;
}

.matsuri_sns_box a:hover {
  opacity: .75;
}

.mod-sns {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100vh;
  background-color: #717171;
  transition: .3s;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center
}
.mod-sns img,
.mod-sns svg {
  width: 50%;
  aspect-ratio: 1/1;
}
.mod-sns._s_facebook,
.mod-sns._s_line {
  background-color: transparent
}
.mod-sns._s_facebook svg,
.mod-sns._s_line svg {
  width: 100%;
}
.mod-sns._s_instagram img {
  width: 75%;
}
.mod-sns._s_x {
  background-color: #272727;
  fill: #fff
}
.mod-sns._s_youtube {
  background-color: red;
  fill: #fff
}
.mod-sns._s_instagram {
  background-color: #fff
}

@media screen and (max-width: 767px) {
  .matsuri_sns_box {
    padding: calc(50 / 750 * 100%) 0;
  }
  .matsuri_sns_box .matsuri_sns {
    gap: 16px;
  }
  .matsuri_sns_box .ttl {
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
  }
  .matsuri_sns_box .matsuri_sns .icon_sns {
    width: 50px;
  }
}

.matsuri_banner_box {
  padding: 0 calc(17 / 850 * 100%);
}

.matsuri_banner_box > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 60px;
}

.matsuri_banner_box > ul > li {
  width: calc(400 / 816 * 100%);
}

.matsuri_banner_box > ul > li.col2 {
  width: 100%;
}

.matsuri_banner_box .banner {
  display: block;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.matsuri_banner_box .banner:hover {
  opacity: .75;
}

.matsuri_banner_box .ttl {
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .matsuri_banner_box {
    padding: 0 calc(30 / 750 * 100%);
  }

  .matsuri_banner_box > ul {
    row-gap: 30px;
  }

  .matsuri_banner_box > ul > li {
    width: 100%;
  }

  .matsuri_banner_box .ttl {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}