@media screen and (max-width: 767px) {


/* =========================
   全体　フォント関連
   ========================= */


  /* YouTube動画の下の余白を消す */
.wp-block-embed {
  margin-bottom: 0 !important;
}

/* スマホのみ：Q&A（アコーディオン）の文字サイズ */

  /* 質問 */
  .faq-question-content {
    font-size: 15px !important;
    letter-spacing: 0.08rem;
  }

  /* 回答 */
  .faq-question-content,
  .faq-answer-content,
  .faq-answer-content p,
  .faq-answer-content span,
  .faq-answer-content div {
    font-size: 15px !important;
    letter-spacing: 0.08rem;
  }


/* =========================
   スライダー上の余白
   ========================= */

  .header-container-in {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* =========================
   プロフィールの名前だけ中央寄せ
   ========================= */
  .name,
  .name * {
    text-align: center !important;
  }





/* スマホヘッダーのアイコン間を狭くする */
/* ヘッダー全体 */
.mobile-header-menu-buttons{
    gap: 0 !important;
}

/* ロゴだけ広く */
.mobile-header-menu-buttons .logo-menu-button{
    flex: 1.5 !important;
    width: auto !important;
}

/* Instagram・LINE・TEL・メニュー */
.mobile-header-menu-buttons .menu-button:not(.logo-menu-button){
    flex: 0 0 58px !important;
    width: 58px !important;
}



/* ===========================
   スマホスライドインメニュー
   =========================== */

/* 各メニュー */
.menu-drawer .menu-item > a {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 16px 20px;
  border-bottom: 1px solid #D8A53A;

  color: #69443D;
  text-decoration: none;
  letter-spacing: .08em;
}


/* 花マーク */
.menu-drawer .menu-item > a::before {
  content: "✿";
  color: #D8A53A;
  font-size: 14px;
  flex-shrink: 0;
}

/* ×を非表示 */
.menu-close-button {
  font-size: 0 !important;
}

/* CLOSEを表示 */
.menu-close-button::before {
  content: "CLOSE";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #D8A53A;
}

.menu-close-button {
  padding: 18px 0 10px;
}












}