/*
 * Theme Name:   OceanWP Child
 * Theme URI:    https://oceanwp.org/
 * Description:  OceanWP 子テーマ。ロゴの H1 対応などカスタム用。
 * Author:       OceanWP
 * Author URI:   https://oceanwp.org/about-oceanwp/
 * Template:     oceanwp
 * Version:      1.0.0
 * Text Domain:  oceanwp-child
 * License:      GNU General Public License v2.0 or later
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 */

/* ロゴを h1 にした際：親テーマと同じレイアウト・サイズを維持（巨大化防止） */
h1#site-logo {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	/* 親テーマ #site-logo と同じレイアウト */
	display: table;
	height: 100%;
	float: left;
}

h1#site-logo #site-logo-inner {
	display: table-cell;
	vertical-align: middle;
	height: 74px;
}

/* ロゴ画像：高さを直指定して巨大化・ずれを防止 */
h1#site-logo #site-logo-inner a img,
h1#site-logo #site-logo-inner picture img {
	height: 74px !important;
	max-height: 74px !important;
	width: auto !important;
	object-fit: contain;
	vertical-align: middle;
}


/* CTAグリッドコンテナ：グリッドレイアウトを維持 */
 .p-grid__container {
    display: grid;
    gap: 20px;
  }

  .p-phone-consult-block__label {
    display: block;
    font-weight: 700;
    font-size: 18px;
  }
  .p-phone-consult-block__hours {
    display: block;
    font-weight: 700;
    font-size: 14px;
    font-weight: 400;
  }

  /* 共通：問い合わせブロック（フォーム用・LINE用のベース） */
  .p-form-consult-block,
  .p-phone-consult-block {
    letter-spacing: 0.05em;
    line-height: 1.5;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    background-color: #fff;
    color: #264b8f;
  }

  @media (min-width: 768px) {
    .p-form-consult-block,
	.p-phone-consult-block {
      padding: 20px;
    }
  }

  .p-form-consult-block:hover {
    background-color: #264b8f;
    border: 2px solid #fff;
    color: #fff;
  }

  /* LINEブロック：LINE公式カラー（緑） */
  .p-form-consult-block.-line {
    background-color: #fff;
    border-color: #06c755;
    color: #06c755;
  }
  .p-form-consult-block.-line:hover {
    background-color: #06c755;
    border-color: #06c755;
    color: #fff;
  }

  /* ブロック内：見出し（「お問い合わせフォームへ」「LINEで友だち追加」） */
  .p-form-consult-block__label {
    display: block;
    font-weight: 700;
    font-size: 18px;
  }

  /* ブロック内：補足テキスト（受付時間など） */
  .p-form-consult-block__hours {
    display: block;
    font-size: 14px;
    font-weight: 400;
  }

  /* LINEブロック：LINE公式カラー（緑） */
  .p-form-consult-block.-line {
    background-color: #fff;
    border-color: #06c755;
    color: #06c755;
  }

  .p-form-consult-block.-line:hover {
    background-color: #06c755;
    border-color: #06c755;
    color: #fff;
  }


/* 謎のフッターした余白の削除 */
#primary {
	margin-bottom: 0;
}