@charset "UTF-8";
/*
Theme Name: なんさん通り商店会2026
Author: なんさん通り商店会
Description: Original theme
Version: 1.0.0
*/
/* =========================================
  Reset (Minimum for WordPress)
  ========================================= */
/* box-sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* remove default margin */
html,
body,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd,
figure,
blockquote {
  margin: 0;
  padding: 0;
}

/* body base */
body {
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

/* list */
ul,
ol {
  list-style: none;
}

/* link */
a {
  color: inherit;
  text-decoration: none;
}

/* image */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* form */
input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* button */
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* iframe */
iframe {
  max-width: 100%;
  border: 0;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1.5;
  font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: bold;
  color: #231815;
}
@media (min-width: 769px) {
  body {
    max-width: min(100vw, 192rem);
    margin-inline: auto;
    font-size: min(0.8333333333vw, 1.6rem);
  }
}

a {
  transition: opacity 0.3s ease;
}
a:hover {
  opacity: 0.7;
}

@media (min-width: 769px) {
  .l-header {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    margin-left: -50vw;
    box-shadow: 0 min(0.1041666667vw, 0.2rem) min(0.4166666667vw, 0.8rem) min(0.1041666667vw, 0.2rem) rgba(22, 22, 22, 0.08);
  }
}
@media (min-width: 769px) {
  .l-header__inner {
    max-width: min(100vw, 192rem);
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    padding: min(0.4166666667vw, 0.8rem) min(2.0833333333vw, 4rem) min(0.6770833333vw, 1.3rem) min(3.1427083333vw, 6.034rem);
  }
}

@media (min-width: 769px) {
  .l-footer {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    margin-left: -50vw;
    margin-top: min(6.6145833333vw, 12.7rem);
    padding-top: min(3.1677083333vw, 6.082rem);
  }
}

.l-section--home {
  width: min(62.5vw, 120rem);
  margin-inline: auto;
}
.l-section--home__inner {
  width: min(62.5vw, 120rem);
  margin-inline: auto;
}

@media (min-width: 769px) {
  .c-title {
    font-size: min(1.6666666667vw, 3.2rem);
    letter-spacing: 0.4em;
  }
}
@media (min-width: 769px) {
  .c-title span {
    margin-right: min(1.1979166667vw, 2.3rem);
    font-size: min(5.3125vw, 10.2rem);
    color: #DDC300;
    letter-spacing: normal;
  }
}

@media (min-width: 769px) {
  .c-more {
    width: min(19.2708333333vw, 37rem);
    height: min(3.6979166667vw, 7.1rem);
    letter-spacing: 0.23em;
  }
}
.c-more a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #8D6C12;
  color: #fff;
}
.c-more a::before {
  position: absolute;
  right: min(1.6666666667vw, 3.2rem);
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: min(0.9895833333vw, 1.9rem);
  height: min(0.9895833333vw, 1.9rem);
  background: url(img/common/icon_btn-arrow-white.svg) no-repeat 0 0/100% auto;
}
.c-more--reverse a {
  background: #fff;
  color: #8D6C12;
}
.c-more--reverse a::before {
  background-image: url(img/common/icon_btn-arrow-gold.svg);
}

.c-iframe {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
}
.c-iframe iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.u-center {
  margin-inline: auto;
}

.u-only_pc {
  display: none;
}
@media (min-width: 769px) {
  .u-only_pc {
    display: block;
  }
}

@media (min-width: 769px) {
  .u-only_sp {
    display: none;
  }
}

.c-col2-imgtxt {
  display: flex;
  gap: 24px;
}
.c-col2-imgtxt--reverse {
  flex-direction: row-reverse;
}

.c-gmap {
  aspect-ratio: 16/9;
}

