/* =========================================================
   SUFURE HEADER
========================================================= */

.site-header {
  position: relative;
  z-index: 100;
}


/* =========================================================
   PC BRAND
   LOGO + LANGUAGE
========================================================= */

.site-header__brand {
  position: absolute;

  top: 42px;
  left: 4.5%;

  display: flex;

  /*
   * ★ここで下辺を完全に揃える
   */
  align-items: flex-end;

  gap: 12px;

  z-index: 21;
}


/* =========================================================
   LOGO
========================================================= */

.site-header__logo {
  position: relative;

  top: auto;
  left: auto;

  flex: 0 0 auto;

  width: clamp(280px, 27vw, 410px);

  padding: 20px 30px;

  background: var(--color-white);
}
.site-header__logo-link {
  display: block;
}


.site-header__logo img {
  display: block;

  width: 100%;
  height: auto;
}

/* =========================================================
   PC LANGUAGE
========================================================= */

.pc-language {
  position: relative;

  top: auto;
  left: auto;

  flex: 0 0 auto;
}


.pc-language__link {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 155px;
  height: 48px;

  padding: 0 33px;

  background: var(--color-black);
  color: var(--color-white);

  font-family: var(--font-ja);

  font-size: 18px;
  font-weight: 400;

  line-height: 1;

  letter-spacing: 0.2em;

  transition:
    opacity var(--transition);
}
.pc-language__link:hover {
  opacity: 0.75;
}

/* =========================================================
   SP CONTROLS
   PCでは非表示
========================================================= */

.header-controls {
  display: none;
}


/* =========================================================
   GLOBAL MENU
   PC = 常時表示
========================================================= */

.global-drawer {
  position: absolute;

  top: 0;
  right: 0;

  width: 27%;
  min-width: 310px;
  height: 610px;

  z-index: 15;

  /*
   * テクスチャ背景
   */
  background:
    linear-gradient(
      rgba(246, 242, 242, 0.84),
      rgba(246, 242, 242, 0.84)
    ),
    url("https://sufure-headspa.com/wp-content/uploads/2026/10/ac11d-9.webp");

  background-size: cover;
  background-position: center;

  /*
   * PCでは常に表示
   */
  transform: none;
  visibility: visible;
}


/* =========================================================
   MENU INNER
========================================================= */

.global-drawer__inner {
  position: relative;

  display: flex;
  flex-direction: column;

  width: 100%;
  height: 100%;

  padding:
    62px
    clamp(34px, 4vw, 64px)
    28px;
}


/* =========================================================
   MENU HEADER
========================================================= */

.global-drawer__header {
  display: block;
}

.global-drawer__title {
  margin: 0;

  font-family: var(--font-en);
  font-size: clamp(45px, 4vw, 62px);
  font-weight: 400;
  line-height: 0.85;

  letter-spacing: 0.03em;
}


/* =========================================================
   CLOSE BUTTON

   PCでは不要
========================================================= */

.drawer-close {
  display: none;
}


/* =========================================================
   NAVIGATION
========================================================= */

.global-drawer__nav {
  margin-top: 48px;
}

.global-drawer__nav ul {
  display: flex;
  flex-direction: column;

  gap: 25px;
}

.global-drawer__nav li {
  margin: 0;
  padding: 0;
}

.global-drawer__nav li a {
  position: relative;

  display: inline-block;

  color: var(--color-black);

  font-family: var(--font-ja);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;

  letter-spacing: 0.17em;

  transition:
    opacity var(--transition),
    transform var(--transition);
}

.global-drawer__nav li a:hover {
  opacity: 0.5;
  transform: translateX(4px);
}


/* =========================================================
   CONTACT
========================================================= */

.global-drawer__contact {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 185px;
  height: 47px;

  margin-top: 35px;

  border: 0.5px solid rgba(82, 76, 76, 0.55);

  background: transparent;
  color: var(--color-black);

  font-family: var(--font-ja);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;

  letter-spacing: 0.22em;

  transition:
    background var(--transition),
    color var(--transition);
}

