/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/**
 * HOME
 * structure
 */
/* スマホ（幅 0〜767px） */
@media screen and (max-width: 767px) {
  /*.wp-block-media-text {
    grid-template-columns: 100% !important;
  }*/

  .kurousagi-choice-sp1,
  .kurousagi-choice-sp2 {
    grid-template-columns: 100% !important;
  }

  /* sp1（メディア → テキスト） */
  .kurousagi-choice-sp1 .wp-block-media-text__media {
    order: 1;
  }
  .kurousagi-choice-sp1 .wp-block-media-text__content {
    order: 2;
  }

  /* sp2（テキスト → メディア → 逆順にしたい） */
  .kurousagi-choice-sp2 .wp-block-media-text__media {
    order: 1; /* ← メディアを上に強制 */
  }
  .kurousagi-choice-sp2 .wp-block-media-text__content {
    order: 2; /* ← テキストを下に強制 */
  }

  .kurousagi-choice-sp1 .wp-block-media-text__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .kurousagi-choice-sp1 .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
    padding: 4% 2%;
  }
  .kurousagi-choice-sp2 .wp-block-media-text__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .kurousagi-choice-sp2 .wp-block-media-text__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
    text-align: center;
    padding: 4% 2%;
  }
}
/**
 * HOME
 * heading 5
 */
.home-heading-h5 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 4px 12px 50px; /* ← 左側にアイコン分の余白を確保 */
  margin: 0 0 22px;
  font-weight: 700;
  font-size: 1.20rem;
  color: #3B5D4D;
  border-top: 1px solid #7D9D89;
  border-bottom: 1px solid #F7F6F5;
  position: relative; /* ★ 必須：アイコンの基準点 */
}
/* 大きい円（左上） */
.home-heading-h5::before {
  content: "";
  position: absolute;
  left: 12px;   /* ← 固定位置：テキスト長に依存しない */
  top: 15px;     /* ← 固定位置 */
  width: 16px;
  height: 16px;
  background: #7D9D89;
  border-radius: 50%;
  z-index: 1;
}

/* 小さい円（右下） */
.home-heading-h5::after {
  content: "";
  position: absolute;
  left: 22px;   /* ← relativeではなく、完全固定 */
  top: 25px;
  width: 12px;
  height: 12px;
  background: #3B5D4D;
  border-radius: 50%;
  z-index: 2;
}


/**
 * 料金について
 * structure
 */
.kurousagi-price-table-airport table tbody tr:first-child {
  border-bottom: 1px solid #3B5D4D;
}
.kurousagi-price-table-airport table tbody tr td:first-child {
  border-right: 1px solid #3B5D4D;
  width: 20%;
}
.kurousagi-price-table-airport table tbody tr:first-of-type td:nth-child(n+2) {
  background-color: #7D9D89;
  color: #F7F6F5
}
.kurousagi-price-table-airport table tbody tr:nth-child(n+2) td:first-child {
  background-color: #F7F6F5;
  color: #3B5D4D;
}

.kurousagi-price-table-koniya table tbody tr:first-child {
  border-bottom: 1px solid #3B5D4D;
}
.kurousagi-price-table-koniya table tbody tr td:first-child {
  border-right: 1px solid #3B5D4D;
  width: 20%;
}
.kurousagi-price-table-koniya table tbody tr:first-of-type td:nth-child(n+2) {
  background-color: #7D9D89;
  color: #F7F6F5
}
.kurousagi-price-table-koniya table tbody tr:nth-child(n+2) td:first-child {
  background-color: #F7F6F5;
  color: #3B5D4D;
}

.kurousagi-price-table-extension table tbody tr:first-child {
  border-bottom: 1px solid #3B5D4D;
}
.kurousagi-price-table-extension table tbody tr td:first-child {
  border-right: 1px solid #3B5D4D;
  width: 20%;
}
.kurousagi-price-table-extension table tbody tr:first-of-type td:nth-child(n+2) {
  background-color: #7D9D89;
  color: #F7F6F5
}
.kurousagi-price-table-extension table tbody tr:nth-child(n+2) td:first-child {
  background-color: #F7F6F5;
  color: #3B5D4D;
}

/**
 * 店舗情報
 * structure
 */
/* スマホ（幅 0〜767px） */
@media screen and (max-width: 767px) {
  .kurousagi-office {
    grid-template-columns: 100% !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  .kurousagi-office .wp-block-media-text__media {
	grid-column: 1;
    grid-row: 1;
  }
  .kurousagi-office .wp-block-media-text__content {
	grid-column: 1;
    grid-row: 2;
    padding: 2% 2%;
  }
  .kurousagi-office .wp-block-media-text__content .has-regular-font-size {
    margin-bottom: 0;
  }
}

/**
 * contact-form-7(専用)
 * structure
 */
.wpcf7-form-structure {
  border: 0px solid red;
}

.wpcf7-form-structure .wpcf7-form-row,
.wpcf7-form-structure .wpcf7-form-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0px solid blue;
}

.wpcf7-form-structure .wpcf7-form-row .column-1 {
  width: 30%;
  border: 0px solid green;
  text-align: right;
  padding: 10px;
}
.wpcf7-form-structure .wpcf7-form-row .column-1 p {
  margin-bottom: 0;
}
.wpcf7-form-structure .wpcf7-form-row .column-1 label {
  font-weight: bold;
}

.wpcf7-form-structure .wpcf7-form-row .column-2 {
  width: 70%;
  border: 0px solid yellowgreen;
  padding: 10px;
}
.wpcf7-form-structure .wpcf7-form-row .column-2 p {
  margin-bottom: 0;
}
.wpcf7-form-structure .wpcf7-form-row .column-2 .vertically {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.wpcf7-form-structure .wpcf7-form-row .column-2 .stacked {
  display: flex;
  flex-direction: column
}

.wpcf7-form-structure .wpcf7-form-footer {
  width: 100%;
  justify-content: center;
}

.wpcf7-form-structure .wpcf7-form-footer p {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
.wpcf7-form-structure .wpcf7-form-footer p input {
  background-color: #3B5D4D;
}

/* スマホ（幅 0〜767px） */
@media screen and (max-width: 767px) {
  .wpcf7-form-structure .wpcf7-form-row,
  .wpcf7-form-structure .wpcf7-form-footer {
    flex-direction: column;
  }
  .wpcf7-form-structure .wpcf7-form-row .column-1 {
    width: 100%;
    text-align: center;
  }
  .wpcf7-form-structure .wpcf7-form-row .column-2 {
    width: 100%;
  }
  .wpcf7-form-structure .wpcf7-form-row .column-2 .vertically {
    flex-direction: column;
  }
}

/**
 * contact-form-7(専用)
 * design
 */
.wpcf7-form-structure .wpcf7-form-row {
  background-color: #F7F6F5; /* 行の背景色を淡いベージュに */
  border-radius: 6px;
  /* x軸 2px、y軸 2px、ぼかし 6px、色 グレー系 */
  box-shadow: 2px 2px 6px rgba(176, 176, 176, 0.3); 
  margin-bottom: 12px;
}

/* 1列目のラベル背景 */
.wpcf7-form-structure .wpcf7-form-row .column-1 {
  background-color: #7D9D89; /* サブカラー：セージグリーン */
  border-radius: 4px;
  color: #F7F6F5;
}