.c-gmap iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  .p-header__logo {
    width: min(17.1411458333vw, 32.911rem);
    margin-top: min(1.0447916667vw, 2.006rem);
  }
}
@media (min-width: 769px) {
  .p-header__utility {
    display: grid;
    grid-template: "... sns ... members members members" min(2.0833333333vw, 4rem) "... ... ... ....... ....... ......." min(0.625vw, 1.2rem) "nav nav nav nav     ....... lang" min(1.9270833333vw, 3.7rem)/1fr auto min(1.5895833333vw, 3.052rem) auto min(1.5625vw, 3rem) min(6.25vw, 12rem);
    justify-items: end;
    align-items: center;
  }
}
.p-header__sns {
  grid-area: sns;
}
@media (min-width: 769px) {
  .p-header__sns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: min(0.6770833333vw, 1.3rem);
  }
}
@media (min-width: 769px) {
  .p-header__sns li.insta {
    width: min(1.3541666667vw, 2.6rem);
  }
}
@media (min-width: 769px) {
  .p-header__sns li.fb {
    width: min(1.3541666667vw, 2.6rem);
  }
}
@media (min-width: 769px) {
  .p-header__sns li.yt {
    width: min(4.7125vw, 9.048rem);
  }
}
.p-header__members {
  grid-area: members;
}
@media (min-width: 769px) {
  .p-header__members {
    width: min(9.375vw, 18rem);
    height: 100%;
  }
}
@media (min-width: 769px) {
  .p-header__members a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #8D6C12;
    font-size: min(0.7291666667vw, 1.4rem);
    color: #fff;
  }
}
.p-header__members span::before {
  display: inline-block;
  content: "";
  width: min(0.6770833333vw, 1.3rem);
  height: min(0.6770833333vw, 1.3rem);
  margin-right: min(0.4166666667vw, 0.8rem);
  vertical-align: middle;
  background: url(img/common/icon_members.svg) 0 0/100% auto no-repeat;
}
.p-header__nav {
  grid-area: nav;
}
@media (min-width: 769px) {
  .p-header__nav-list {
    display: flex;
    align-items: center;
    gap: min(1.5625vw, 3rem);
  }
}
.p-header__nav-item.current-menu-item > a {
  color: #968714;
}
.p-header__lang {
  grid-area: lang;
}
@media (min-width: 769px) {
  .p-header__lang {
    position: relative;
  }
}
.p-header__lang::before {
  position: absolute;
  left: min(0.5208333333vw, 1rem);
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: min(0.78125vw, 1.5rem);
  height: min(0.78125vw, 1.5rem);
  background: url(img/common/icon_lang.svg) 0 0/100% auto no-repeat;
}
.p-header__lang .goog-te-gadget {
  font-size: 0px !important;
}
.p-header__lang .goog-te-gadget span {
  display: none !important;
}
@media (min-width: 769px) {
  .p-header__lang #google_language_translator select {
    height: min(1.9270833333vw, 3.7rem);
    margin: 0;
    border: min(0.0520833333vw, 0.1rem) solid #D9D9D9;
    border-radius: 9999px;
    text-align: center;
    font-size: min(0.7291666667vw, 1.4rem);
    font-weight: bold;
    color: #231815;
  }
}