.global-drawer__contact:hover {
  background: var(--color-black);
  color: var(--color-white);
}


/* =========================================================
   COPYRIGHT
========================================================= */

.global-drawer__copyright {
  margin-top: auto;
  margin-bottom: 0;

  color: rgba(82, 76, 76, 0.38);

  text-align: right;

  font-size: 8px;
  line-height: 1.4;

  letter-spacing: 0.16em;
}


/* =========================================================
   OVERLAY

   PCでは不要
========================================================= */

.drawer-overlay {
  display: none;
}


/* =========================================================
   DRAWER OPEN BODY
========================================================= */

body.drawer-open {
  overflow: hidden;
}


/* =========================================================
   TABLET ADJUSTMENT
========================================================= */

@media (min-width: 768px) and (max-width: 1100px) {

  .site-header__logo {
    width: 300px;
  }

  .pc-language {
    top: 150px;
    left: calc(4.5% + 312px);
  }

  .pc-language__link {
    min-width: 115px;
    height: 36px;

    padding-inline: 16px;

    font-size: 13px;
  }

  .global-drawer {
    width: 29%;
    min-width: 280px;
  }

  .global-drawer__inner {
    padding:
      55px
      32px
      25px;
  }

  .global-drawer__title {
    font-size: 48px;
  }

  .global-drawer__nav {
    margin-top: 42px;
  }

  .global-drawer__nav ul {
    gap: 21px;
  }

  .global-drawer__nav li a {
    font-size: 13px;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 767px) {

  .site-header__logo {
    position: absolute;

    top: 55px;
    left: 50%;

    width: min(72vw, 420px);

    padding: 18px 26px;

    transform: translateX(-50%);

    z-index: 20;
  }


  /* =======================================================
     PC LANGUAGE OFF
  ======================================================= */

  .pc-language {
    display: none;
  }


  /* =======================================================
     FIXED CONTROLS
  ======================================================= */

  .header-controls {
    position: fixed;

    top: 70px;
    right: 22px;

    display: flex;
    flex-direction: column;

    gap: 10px;

    z-index: 1100;
  }


  /* =======================================================
     MENU BUTTON
  ======================================================= */

  .menu-trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin: 0;
    padding: 0;

    border: 0.5px solid rgba(82, 76, 76, 0.72);
    border-radius: 0;

    background: transparent;
    color: var(--color-black);

    appearance: none;

    cursor: pointer;

    font-family: var(--font-en);
    font-size: 27px;
    font-weight: 400;

    line-height: 0.68;

    letter-spacing: 0.02em;
  }

  .menu-trigger span {
    display: block;
  }


  /* =======================================================
     LANGUAGE
  ======================================================= */

  .language-switcher {
    position: relative;
  }

  .language-trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin: 0;
    padding: 5px;

    border: 0;
    border-radius: 0;

    background: var(--color-black);
    color: var(--color-white);

    appearance: none;

    cursor: pointer;
  }

  .language-trigger img {
    display: block;

    width: 38px;
    height: 38px;

    object-fit: contain;

    /*
     * 元画像が黒の場合、白へ
     */
    filter: brightness(0) invert(1);
  }

  .language-trigger span {
    display: block;

    margin-top: 2px;

    color: var(--color-white);

    font-family: var(--font-ja);
    font-size: 8px;
    font-weight: 400;

    line-height: 1;

    letter-spacing: 0.18em;
  }


  /* =======================================================
     LANGUAGE DROPDOWN
  ======================================================= */

  .language-dropdown {
    position: absolute;

    top: calc(100% + 8px);
    right: 0;

    width: 125px;

    padding: 7px 0;

    z-index: 10;

    border: 0.5px solid rgba(82, 76, 76, 0.3);

    background: rgba(255, 255, 255, 0.97);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-6px);

    box-shadow:
      0 10px 30px
      rgba(82, 76, 76, 0.05);

    transition:
      opacity 0.3s ease,
      visibility 0.3s ease,
      transform 0.3s ease;
  }

  .language-dropdown.is-open {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
  }

  .language-dropdown a {
    display: block;

    padding: 9px 15px;

    color: var(--color-black);

    font-family: var(--font-ja);
    font-size: 11px;

    line-height: 1.5;

    letter-spacing: 0.1em;

    transition:
      background var(--transition),
      opacity var(--transition);
  }

  .language-dropdown a:hover {
    background: var(--color-beige);
  }

  .language-dropdown a[aria-current="page"] {
    opacity: 0.4;
  }


  /* =======================================================
     DRAWER

     SPでは右から約半分だけ出す
  ======================================================= */

  .global-drawer {
    position: fixed;

    top: 0;
    right: 0;

    width: 52vw;
    min-width: 240px;
    max-width: 330px;

    height: 100dvh;

    z-index: 1200;

    background:
      linear-gradient(
        rgba(246, 242, 242, 0.84),
        rgba(246, 242, 242, 0.84)
      ),
      url("https://sufure-headspa.com/wp-content/uploads/2026/10/ac11d-9.webp");

    background-size: cover;
    background-position: center;

    transform: translateX(100%);
    visibility: hidden;

    transition:
      transform 0.65s cubic-bezier(.76, 0, .24, 1),
      visibility 0.65s;
  }

  .global-drawer.is-open {
    transform: translateX(0);
    visibility: visible;
  }


  /* =======================================================
     DRAWER INNER
  ======================================================= */

  .global-drawer__inner {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    padding:
      52px
      25px
      22px;
  }


  /* =======================================================
     DRAWER HEADER
  ======================================================= */

  .global-drawer__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .global-drawer__title {
    margin: 0;

    font-family: var(--font-en);
    font-size: 43px;
    font-weight: 400;

    line-height: 0.9;

    letter-spacing: 0.03em;
  }


  /* =======================================================
     CLOSE
  ======================================================= */

  .drawer-close {
    position: relative;

    display: block;

    flex: 0 0 auto;

    width: 36px;
    height: 42px;

    margin: -5px -2px 0 0;
    padding: 0;

    border: 0;

    background: transparent;

    appearance: none;

    cursor: pointer;
  }

  .drawer-close span {
    position: absolute;

    top: 50%;
    left: 50%;

    display: block;

    width: 35px;
    height: 0.5px;

    background: rgba(82, 76, 76, 0.72);

    transform-origin: center;
  }

  /*
   * あえて縦長の細いX
   */
  .drawer-close span:first-child {
    transform:
      translate(-50%, -50%)
      rotate(64deg);
  }

  .drawer-close span:last-child {
    transform:
      translate(-50%, -50%)
      rotate(-64deg);
  }


  /* =======================================================
     DRAWER NAVIGATION
  ======================================================= */

  .global-drawer__nav {
    margin-top: 55px;
  }

  .global-drawer__nav ul {
    display: flex;
    flex-direction: column;

    gap: 23px;
  }

  .global-drawer__nav li a {
    display: inline-block;

    color: var(--color-black);

    font-family: var(--font-ja);
    font-size: 13px;
    font-weight: 400;

    line-height: 1.6;

    letter-spacing: 0.13em;

    transform: none;

    transition: opacity var(--transition);
  }

  .global-drawer__nav li a:hover {
    opacity: 0.5;
    transform: none;
  }


  /* =======================================================
     CONTACT
  ======================================================= */

  .global-drawer__contact {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 190px;

    height: 43px;

    margin-top: 32px;

    border: 0.5px solid rgba(82, 76, 76, 0.55);

    background: transparent;
    color: var(--color-black);

    font-family: var(--font-ja);
    font-size: 14px;

    line-height: 1;

    letter-spacing: 0.2em;
  }

  .global-drawer__contact:hover {
    background: transparent;
    color: var(--color-black);

    opacity: 0.55;
  }


  /* =======================================================
     COPYRIGHT
  ======================================================= */

  .global-drawer__copyright {
    margin-top: auto;
    margin-bottom: 0;

    color: rgba(82, 76, 76, 0.35);

    text-align: right;

    font-size: 7px;

    line-height: 1.4;

    letter-spacing: 0.15em;
  }


  /* =======================================================
     OVERLAY

     左側をクリックするとMENUを閉じる
  ======================================================= */

  .drawer-overlay {
    position: fixed;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    z-index: 1150;

    border: 0;

    /*
     * 左側を暗くしない。
     * クリック領域としてのみ使用。
     */
    background: rgba(255, 255, 255, 0.01);

    opacity: 0;
    visibility: hidden;

    appearance: none;

    cursor: default;

    transition:
      opacity 0.35s ease,
      visibility 0.35s ease;
  }

  .drawer-overlay.is-open {
    opacity: 1;
    visibility: visible;
  }

}


