@charset "UTF-8";

/* Tiktokアイコンを表示させる場合は下記コードを消去 */
.sns-icon-header.header-tiktock,
.footer__sns-link--tiktok {
  /* display: none; */
}

.footer__sns-link--youtube,
.footer__sns-link--x,
.footer__sns-link--instagram {
  width: 25% !important;
}

/* ここまで */

.-right .p-spMenu__inner {
  transform: translateX(0);
  opacity: 0;
  transition: opacity 0.45s;
}

[data-spmenu="opened"] .p-spMenu__inner {
  transform: translateX(0);
  opacity: 1;
}
/* ヘッダーの背景画像 */

/* ヘッダーの背景画像全画面表示 */
.l-header {
  /* margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  max-width: 100vw; */
  /* height: 142px; */
  height: 110px;
}
.l-header__inner {
  /* height: clamp(63px, 6vw, 189px); */
  height: 110px;
}

.l-header__inner {
  /* height: 142px; */
  height: 100%;
  background-image: url("/wp-content/uploads/c739e20e39cfade89258e435bf97e3c0.png");
  background-size: cover;
  background-position: center;
}

.l-fixHeader__inner.l-container {
  height: 110px !important;
  background-image: url("/wp-content/uploads/c739e20e39cfade89258e435bf97e3c0.png");
  background-size: cover;
  background-position: center;
}

h1.c-headLogo.-img {
  width: 100%;
  max-width: 277px;
}
.c-headLogo.-img {
  height: auto;
  /* margin-bottom: 16px; */
}
a.c-headLogo__link img {
  width: 100%;
  max-width: 277px;
  height: auto;
}
nav#gnav ul.c-gnav li a,
div#fix_header ul.c-gnav li a {
  padding: 0 25px;
  height: auto;
  /* justify-content: flex-end; */
  /* padding-bottom: 45px !important; */
  /* padding-bottom: 30px !important; */
}
.-series-right .c-gnavWrap {
  margin-left: 0;
}
.-series-right .l-header__inner {
  /* justify-content: unset; */
}
ul.c-gnav li {
  display: flex;
  align-items: center;
}

div#fix_header ul.c-gnav li a {
  padding-bottom: 0px !important;
}
nav#gnav ul.c-gnav li a span,
div#fix_header ul.c-gnav li a span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px !important;
  font-weight: bold;
}

.swell-block-columns.header-icons {
  /* padding-top: 24px; */
  height: auto;
  padding-right: 14px;
  padding-bottom: 0;
  padding-left: clamp(0px, (100vw - 1500px) / 4, 130px);
}

.sns-icon-header {
  /* margin-left: 53px !important; */
  padding-left: 29px !important;
}
@media screen and (max-width: 1200px) {
  .sns-icon-header {
    display: none;
  }
}

.sns-icon-header.header-line figure.wp-block-image {
  width: 42px !important;
}

.sns-icon-header.header-youtube figure.wp-block-image {
  width: 37px !important;
}

.sns-icon-header.header-x figure.wp-block-image {
  width: 34px !important;
}

.sns-icon-header.header-instagram figure.wp-block-image {
  width: 36px !important;
}

.sns-icon-header.header-tiktock figure.wp-block-image {
  width: 31px !important;
}

.w-header.pc_ {
  /* height: 60%; */
  height: auto;
  align-items: stretch;
}

/* ヘッダー調整 */
.l-header__inner.l-container {
  /* align-items: flex-end; */
  align-items: center;
}

.l-header__logo {
  align-items: center;
  height: 100%;
}

.l-header__inner {
  align-items: flex-end;
}

.l-header__gnav.c-gnavWrap {
  height: 50%;
  height: 100%;
}

.l-fixHeader__inner.l-container {
  height: 62px;
  /* align-items: flex-end; */
  align-items: center;
  justify-content: space-between;
}

.l-fixHeader__logo {
  height: 100%;
}

@media screen and (max-width: 1500px) {
  .w-header.pc_ {
    /* position: absolute; */
    /* right: 4%; */
    /* top: 6%; */
    /* height: 40%; */
  }

  nav#gnav ul.c-gnav li a,
  div#fix_header ul.c-gnav li a {
    padding: 0 16px;
  }
}

@media screen and (max-width: 960px) {
  /* ハンバーガーメニューアイコン */

  h1.c-headLogo.-img,
  .c-headLogo.-img {
    width: 100%;
    height: 100%;
  }
  a.c-headLogo__link img {
    height: 100%;
  }

  .l-header__menuBtn.sp_ {
    padding-right: 7%;
    height: 100%;
  }

  .c-iconBtn__icon {
    display: block;
    font-size: 50px;
  }

  .-right .p-spMenu__closeBtn {
    right: 24px;
    top: 3%;
  }
  .p-spMenu__closeBtn {
    width: 40px;
    height: 40px;
  }

  i.c-iconBtn__icon.icon-close-thin {
    font-size: 35px;
    color: #fff;
  }

  /* ハンバーガーメニューを下げる */
  .p-spMenu__inner {
    top: 190px;
    padding-top: unset;
    width: 100%;
    background-image: url("/wp-content/uploads/sp-hum-menu.png");
    background-size: cover;
    background-position: center;
  }
  .p-spMenu__inner::before {
    background: none;
  }

  .c-widget__title.-spmenu {
    display: none;
  }

  .p-spMenu__nav {
    width: 70.4%;
    margin: 141px auto;
    display: flex;
    justify-content: center;
  }
  ul.c-spnav.c-listMenu {
    font-family: "Josefin Sans", sans-serif;
    font-size: 35px;
    color: #e2d79b;
    line-height: 1.14em;
    white-space: nowrap;
  }
  ul.c-spnav.c-listMenu li a {
    padding: 0 0 55px 0;
    border: none;
  }
  ul.c-spnav.c-listMenu li a::before {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .l-header__inner.l-container {
    height: 62px !important;
  }
  .l-header {
    height: 62px;
  }
  .l-header__inner {
    /* height: clamp(63px, 6vw, 189px); */
    height: 62px;
  }

  .l-header__logo {
    padding-left: clamp(
      15px,
      calc((50 - 15) * (100vw - 375px) / (920 - 375) + 15px),
      70px
    );
  }

  h1.c-headLogo.-img,
  .c-headLogo.-img {
    width: 143px;
  }
  /* ハンバーガーメニューアイコン */

  .l-header__menuBtn.sp_ {
    padding-right: 22px;
    padding-left: 46%;
    height: 100%;
    background-color: #a52e63;
  }

  .c-iconBtn__icon {
    display: block;
    font-size: 30px;
    color: #fff;
  }
  /* ハンバーガーメニューを下げる */

  .p-spMenu__inner {
    top: 62px;
    padding-top: unset;
  }
}