.p-footer {
  text-align: center;
  color: #fff;
}
@media (min-width: 769px) {
  .p-footer {
    position: relative;
    background: -webkit-image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) top right/min(33.4375vw, 64.2rem) auto repeat-y, #DAC000;
    background: image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) top right/min(33.4375vw, 64.2rem) auto repeat-y, #DAC000;
  }
}
@media (min-width: 769px) {
  .p-footer::after {
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(-1);
    display: block;
    content: "";
    width: min(33.4375vw, 64.2rem);
    height: 100%;
    background: -webkit-image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) 0 0/100% auto repeat-y;
    background: image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) 0 0/100% auto repeat-y;
  }
}
@media (min-width: 769px) {
  .p-footer__logo {
    width: min(23.2260416667vw, 44.594rem);
    margin-inline: auto;
  }
}
@media (min-width: 769px) {
  .p-footer__nav {
    margin-top: min(3.171875vw, 6.09rem);
  }
}
@media (min-width: 769px) {
  .p-footer__nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(1.5104166667vw, 2.9rem);
  }
}
@media (min-width: 769px) {
  .p-footer__sns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: min(2.1067708333vw, 4.045rem);
  }
}
@media (min-width: 769px) {
  .p-footer__sns .insta {
    width: min(1.5625vw, 3rem);
  }
}
@media (min-width: 769px) {
  .p-footer__sns .fb {
    width: min(1.5213541667vw, 2.921rem);
    margin: 0 min(1.1979166667vw, 2.3rem) 0 min(1.0828125vw, 2.079rem);
  }
}
@media (min-width: 769px) {
  .p-footer__sns .yt {
    width: min(5.5729166667vw, 10.7rem);
  }
}
@media (min-width: 769px) {
  .p-footer__utility {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(0.3645833333vw, 0.7rem);
    margin-top: min(2.0052083333vw, 3.85rem);
    font-size: min(0.8578125vw, 1.647rem);
    font-weight: normal;
  }
}
@media (min-width: 769px) {
  .p-footer__utility-nav {
    display: flex;
    align-items: center;
  }
}
.p-footer__utility-nav li + li::before {
  display: inline-block;
  content: "/";
  margin: 0 min(0.2604166667vw, 0.5rem);
}
@media (min-width: 769px) {
  .p-footer__members a {
    display: block;
    width: min(6.9791666667vw, 13.4rem);
    background: url(img/common/bg_member-link.svg) center center/100% auto no-repeat;
    color: #DAC000;
  }
}
.p-footer__copyright {
  background: #fff;
}
@media (min-width: 769px) {
  .p-footer__copyright {
    position: relative;
    z-index: 1;
    margin-top: min(2.4479166667vw, 4.7rem);
    padding: min(1.09375vw, 2.1rem) min(1.1458333333vw, 2.2rem) min(1.1458333333vw, 2.2rem);
    font-size: min(0.7291666667vw, 1.4rem);
    font-weight: normal;
    color: #4B4B4B;
  }
}

@media (min-width: 769px) {
  .p-mv {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-top: min(6.71875vw, 12.9rem);
    padding-bottom: min(5.0296875vw, 9.657rem);
    background: url("img/top/p-mv_bg.svg") center/cover no-repeat;
  }
}
@media (min-width: 769px) {
  .p-mv::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    display: block;
    content: "";
    width: min(81.7708333333vw, 157rem);
    height: min(58.3854166667vw, 112.1rem);
    background: url("img/top/p-mv_load.png") right top/100% auto no-repeat;
  }
}
@media (min-width: 769px) {
  .p-mv__inner {
    position: relative;
    z-index: 1;
    max-width: min(72.7604166667vw, 139.7rem);
    margin-inline: auto;
  }
}
@media (min-width: 769px) {
  .p-mv__title {
    width: min(43.4895833333vw, 83.5rem);
    margin-bottom: min(2.03125vw, 3.9rem);
  }
}
@media (min-width: 769px) {
  .p-mv__catch {
    width: min(31.3020833333vw, 60.1rem);
  }
}
.p-mv__illust {
  margin-top: min(4.2635416667vw, 8.186rem);
}

