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

.p-contact__tel,
.p-contact__tel a
{
	color:#7d5d66;
	font-size:26px;
}
.p-social-nav__item--rss a::before
{
	color:#a0c94f;
}
.p-global-nav {
	background: #9a0e4c;
}
.p-global-nav > ul > li > a {
	background-color: #9a0e4c;
	color:#fff
}
.p-global-nav > ul > li > a:hover {
	background-color: #d17997;
	color:#fff
}
h1.p-page-header__title {
	text-align: center;
}
h1.p-page-header__title {
  background: #a0c94f !important;
  color: #ffffff;
  font-size: 28px !important;
}
.p-index-content__btn {
	background: #9a0e4c;
}
.c-menu-btn {
	color:#777777;
}
.p-search__submit {
	background: #9a0e4c;
}
.p-page-header {
    color: #7d5d66;
}
/* table01 */
#table01 {
	width:100%;
}
#table01 th,
#table01 td {
  padding: 10px 0;
  border: none;
}
#table01 th {
  width: 30%;
}
.p-entry__body #table01 th {
	background-color:#FFF;
}
.p-entry__body .aligncenter {
	text-align:center;
}

/* sp */
@media only screen and (max-width: 768px) {
	.l-header {
  height: 100px;
}
h1.p-page-header__title {
  font-size: 24px !important;
}
#table01 th, #table01 td {
	width: 100%;
  display: block;
}
#table01 th, {
	width: 100%;
	padding-bottom:0;
}
#table01 td, {
	padding-top: 0;
	text-align:center;
}	
}
@media screen and (max-width: 389px) {
.p-copyright{
		font-size:10px;
}
}
@media screen and (max-width: 339px) {
.p-copyright{
		font-size:8px;
}
}

/* ==========================================
   店舗情報 (.page-id-511)
   ========================================== */
/* PC・共通スタイル（枠線を消して下線のみ・左寄せ） */
.page-id-511 .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border: none !important; /* 外枠を削除 */
}

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

.page-id-511 .wp-block-table td {
  border: none !important; /* 内側の枠線を削除 */
  padding: 15px 10px;
  text-align: left;
  vertical-align: top;
}

/* 1列目（項目名）のPC指定 */
.page-id-511 .wp-block-table td:first-child {
  width: 30%; /* PC表示時の項目名幅 */
  font-weight: bold;
}

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

  /* 項目名（1列目）の余白調整 */
  .page-id-511 .wp-block-table td:first-child {
    padding-bottom: 5px; /* 下の値（2列目）との間隔 */
  }

  /* 内容（2列目）の余白調整 */
  .page-id-511 .wp-block-table td:last-child {
    padding-top: 0;
    padding-bottom: 20px; /* 次の項目までの余白 */
  }
}

/* ==========================================
   モダンフォームスタイル (.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% を完全リセット */
.page-id-7 .form-field p,.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;
  }
}