/* =========================================================
   SMALL SMARTPHONE
========================================================= */

@media (max-width: 420px) {

  .site-header__logo {
    top: 55px;

    width: 70vw;

    padding: 15px 18px;
  }

  .header-controls {
    top: 66px;
    right: 16px;

    gap: 8px;
  }

  .menu-trigger,
  .language-trigger {
    width: 58px;
    height: 58px;
  }

  .menu-trigger {
    font-size: 25px;
  }

  .language-trigger img {
    width: 34px;
    height: 34px;
  }

  .global-drawer {
    /*
     * 小さいスマホでも
     * メニューが狭くなりすぎないように
     */
    width: 58vw;
    min-width: 225px;
  }

  .global-drawer__inner {
    padding:
      45px
      20px
      20px;
  }

  .global-drawer__title {
    font-size: 40px;
  }

  .global-drawer__nav {
    margin-top: 48px;
  }

  .global-drawer__nav ul {
    gap: 20px;
  }

  .global-drawer__nav li a {
    font-size: 12px;
  }

.site-header__brand {
  position: absolute;

  top: 55px;
  left: 50%;

  display: block;

  width: min(72vw, 420px);

  transform: translateX(-50%);

  z-index: 20;
}

.site-header__logo {
  position: relative;

  top: auto;
  left: auto;

  width: 100%;

  padding: 18px 26px;

  transform: none;
}


/*
 * SPではEnglishボタンは使わない
 * LANGボタンがあるため
 */

.pc-language {
  display: none;
}

}