@media (min-width: 769px) {
  .p-news .c-title {
    padding-top: min(3.125vw, 6rem);
    padding-bottom: min(3.2291666667vw, 6.2rem);
  }
}
@media (min-width: 769px) {
  .p-news__list {
    display: flex;
    justify-content: space-between;
    gap: min(2.34375vw, 4.5rem);
  }
}
@media (min-width: 769px) {
  .p-news__item {
    flex: 1;
  }
}
.p-news__item article {
  display: grid;
  grid-template: "thumb thumb thumb    thumb" "..... ..... ........ ....." min(0.78125vw, 1.5rem) "date  ..... category ....." "..... ..... ........ ....." min(1.0416666667vw, 2rem) "title title title    title"/auto min(1.0416666667vw, 2rem) auto auto;
}
.p-news__thumb {
  grid-area: thumb;
}
@media (min-width: 769px) {
  .p-news__thumb {
    width: min(19.2708333333vw, 37rem);
    height: min(11.9791666667vw, 23rem);
    overflow: hidden;
  }
}
.p-news__thumb img {
  grid-area: img;
}
@media (min-width: 769px) {
  .p-news__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.p-news__date {
  grid-area: date;
  color: #8D6C12;
}
.p-news__category {
  grid-area: category;
  background: #8D6C12;
  border-radius: 9999px;
  line-height: 1;
  color: #fff;
}
@media (min-width: 769px) {
  .p-news__category {
    padding: min(0.15625vw, 0.3rem) min(0.625vw, 1.2rem);
    font-size: min(0.7291666667vw, 1.4rem);
  }
}
.p-news__item-title {
  grid-area: title;
}
.p-news__more {
  margin-top: min(1.8229166667vw, 3.5rem);
}
@media (min-width: 769px) {
  .p-news__more {
    position: relative;
  }
}
@media (min-width: 769px) {
  .p-news__more::after {
    position: absolute;
    right: max(-3.3854166667vw, -6.5rem);
    bottom: max(-2.9166666667vw, -5.6rem);
    display: block;
    content: "";
    width: min(4.21875vw, 8.1rem);
    height: min(2.9166666667vw, 5.6rem);
    background: url(img/top/p-news_btn_deco.svg) 0 0/100% auto no-repeat;
  }
}

@media (min-width: 769px) {
  .p-shop {
    position: relative;
    margin-top: min(9.1666666667vw, 17.6rem);
  }
}
@media (min-width: 769px) {
  .p-shop .c-title {
    transform: translateY(min(0.2604166667vw, 0.5rem));
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 769px) {
  .p-shop .c-title span {
    transform: translateY(min(1.5625vw, 3rem));
    display: inline-block;
  }
}
@media (min-width: 769px) {
  .p-shop__body {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    margin-left: -50vw;
    padding: min(4.53125vw, 8.7rem) 0;
    background: -webkit-image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) top right/min(33.4375vw, 64.2rem) auto repeat-y, linear-gradient(180deg, #ECD102 0%, #DDC300 100%);
    background: image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) top right/min(33.4375vw, 64.2rem) auto repeat-y, linear-gradient(180deg, #ECD102 0%, #DDC300 100%);
  }
}
.p-shop__body::before {
  position: absolute;
  top: max(-6.09375vw, -11.7rem);
  left: 0;
  display: block;
  content: "";
  width: min(6.09375vw, 11.7rem);
  height: min(6.09375vw, 11.7rem);
  background: -webkit-image-set(url("img/top/p-shop_bg_title.webp") type("image/webp"), url("img/top/p-shop_bg_title.png") type("image/png")) 0 0/100% auto no-repeat;
  background: image-set(url("img/top/p-shop_bg_title.webp") type("image/webp"), url("img/top/p-shop_bg_title.png") type("image/png")) 0 0/100% auto no-repeat;
}
@media (min-width: 769px) {
  .p-shop__body::after {
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(-1);
    display: block;
    content: "";
    width: min(33.4375vw, 64.2rem);
    height: 100%;
    background: -webkit-image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) 0 0/100% auto repeat-y;
    background: image-set(url("img/common/bg-gold-noise.webp") type("image/webp"), url("img/common/bg-gold-noise.png") type("image/png")) 0 0/100% auto repeat-y;
  }
}
@media (min-width: 769px) {
  .p-shop__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: min(3.125vw, 6rem);
    width: min(42.7083333333vw, 82rem);
    margin-inline: auto;
  }
}
@media (min-width: 769px) {
  .p-shop__item a {
    display: grid;
    grid-template-rows: auto 1fr;
    justify-items: center;
    height: 100%;
  }
}
.p-shop__item span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 769px) {
  .p-shop__item span {
    margin-top: min(0.9375vw, 1.8rem);
    font-size: min(0.9375vw, 1.8rem);
  }
}
@media (min-width: 769px) {
  .p-shop__more {
    margin-top: min(3.28125vw, 6.3rem);
  }
}

