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

/* ==========================================
   サイド・コンテンツ背景設定
   ========================================== */
#side_col, #main_content, #main_col {
  background-image: url('./assets/img/menu-background.jpg');
}

/* ==========================================
   メイン画像見出しフォント調整
   ========================================== */
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;
}

/* ==========================================
   会社概要 (.page-id-511)
   ========================================== */
/* PC・共通スタイル */
.page-id-511 .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc !important; /* PC：外枠の線 */
}

.page-id-511 .wp-block-table tr {
  border-bottom: 1px solid #ccc !important; /* PC：横線 */
}

.page-id-511 .wp-block-table td {
  border: 1px solid #ccc !important; /* PC：マス目の枠線 */
  padding: 12px 15px;
  text-align: left;
  vertical-align: middle;
}

/* 1列目（項目タイトル）のPC指定 */
.page-id-511 .wp-block-table td:first-child {
  width: 30%; /* PC表示時の見出し幅 */
  background-color: #e0e0e0 !important; /* PC：項目タイトルのグレー背景 */
  font-weight: bold;
}

/* モバイル（スマホ）表示用の設定 */
@media screen and (max-width: 768px) {
  /* テーブル全体のリセット */
  .page-id-511 .wp-block-table table {
    border: none !important;
    margin: 0 auto !important;
  }

  .page-id-511 .wp-block-table tbody {
    display: block;
  }

  /* 行（1セット）ごとの間隔 */
  .page-id-511 .wp-block-table tr {
    display: block;
    border: none !important; /* 下線なし */
    padding: 0 !important;
    margin-bottom: 15px !important; /* 次の項目セットまでの余白 */
  }

  /* td（セル）共通の設定 */
  .page-id-511 .wp-block-table td {
    display: block !important;
    width: 100% !important;
    border: none !important;
    box-sizing: border-box;
    text-align: left !important;
  }

  /* 項目タイトル（1列目）：グレー背景＋余白 */
  .page-id-511 .wp-block-table td:first-child {
    font-weight: bold;
    background-color: #e0e0e0 !important; /* グレー背景 */
    padding: 8px 12px !important; /* ★タイトル内の上下左右余白 */
  }

  /* 内容（2列目）：本文側の余白 */
  .page-id-511 .wp-block-table td:last-child {
    background-color: #ffffff !important;
    padding: 4px 12px 10px 12px !important; /* ★本文内の余白（左右にも12px入れて端のくっつき防止） */
    margin: 0 !important;
    color: #333;
  }
}

/* ==========================================
   モダンフォームスタイル (.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 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;
  }