/*
Theme Name: code-child-v2
Template: code_tcd090
*/
/* PCで横帯（サイドメニュー）を非表示 */
@media screen and (min-width: 1025px) {
  #side_menu {
    display: none;
  }
}
/* トップページ：ヘッダー直下の余白を完全に潰す */
body.home #container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ヘッダーが確保している不要な高さを除去 */
body.home #header {
  margin-bottom: 0 !important;
}

/* ヘッダーコンテンツ用の空ラッパー対策（code特有） */
body.home #container:empty {
  display: none;
}
/* トップページ：codeのヘッダー画像用ダミー領域を完全に削除 */
body.home #header_image {
  display: none !important;
}
#container {
  margin-left: 0 !important;
}
/* ヒーローボタンを引き締める */
#header_slider .design_button a {
  padding: 12px 20px;   /* ← ここが肝 */
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #header_slider h2 {
    font-size: 18px; /* 今より +1〜2px想定 */
    line-height: 1.3;
  }
}
#header_slider h2 {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {

  /* ボタンの外枠（疑似要素）を小さく */
  .design_button2 a::before {
    padding: 10px 18px;
  }

  /* テキストサイズを微調整 */
  .design_button2 a span {
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap; /* 改行防止 */
  }

}
@media screen and (max-width: 768px) {
  .design_button2 a {
    min-height: auto;
  }
}
@media screen and (max-width: 768px) {

  /* ボタン全体の幅を自動に戻す */
  .design_button2 {
    width: auto !important;
  }

  /* aタグ自体をインライン化 */
  .design_button2 a {
    display: inline-block;
    padding: 0 !important;
  }

  /* 見た目の枠（本体） */
  .design_button2 a::before {
    padding: 10px 18px;
    width: auto !important;
    height: auto !important;
  }

  /* 文字 */
  .design_button2 a span {
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {

  /* ボタン本体の固定サイズを解除 */
  .header_slider .design_button2 a {
    min-width: auto !important;
    height: auto !important;
    padding: 10px 18px !important;
  }

  /* 文字はそのまま or 微調整 */
  .header_slider .design_button2 span {
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }

}
@media screen and (max-width: 768px) {
  /* ヒーローのCTAボタン本体 */
  #header_slider .design_button2 a {
    min-width: auto !important;
    height: auto !important;
    line-height: normal !important;
    padding: 12px 20px !important;
  }

  /* 文字 */
  #header_slider .design_button2 a span {
    font-size: 15px;
    line-height: 1.4;
    white-space: nowrap;
  }
}