@media (min-width: 769px) {
  .p-about {
    display: grid;
    grid-template: "title ... img" "..... ... img" min(2.7604166667vw, 5.3rem) "body  ... img" 1fr/1fr min(4.1666666667vw, 8rem) min(24.84375vw, 47.7rem);
    margin-top: min(5.8333333333vw, 11.2rem);
  }
}
@media (min-width: 769px) {
  .p-about .c-title {
    position: relative;
    grid-area: title;
    letter-spacing: 0.15em;
  }
}
@media (min-width: 769px) {
  .p-about .c-title::before {
    position: absolute;
    top: min(0.9375vw, 1.8rem);
    left: max(-2.8645833333vw, -5.5rem);
    display: block;
    content: "";
    width: min(1.3541666667vw, 2.6rem);
    height: min(1.3541666667vw, 2.6rem);
    background: #DDC300;
  }
}
.p-about__body {
  grid-area: body;
}
@media (min-width: 769px) {
  .p-about__catch-01 {
    font-size: min(2.1875vw, 4.2rem);
    letter-spacing: 0.11em;
  }
}
@media (min-width: 769px) {
  .p-about__catch-01 span {
    font-size: min(3.2291666667vw, 6.2rem);
    letter-spacing: 0.13em;
  }
}
@media (min-width: 769px) {
  .p-about__catch-02 {
    margin: min(1.6145833333vw, 3.1rem) 0 min(0.9375vw, 1.8rem);
    font-size: min(1.4583333333vw, 2.8rem);
    letter-spacing: 0.05em;
    color: #8D6C12;
  }
}
@media (min-width: 769px) {
  .p-about__text {
    line-height: 1.8;
  }
}
@media (min-width: 769px) {
  .p-about__more {
    margin-top: min(2.3958333333vw, 4.6rem);
  }
}
.p-about__img {
  grid-area: img;
}
@media (min-width: 769px) {
  .p-about__img {
    position: relative;
    align-self: center;
  }
}
.p-about__img::after {
  position: absolute;
  left: max(-5.9895833333vw, -11.5rem);
  bottom: max(-2.7604166667vw, -5.3rem);
  display: block;
  content: "";
  width: min(14.1713541667vw, 27.209rem);
  height: min(11.3541666667vw, 21.8rem);
  background: url(img/top/p-about_img_deco.svg) 0 0/100% auto no-repeat;
}

@media (min-width: 769px) {
  .p-activities {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-top: min(8.8020833333vw, 16.9rem);
    padding-bottom: min(10.78125vw, 20.7rem);
  }
}
@media (min-width: 769px) {
  .p-activities__inner {
    position: relative;
    display: grid;
    grid-template: "body img"/1fr min(31.25vw, 60rem);
    padding-top: min(2.34375vw, 4.5rem);
    background: url(img/top/p-activities_bg-body-top.svg) 0 0/auto min(2.34375vw, 4.5rem) repeat-x, -webkit-image-set(url("img/top/p-activities_bg-body.webp") type("image/webp"), url("img/top/p-activities_bg-body.png") type("image/png")) left bottom/min(31.25vw, 60rem) auto repeat-x;
    background: url(img/top/p-activities_bg-body-top.svg) 0 0/auto min(2.34375vw, 4.5rem) repeat-x, image-set(url("img/top/p-activities_bg-body.webp") type("image/webp"), url("img/top/p-activities_bg-body.png") type("image/png")) left bottom/min(31.25vw, 60rem) auto repeat-x;
  }
}
@media (min-width: 769px) {
  .p-activities__inner::before {
    position: absolute;
    top: max(-1.7708333333vw, -3.4rem);
    left: max(-10.3645833333vw, -19.9rem);
    z-index: -1;
    display: block;
    content: "";
    width: min(16.3541666667vw, 31.4rem);
    height: min(27.2916666667vw, 52.4rem);
    background: url(img/top/p-activities_sec-deco-left.svg) 0 0/100% auto no-repeat;
  }
}
@media (min-width: 769px) {
  .p-activities__inner::after {
    position: absolute;
    top: max(-7.7604166667vw, -14.9rem);
    right: max(-12.7083333333vw, -24.4rem);
    display: block;
    content: "";
    width: min(11.875vw, 22.8rem);
    height: min(11.9838541667vw, 23.009rem);
    background: url(img/top/p-activities_sec-deco-right.svg) 0 0/100% auto no-repeat;
  }
}
.p-activities__body {
  grid-area: body;
}
@media (min-width: 769px) {
  .p-activities__body {
    align-self: center;
    padding-left: min(3.75vw, 7.2rem);
  }
}
@media (min-width: 769px) {
  .p-activities__title {
    margin-bottom: min(0.803125vw, 1.542rem);
    font-size: min(1.3953125vw, 2.679rem);
    letter-spacing: 0.05em;
    color: #8D6C12;
  }
}
@media (min-width: 769px) {
  .p-activities__title span {
    margin-right: min(0.2604166667vw, 0.5rem);
    font-size: min(2.0932291667vw, 4.019rem);
  }
}
@media (min-width: 769px) {
  .p-activities__text {
    line-height: 1.8;
    font-size: min(0.9302083333vw, 1.786rem);
  }
}
@media (min-width: 769px) {
  .p-activities__more {
    margin-top: min(1.3541666667vw, 2.6rem);
    letter-spacing: 0.12em;
    color: #8D6C12;
  }
}
.p-activities__more a {
  display: block;
  width: min(7.265625vw, 13.95rem);
  height: min(1.71875vw, 3.3rem);
  padding-left: min(0.4166666667vw, 0.8rem);
  background: url(img/top/p-activities_btn-arrow.svg) left bottom/100% auto no-repeat;
}
.p-activities__img {
  grid-area: img;
}

