/*
Theme Name:MONAD child
Theme URI:https://tcd-theme.com/tcd110
Description:WordPressテーマ「MONAD」の子テーマ
Template:monad_tcd110
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/
/* TOPページ：クリニックの理念・コンセプト　内テキスト左寄せ */
#concept p {
	text-align: left;
}
/* TOPページ：見出し明朝体への変更 */
#cb_content_2 .cb_service_list .service_list .title {
  font-family:"Times New Roman",Times,"Yu Mincho","游明朝","游明朝体","Hiragino Mincho Pro",serif;
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{
	font-family:"Times New Roman",Times,"Yu Mincho","游明朝","游明朝体","Hiragino Mincho Pro",serif;
}
/* TOPページ：フッターのスケジュール表の非表示 */
.sc_schedule {
	display: none;
}
/* TOPページ：フッターの説明文の全幅表示 */
#service_content_list .service_content .check_list li {
  width: 100%;
}
#service_header .check_list li {
  width: 100%;
}

/* お知らせ記事ページ：画像のレイアウト調整 */
#single_news_header .image img {
  width: 100%;
  height: auto;
  position: static;
  object-fit: contain;
}

/* 全ページ共通：見出しH4のマージン削除 */
.post_content h4{
	margin: 0;
}
/* 全ページ共通：レスポンシブでの見出し明朝体への変更 */
body.mobile_device h1, body.mobile_device h2, body.mobile_device h3, body.mobile_device h4, body.mobile_device h5, body.mobile_device h6{
	 font-family:"Times New Roman",Times,"Yu Mincho","游明朝","游明朝体","Hiragino Mincho Pro",serif;
}
/* 全ページ共通：画像の角丸 */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img{
  border-radius: 10px;
}
/* 全ページ共通：2カラムコンテンツ（flex）の縦中央揃え */
body .wp-block-columns {
  align-items: center!important;
}
/* 全ページ共通：グループ（.layout-group）のレイアウト */
.post_content .layout-group {
  border: 1px solid #00A4B4;
  padding: 5%;
  box-sizing: border-box;
  border-radius: 10px;
}
/* 全ページ共通：テーブル（flexible-table）のレイアウト */
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
  border-color: #00a4b4!important;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td.border-under-white {
  border-bottom: 1px solid #ffffff!important;
}
/* 全ページ共通：区切り（separator）のレイアウト */
.wp-block-separator {
  border-color: #00a4b4!important;
}
/* 全ページ共通：下マージンなし（.margin-bottom-none）のレイアウト */
.margin-bottom-none {
  margin-bottom: 0;
}
/* 全ページ共通：リスと（ul li）のレイアウト */
.post_content .list-layout {
  background: #f6f6f6;
  border-radius: 10px;
  padding: 5%;
}
.post_content ul.list-style-none li {
  list-style: none;
  text-indent: -1em;
}
/* --------------お問い合わせページ：各種レイアウト調整 */
.wpcf7 {
  border-radius: 10px;
}
.contact-form-wrap {
  max-width: 900px;
  margin: 0 auto;
}
.form-row {
  margin-bottom: 32px;
}
.form-label {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0!important;
}
.form-field > p {
  margin-bottom: 0!important;
}
.required {
  color: #d33;
}
.field-note {
  font-size: 13px;
  color: #666;
  margin-top: 6px;
}
.form-section-title {
  margin: 50px 0 20px;
  font-size: 22px;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
input, textarea, select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
}
textarea {
  min-height: 160px;
}
.wpcf7-list-item {
  display: block;
  margin-bottom: 8px;
}
.age-field {
  display: flex;
  align-items: center;
  gap: 8px;
}
.age-field input {
  max-width: 120px;
  width: auto;
  margin-right: 10px;
}
.consent-row {
  margin-top: 30px;
}
.confirm-note {
  background: #dadada;
  padding: 15px;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}
.form-submit {
  text-align: center;
  margin-top: 30px;
}
.form-submit input {
  background: #18a7b5;
  color: #fff;
  padding: 15px 30px;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.form-submit input:hover {
  opacity: 0.85;
}
.wpcf7 .no-block {
  text-align: center;
}
.wpcf7 .no-block .wpcf7-list-item {
  display: inline-block;
}
@media screen and (max-width: 782px) {
  /* .wpcf7 .post_content *:last-child {
    width: auto!important;
  } */
  .form-row-inline {
    display: block;
  }
  .form-row-inline .inline-col:first-of-type {
    margin-bottom: 32px;
  }
}
/* --------------お問い合わせページ：各種レイアウト調整 end */

@media only screen and (max-width: 782px) {
  /* 全ページ共通：画像の横幅最大表示 */
  .post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img {
    width: 100%;
  }
  /* 全ページ共通：content内最後の要素の横幅最大表示 */
  /* .post_content *:last-child {
    width: 100%;
  } */
  /* 全ページ共通：2カラム（右画像：左テキスト）のレスポンシブでの表示を画像上：テキスト下に */
  body .flex-reverse {
    flex-direction: column-reverse;
  }
  /* 全ページ共通：テーブル（flexible-table）のレイアウト */
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td.border-under-white {
    border-bottom: none!important;
  }
}