/* =========================================================
   PC DRAWER - SCROLL AUTO CLOSE
========================================================= */

@media (min-width: 768px) {

  /*
   * PCではドロワーを固定
   * 初期状態は開いた状態
   */

  .global-drawer {
    position: fixed;

    top: 0;
    right: 0;

    z-index: 1000;

    opacity: 1;
    visibility: visible;

    transform: translateX(0);

    transition:
      transform 0.9s cubic-bezier(.22, 1, .36, 1),
      opacity 0.7s ease,
      visibility 0.7s ease;
  }


  /*
   * スクロールすると収納
   */

  .global-drawer.is-scroll-closed {
    opacity: 0;

    visibility: hidden;

    transform: translateX(35px);

    pointer-events: none;
  }


  /*
   * MENUボタン
   *
   * 初期状態ではドロワーが開いているため非表示
   */

  .menu-trigger {
    position: fixed;

    top: 0;
    right: 0;

    z-index: 1100;

    opacity: 0;
    visibility: hidden;

    transform: translateY(-8px);

    pointer-events: none;

    transition:
      opacity 0.6s ease,
      transform 0.7s cubic-bezier(.22, 1, .36, 1),
      visibility 0.6s ease;
  }


  /*
   * ドロワー収納後
   * MENUボタンを表示
   */

  .menu-trigger.is-scroll-visible {
    opacity: 1;

    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;
  }


  /*
   * MENUから再度ドロワーを開いた場合
   */

  .global-drawer.is-pc-open {
    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    pointer-events: auto;
  }


  /*
   * 再オープン中はMENUボタンを隠す
   */

  .menu-trigger.is-pc-open {
    opacity: 0;

    visibility: hidden;

    transform: translateY(-8px);

    pointer-events: none;
  }

}
/* =========================================================
   PC SCROLL MENU BUTTON
========================================================= */