@media (min-width: 769px) {
  .p-sns {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    margin-left: -50vw;
    padding-top: min(3.90625vw, 7.5rem);
    padding-bottom: min(5.9375vw, 11.4rem);
    background: url(img/top/p-sns-bg.svg) 0 0/100% auto no-repeat #FFFCE7;
    line-height: 1.8;
    text-align: center;
  }
}
@media (min-width: 769px) {
  .p-sns__title {
    position: absolute;
    top: max(-2.4479166667vw, -4.7rem);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(30vw, 57.6rem);
    height: min(4.7916666667vw, 9.2rem);
    background: #DDC300;
    border-radius: 9999px;
    font-size: min(1.6666666667vw, 3.2rem);
    color: #fff;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 769px) {
  .p-sns__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(1.0416666667vw, 2rem);
    margin-top: min(2.0833333333vw, 4rem);
  }
}
@media (min-width: 769px) {
  .p-sns__item {
    width: min(17.7083333333vw, 34rem);
    height: min(4.4791666667vw, 8.6rem);
  }
}
.p-sns__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: min(0.9375vw, 1.8rem);
  color: #fff;
}
.p-sns__item.insta a {
  gap: min(1.6666666667vw, 3.2rem);
  background: #C44590;
}
@media (min-width: 769px) {
  .p-sns__item.insta a img {
    width: min(2.03125vw, 3.9rem);
  }
}
.p-sns__item.yt a {
  gap: min(0.9895833333vw, 1.9rem);
  background: #F31F32;
}
@media (min-width: 769px) {
  .p-sns__item.yt a img {
    width: min(5.5729166667vw, 10.7rem);
  }
}
.p-sns__item.fb a {
  gap: min(0.78125vw, 1.5rem);
  background: #375794;
}
@media (min-width: 769px) {
  .p-sns__item.fb a img {
    width: min(1.9270833333vw, 3.7rem);
  }
}
@media (min-width: 769px) {
  .p-sns__videos {
    display: flex;
    align-items: center;
    gap: min(4.4791666667vw, 8.6rem);
    margin-top: min(3.125vw, 6rem);
  }
}
@media (min-width: 769px) {
  .p-sns__video {
    width: calc((100% - min(4.4791666667vw, 8.6rem)) / 2);
  }
}
.p-sns__video-text {
  margin-top: min(1.0416666667vw, 2rem);
}

@media (min-width: 769px) {
  .p-related-links {
    padding-top: min(4.3229166667vw, 8.3rem);
  }
}
@media (min-width: 769px) {
  .p-related-links__title {
    text-align: center;
    font-size: min(1.6666666667vw, 3.2rem);
    letter-spacing: 0.05em;
  }
}
@media (min-width: 769px) {
  .p-related-links__list {
    display: flex;
    flex-wrap: wrap;
    gap: min(0.9375vw, 1.8rem) min(0.6770833333vw, 1.3rem);
    margin-top: min(1.4583333333vw, 2.8rem);
  }
}
@media (min-width: 769px) {
  .p-related-links__list li {
    width: calc((100% - min(0.6770833333vw, 1.3rem) * 4) / 5);
  }
}