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

.mapFrame {
	box-shadow: 1px 1px 5px rgba(20,20,20,0.3)
}

.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);
}

/* フッターを下に固定させる */
html, body {
  height: 100%;
  margin: 0;
}

.site-footer {
  position: sticky;
  top: 100vh;
}

/* コンタクトフォームのスタイル */
.wpcf7 {
	background-color: #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);
}