.pc-menu-trigger {
  display: none;
}


@media (min-width: 768px) {

  .pc-menu-trigger {
    position: fixed;

    top: 0;
    right: 0;

    z-index: 1200;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 82px;
    height: 82px;

    padding: 0;

    border: 0;

    background: #55514f;
    color: #ffffff;

    font-family: var(--font-en);

    font-size: 12px;
    font-weight: 400;

    line-height: 1.15;
    letter-spacing: 0.15em;

    cursor: pointer;


    /* 最初は非表示 */

    opacity: 0;
    visibility: hidden;

    transform: translateY(-12px);

    pointer-events: none;


    transition:
      opacity 0.7s ease,
      transform 0.8s cubic-bezier(.22, 1, .36, 1),
      visibility 0.7s ease,
      background-color 0.5s ease;
  }


  /* スクロール後に表示 */

  .pc-menu-trigger.is-visible {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;
  }


  @media (hover: hover) {

    .pc-menu-trigger:hover {
      background: #403c3a;
    }

  }

}


/* =========================================================
   PC DRAWER AUTO CLOSE
========================================================= */

@media (min-width: 768px) {

  .global-drawer {
    transition:
      transform 0.9s cubic-bezier(.22, 1, .36, 1),
      opacity 0.7s ease,
      visibility 0.7s ease;
  }


  /* スクロール後 */

  .global-drawer.is-scroll-closed {
    opacity: 0;

    visibility: hidden;

    transform: translateX(40px);

    pointer-events: none;
  }


  /* MENUを押して再表示 */

  .global-drawer.is-pc-open {
    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    pointer-events: auto;
  }

}

/* =========================================================
   PC DRAWER CLOSE
========================================================= */

.pc-drawer-close {
  display: none;
}


@media (min-width: 768px) {

  .pc-drawer-close {
    position: absolute;

    top: 30px;
    right: 30px;

    z-index: 1300;

    display: block;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 0;

    background: transparent;

    cursor: pointer;

    opacity: 0.65;

    transition:
      opacity 0.4s ease,
      transform 0.6s cubic-bezier(.22, 1, .36, 1);
  }


  .pc-drawer-close span {
    position: absolute;

    top: 50%;
    left: 50%;

    display: block;

    width: 24px;
    height: 1px;

    background: currentColor;

    transform-origin: center;
  }


  .pc-drawer-close span:first-child {
    transform:
      translate(-50%, -50%)
      rotate(45deg);
  }


  .pc-drawer-close span:last-child {
    transform:
      translate(-50%, -50%)
      rotate(-45deg);
  }


  @media (hover: hover) {

    .pc-drawer-close:hover {
      opacity: 1;

      transform: rotate(90deg);
    }

  }

}


/* =========================================================
   PC DRAWER OVERLAY
========================================================= */

.pc-drawer-overlay {
  display: none;
}


@media (min-width: 768px) {

  .pc-drawer-overlay {
    position: fixed;

    inset: 0;

    z-index: 900;

    display: block;

    width: 100%;
    height: 100%;

    padding: 0;

    border: 0;

    background: rgba(45, 42, 40, 0.16);

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    cursor: default;

    transition:
      opacity 0.7s ease,
      visibility 0.7s ease;
  }


  /*
   * MENUからドロワーを開いたときだけ表示
   */

  .pc-drawer-overlay.is-visible {
    opacity: 1;
    visibility: visible;

    pointer-events: auto;
  }


  /*
   * ドロワーはoverlayより上
   */

  .global-drawer {
    z-index: 1000;
  }

}





