@charset "UTF-8";
/* ==========================================================================
   テーマの追加指定（layout.css は Sass の出力物なので直接は触らず、追加分をここに書く）
   footer.php で layout.css の後に全ページで読み込む
   ========================================================================== */

/* ヘッダーのメニュー（ドロワー）内の SNS：電話番号ボタンの下。部品はフッターと共通（component/sns.php） */
.p-global-header-nav .p-gnav-sns {
  width: 100%;
  margin-top: -20px;
  padding-bottom: 40px;
}

.p-global-header-nav .p-gnav-sns .p-global-footer-sns-wrap .p-global-footer-sns-item .p-global-footer-sns-link {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 1;
}

.p-global-header-nav .p-gnav-sns .p-global-footer-sns-wrap .p-global-footer-sns-item .p-global-footer-sns-link:hover {
  opacity: .7;
}

@media screen and (max-width: 767px) {
  .p-global-header-nav .p-gnav-sns {
    margin-top: -5.128vw; /* 電話ボタンとの間を PC と同じ 20px に */
    padding-bottom: 10.256vw;
  }

  .p-global-header-nav .p-gnav-sns .p-global-footer-sns-wrap .p-global-footer-sns-item .p-global-footer-sns-link {
    font-size: 6.667vw;
  }
}