/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:Lightningの子テーマ
Author:
*/

/* GoogleMapのあしらい */
.googlemapStyle {
	aspect-ratio: 16 / 6;
	max-width: 1110px;
	width: 100%;
    height: auto;
	margin-top:10px;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.3);
}

/* h2のスタイル変更 */
h2 {
    padding: .5em .7em;
    border-top: 2px solid #00aed1;
    border-bottom: 2px solid #00aed1;
    background-image: linear-gradient(45deg, #00aed112 25%, transparent 25%, transparent 50%, #00aed112 50%, #00aed112 75%, transparent 75%, transparent), linear-gradient(-45deg, #00aed112 25%, transparent 25%, transparent 50%, #00aed112 50%, #00aed112 75%, transparent 75%, transparent);
    background-color: #00aed10d;
    background-size: 20px 20px;
    color: #00aed1;
	text-shadow: 1px 1px 3px #ffffff;
}

/* テーブル内の文字サイズ変更 */
.wp-block-table, table td, table th {
  font-size: unset;
}

/*上に戻るボタンカスタマイズ*/
.page_top_btn {

/*ボタンの大きさ*/
width: 60px;
height: 60px;

/*ボーダーの種類と色*/
border: solid #fff;

/*ボタンの背景色*/
background:#00aed1;

/*ボタンの丸み*/
border-radius: 50%;

/*ボタンの中の画像（デフォルトのもの）*/
 background-image: var(--ver_page_top_button_url);

/*ボタンの中の画像サイズと位置など*/
background-size:50%;
background-repeat: no-repeat;
background-position: center;
/*シャドウ効果なし*/
 box-shadow: 2px 2px 4px gray;
}

/* コンタクトフォームのスタイル */
.wpcf7 {
	background-color: #d5e8ef;/*#f6f1dd;*/
	padding: 20px;
	border-radius: 10px;
	max-width: 600px;
	margin: auto;
}

.wpcf7-form table {
  border: none; /* テーブルの罫線を消す */
}

.wpcf7-form table th,
.wpcf7-form table td {
  border: none; /* セルの罫線を消す */
}

.wpcf7-form table p {
  margin: 0; /* 上下左右のマージンを0に */
  padding: 0; /* 上下左右のパディングを0に */
}

.wpcf7-form .wpcf7-submit {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
 ?text-align: center !important;
}

.wpcf7-form p {
  text-align: center !important;
}

.wpcf7-form select {
  appearance: none; /* ネイティブな矢印を消す（ブラウザ依存） */
  -webkit-appearance: none;
  -moz-appearance: none;

  padding: 10px 14px;
  border: 2px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  font-size: 16px;
  cursor: pointer;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wpcf7-form select:hover,
.wpcf7-form select:focus {
  border-color: #0073aa;
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
}

/* カラムの下のマージンを消す */
.no-margin {
    margin-bottom: none;
}

/* ヘッダーのロゴのサイズ調整 */
.site-header-logo img {
    max-height: 80px !important; /* 高さを大きく（デフォルトは50?80px程度） */
    width: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* クラス付き見出しを画像に置き換え */
.heading-image {
	background: url('https://i-koumei.jp/ikou-site/wp-content/uploads/2025/10/logo_s.png') no-repeat left top;

	text-indent: -9999px;
	height: 50px;
	display: block;
	background-size: contain;
	/*margin: 2em 0 1em;*/
	margin: 0 0 1em !important;
}

/* クラス付き見出しを画像に置き換え2 */
.heading-image2 {
	background: url('https://i-koumei.jp/ikou-site/wp-content/uploads/2025/10/contents_black_m.png') no-repeat left top;

	text-indent: -9999px;
	height: 50px;
	display: block;
	background-size: contain;
	/*margin: 2em 0 1em;*/
	margin: 0 0 1em !important;
}

/* ページヘッダーのフォントサイズ拡大、色変更 */
.page-header-title, h1.page-header-title {
	font-size: 4rem;
	font-weight: 700;
	color: #00aed1;
	text-shadow: 1px 1px 2px #AAAAAA;
	line-height: var(--vk-line-height-low);
	margin: 0;
}

/* リストの行間調整 */
.wp-block-list {
	line-height: 25px;
	margin-bottom: 5px;
}

/* サイト全体の文字色を変更（ロゴの文字の色に） */
body {
  color: #3e3635 !important;
}

.wp-block-table.is-style-stripes {
    border-bottom: none;
}