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

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

.site-body{
	padding-top: 0px;
}

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

/*画像に縁と影*/
.box-frame {
	padding:7px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}

/* h2のあしらい */
h2 {
text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  position: relative;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  border-top: 0px solid
}

h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ffdc72), to(#ffb770));
  background-image: -webkit-linear-gradient(right, #ffdc72 0%, #ffb770 100%);
  background-image: linear-gradient(to left, #ffdc72 0%, #ffb770 100%);
}

h3 {
	width: 600px;
	margin: 0 auto;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding: 0;
  position: static;
  color: #fff;
  border-radius: 100vh;
  border-bottom: none;
  background-image: -webkit-gradient(linear, right top, left top, from(#ffdc72), to(#ffb770));
  background-image: -webkit-linear-gradient(right, #ffdc72 0%, #ffb770 100%);
  background-image: linear-gradient(to left, #ffdc72 0%, #ffb770 100%);
}


h3 {
  font-size: 30px; /* 例: 24px */
}

.site-footer-title:after, .sub-section-title:after, h3:where(:not(.wp-block-post-title)):after {
    border-bottom: none;
}

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