@charset "utf-8";
/*
Theme Name: Avalon child Webcottカスタマイズ
Description:WordPressテーマ「Avalon」の子テーマ
Template:avalon_tcd040
Version:1.0
*/

/* ==========================================
   サイド・コンテンツ背景設定
   ========================================== */
/*p調整*/
.post_content p {
	font-size:120%;
}

/*h2調整*/
.post_content h2 {
  padding: 1rem 3rem;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#26ade4), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #26ade4 0%, #68e0cf 100%);
}

.post_content h2:before {
  top: 0;
}

.post_content h2:after {
  bottom: 0;
}

/* サイドバー文字色調整 */
#global_menu .menu-item a,
#global_menu .menu-item a:hover,
.store-information p,
.store-information p.store-tel {
    color: #FFFFFF !important;
}

/*メイン画像見出しフォント調整*/
h2.header-title {
	font-size:1.8em !important;
}

p.has-medium-font-size ,p.desc1{
	font-size:18px !important;
}

.center {
	text-align:center;
	margin: 0 auto;
	width: 80%;
  margin: 0 auto;
  max-width: 500px;
}

.store-information01 {
	background-color:#26ade4;
}

/* ==========================================
   実績一覧
   ========================================== */
.page-id-1171 figcaption {
  padding: .75em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
line-height:1.5em;
}


/* ==========================================
   会社概要
   ========================================== */
/* PC・共通スタイル */
.page-id-1102 .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border: none; /* 外枠を削除 */
}

.page-id-1102 .wp-block-table tr {
  border-bottom: 1px solid #e0e0e0; /* 下線（横線）のみ表示 */
}

.page-id-1102 .wp-block-table td {
  border: none; /* マス目の枠線を削除 */
  padding: 15px 10px;
  text-align: left;
  vertical-align: top;
}

/* 1列目（見出し部分）の調整 */
.page-id-1102 .wp-block-table td:first-child {
  width: 30%; /* PC表示時の見出し幅 */
  font-weight: bold;
}

/* モバイル（スマホ）表示用の設定 */
@media screen and (max-width: 768px) {
  .page-id-1102 .wp-block-table td {
    display: block; /* 縦並びに変更 */
    width: 100% !important;
    box-sizing: border-box;
  }

  .page-id-1102 .wp-block-table td:first-child {
    padding-bottom: 5px; /* 見出しと本文の間隔 */
  }

  .page-id-1102 .wp-block-table td:last-child {
    padding-top: 0; /* 本文の上の余白を調整 */
    padding-bottom: 15px; /* 行間の余白 */
  }
}


/* ==========================================
   モダンフォームスタイル (.page-id-7)
   ========================================== */
/* フォーム全体枠 */
.page-id-7 .inquiry-form {
  border: 1px solid #d7d7d7;
  border-bottom: none;
  width: 100%;
}

/* 1行ごとの設計 (Flexbox) */
.page-id-7 .form-row {
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  align-items: center;
}

/* 見出しエリア（旧 th の役割） */
.page-id-7 .form-label {
  width: 30%;
  background-color: #f7f7f7;
  padding: 12px 10px;
  font-size: 14px;
  color: #444;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-self: stretch;
}

.page-id-7 .form-label p {
	  font-size: 14px;
}
.page-id-7 .form-label label,
.page-id-7 .form-label span {
  font-weight: bold;
}

/* 入力欄エリア（旧 td の役割） */
.page-id-7 .form-field {
  width: 70%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
}

/* 必須・任意ラベル */
.page-id-7 .haveto,
.page-id-7 .any {
  font-size: 10px;
  padding: 3px 6px;
  color: #ffffff;
  border-radius: 2px;
  margin-right: 6px;
  display: inline-block;
  line-height: 1;
  flex-shrink: 0;
  font-weight: normal!important;
}

.page-id-7 .haveto {
  background-color: #ff9393;
}

.page-id-7 .any {
  background-color: #93c9ff;
}

.page-id-7 .wpcf7-list-item  {
  display: inline;
}
/* ------------------------------------------
   入力フォーム自体の調整 & 余白完全消去
   ------------------------------------------ */
.page-id-7 .form-field p,
.page-id-7 .form-field .wpcf7-form-control-wrap {
  margin: 0;
  padding: 0;
  display: block;
}

.page-id-7 .form-field input[type="text"],
.page-id-7 .form-field input[type="email"],
.page-id-7 .form-field input[type="tel"],
.page-id-7 .form-field textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  display: block;
}

/* 送信・スパムエリア */
.page-id-7 .form-submit-area {
  margin-top: 20px;
}

.page-id-7 .spam-check {
  margin-bottom: 20px;
  font-size: 14px;
}

.page-id-7 #formbtn {
  display: block;
  padding: 1em 0;
  width: 100%;
  background: #337ab7;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s;
	margin: 0 !important;
	height: auto !important;
}

.page-id-7 #formbtn:hover {
  opacity: 0.8;
}

/* #edit-area p の margin-bottom: 1em と line-height: 250% を完全リセット */
#edit-area .page-id-7 .form-field p,
#edit-area .inquiry-form p,
.page-id-7 .form-field p {
  margin: 0;
  margin-bottom: 0;
  margin-block-end: 0;
  padding: 0;
  line-height: 1.5; /* 250% で膨らむのを防ぐ */
}


/* ==========================================
   スマホ用カスタマイズ (画面幅 500px 以下)
   ========================================== */
@media (max-width: 500px) {
  .page-id-7 .form-row {
    flex-direction: column;
  }

  .page-id-7 .form-label,
  .page-id-7 .form-field {
    width: 100%;
  }

  .page-id-7 .form-label {
    border-bottom: 1px solid #eee;
  }
}


/* ==========================================
   SPフッターGooglemapセンター調整
   ========================================== */
@media (max-width: 767px) {
  #footer_menu #block-28.footer_widget {
    width: 100%;
    float: none;
    text-align: center;
  }