/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://lufituaeb.com/
 Description:  Lufituaeb
 Author:       Lufituaeb Inc.
 Author URI:   https://lufituaeb.com/
 Template:     generatepress
 Version:      0.1
*/

/* ヘッダー全体の余白（上下左右）を調整 */
.inside-header {
    padding-top: 4px !important;    /* 上の余白（デフォルトは大きめ） */
    padding-bottom: 4px !important; /* 下の余白（デフォルトは大きめ） */
    padding-left: 4px !important;   /* 左の余白 */
    padding-right: 4px !important;  /* 右の余白 */
}

/* ロゴ画像の周りにある不要な隙間をリセット */
.header-image {
    margin: 0 !important;
}



/* 📱 画面の横幅が 768px 以下のとき（スマホ・タブレット向け） */
@media (max-width: 768px) {
  h2 {
    font-size: 1.15rem; /* 👈 スマホでのh2の文字サイズ（お好みで調整してください） */
  }

  h3 {
    font-size: 1.08rem; /* 👈 スマホでのh3の文字サイズ（お好みで調整してください） */
  }
}




/* 
h1 {
  color: #6d5d49;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #d29594;
  background: -webkit-repeating-linear-gradient(-45deg, #ffcfce, #ffcfce 3px,#fff 3px, #fff 7px);
  background: repeating-linear-gradient(-45deg, #ffcfce, #ffcfce 3px,#fff 3px, #fff 7px);
}
 */

h1 {
  /* 元の設定 */
  padding: 0.05em 0.05em 0em 0.25em; /* 上下 左右の余白 */
  color: #6d5d49;        /* 文字色 */
  background: transparent;/* 背景透明に */
  border-left: solid 6px #39c5bb; /* 左線（太さ5px、色#7db4e6） */

  /* 💡 追加する下線の設定（別々に指定可能） */
  border-bottom: solid 3px #d29594; /* 👈 下線の種類・太さ・色をお好みで変更できます */
}


h2 {
  position: relative;
  /* 💡 文字の下側に少し余裕（スキマ）を作ります */
  padding-bottom: 1px; 
  /* 💡 文字が消えないよう、背景色（白など）との重なりを制御するためのブレイク用 */
  z-index: 1;
}

h2:after {
  content: "";
  position: absolute;
  left: 0;
  /* bottom: 0 から少し下げて、文字と完全に離します */
  bottom: -4px; 
  width: 100%;
  height: 7px;
  /* 重なり順を「-1」にすることで、文字の後ろ（背面）に線が配置されます */
  z-index: -1; 
  background: -webkit-repeating-linear-gradient(-45deg, #d29594, #d29594 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #d29594, #d29594 2px, #fff 2px, #fff 4px);
}



h3:after {
  content: "";
  display: block;
  height: 4px;
  /* 16進数（#e65a5a）から透明（transparent）へのグラデーション */
  background: -webkit-linear-gradient(to right, #d29594, transparent);
  background: linear-gradient(to right, #d29594, transparent);
}