/* =========================================================
   DRAWER ACTIONS
   CONTACT / INSTAGRAM
========================================================= */

.global-drawer__actions {
  display: flex;
  align-items: center;

  gap: 20px;
}





.global-drawer__instagram-icon {
  display: block;

  width: 24px !important;
  height: 24px !important;

  min-width: 24px;
  max-width: 24px;

  object-fit: contain;

  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 767px) {

  .global-drawer__instagram-icon {
    width: 20px !important;
    height: 20px !important;

    min-width: 20px;
    max-width: 20px;
  }

}


/* =========================================================
   CONTACT + INSTAGRAM
   PC
========================================================= */

@media (min-width: 768px) {

  .global-drawer__actions {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      72px;

    gap: 12px;

    width: 100%;

    margin-top: 30px;

    align-items: stretch;
  }


  /* CONTACT */

  .global-drawer__contact {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 64px;

    margin: 0;

    box-sizing: border-box;
  }


  /* INSTAGRAM */

  .global-drawer__instagram {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 72px;
    height: 64px;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    border: 1px solid rgba(81, 76, 73, .35);

    background: transparent;

    color: #514c49;
  }


  .global-drawer__instagram-icon {
    display: block;

    width: 23px !important;
    height: 23px !important;

    min-width: 23px;
    max-width: 23px;

    margin: 0 !important;

    object-fit: contain;
  }


  /* PCではInstagram文字は出さない */

  .global-drawer__instagram-text {
    display: none;
  }

}


/* =========================================================
   CONTACT / INSTAGRAM / COPYRIGHT
   FINAL LAYOUT FIX
========================================================= */


/* -------------------------
   PC
------------------------- */

@media (min-width: 768px) {

  .global-drawer__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    gap: 12px;

    width: 100%;
    margin-top: 30px;

    align-items: stretch;
  }


  .global-drawer__contact {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 64px;

    margin: 0;
  }


  .global-drawer__instagram {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 72px;
    height: 64px;

    margin: 0;
    padding: 0;

    border: 1px solid rgba(81, 76, 73, .28);
  }


  .global-drawer__instagram-icon {
    width: 23px !important;
    height: 23px !important;

    min-width: 23px !important;
    max-width: 23px !important;

    min-height: 23px !important;
    max-height: 23px !important;

    object-fit: contain;
  }


  .global-drawer__instagram-text {
    display: none;
  }


  /* copyrightを少し下へ */

  .global-drawer__copyright {
    margin-top: 18px;
  }

}



/* -------------------------
   SP
------------------------- */

@media (max-width: 767px) {

  /* PCの横並びを完全解除 */

  .global-drawer__actions {
    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;

    width: 100% !important;

    gap: 0 !important;

    margin-top: 28px !important;
  }


  /* CONTACT */

  .global-drawer__contact {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 64px !important;

    margin: 0 !important;
  }


  /* INSTAGRAM
     Contactの下に配置 */

  .global-drawer__instagram {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 26px auto 0 !important;
    padding: 0 !important;

    gap: 9px !important;

    border: 0 !important;
    background: transparent !important;
  }


  .global-drawer__instagram-icon {
    display: block !important;

    position: static !important;

    flex: 0 0 20px !important;

    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    max-width: 20px !important;

    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    transform: none !important;
  }


  .global-drawer__instagram-text {
    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--font-en);
    font-size: 10px;
    font-weight: 400;

    line-height: 1;

    letter-spacing: .15em;

    color: #514c49;
  }


  /* Instagramのさらに下へ */

  .global-drawer__copyright {
    margin-top: 30px !important;

    text-align: center;
  }

}