@charset "UTF-8";
/*
Theme Name: SWELL CHILD
Template: swell
*/

/* ===== おおたかの森サイト 完全再現 ===== */

#body_wrap.home > *:not(#content) { display: none !important; }

.home #content.l-content,
.home #main_content.l-mainContent,
.home .l-mainContent__inner,
.home .post_content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#body_wrap.home { padding: 0 !important; }

/* ===== ネイティブブロック調整 ===== */
.home .post_content .wp-block-group__inner-container { display: contents; }
.home .post_content { --wp--style--block-gap: 0px; }
.home .post_content .wp-block-group { margin: 0; padding: 0; }
.home .post_content .wp-block-heading { margin: 0; padding: 0; }
.home .post_content .wp-block-paragraph,
.home .post_content p { margin: 0; padding: 0; }

/* 画像ブロック */
.home .post_content figure.wp-block-image { margin: 0; display: block; line-height: 0; }
.home .post_content figure.wp-block-image > a { display: block; }
.home .post_content figure.wp-block-image img { display: block; }
.home .post_content .c-card__thumbnail img { width: 100%; height: auto; }

/* リセットで消える原本の重要スタイルを明示復元 */
.home .post_content .c-info { padding: 52px 44px 54px 56px; }
@media (max-width: 767px) {
  .home .post_content .c-info { padding: 19.2vw 5.0666666667vw; }
}
/* l-contents__narrow の中央寄せ復元 */
@media (min-width: 768px) {
  .home .post_content .l-contents .l-contents__narrow { margin-left: auto; margin-right: auto; }
}


/* dt/dd 代替 */
.home .outpatient__hoursItem .c-dt { flex-shrink: 0; width: 3em; }
.home .c-info__contactTime .c-dt { line-height: 1.4375; border: 2px solid #deedf0; }
.home .c-info__contactTime .c-dd p { line-height: 1.625; }
@media (max-width: 767px) {
  .home .c-info__contactTime .c-dt { padding: 2.4vw 0 2.6666666667vw; margin-bottom: 5.0666666667vw; font-size: 1rem; text-align: center; }
  .home .c-info__contactTime .c-dd p { line-height: 2; text-align: center; }
}
@media (min-width: 768px) {
  .home .c-info__contactTime .c-dt { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 62px; min-height: 57px; }
  .home .c-info__contactTime .c-dd { padding-left: 17px; }
}


/* === フローティングボタンSVG（クロスオリジンSVGはflex内でauto寸法が0になるため明示指定） === */
@media (min-width: 768px) {
  .home .c-buttons__pc .c-buttons__item a img { width: 16px !important; height: 170px !important; object-fit: contain; }
}
@media (max-width: 767px) {
  .home .c-buttons__sp .c-buttons__item a img { height: 4.2666667vw !important; object-fit: contain; }
  .home .c-buttons__sp .c-buttons__item:nth-of-type(1) a img { width: 12.6vw !important; }
  .home .c-buttons__sp .c-buttons__item:nth-of-type(2) a img { width: 21.4vw !important; }
  .home .c-buttons__sp .c-buttons__item:nth-of-type(3) a img { width: 27vw !important; }
}

/* 採用ボタンをブロック化（原本どおり背景写真bg_recruit付きの大ボタン） */
.home .c-info__recruit p{margin:0;}
.home .c-info__recruitBtn{display:block !important;width:100%;height:189px;text-decoration:none;}
.home .c-info__recruitBtn .recruitBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;}
@media (max-width:767px){.home .c-info__recruitBtn{height:auto;aspect-ratio:100/45;}}

/* 採用ボタン幅修正：.c-info__recruitをブロック化し採用ボタンを全幅に */
.home .c-info__recruit{display:block !important;}
.home .c-info__recruit p{width:100% !important;margin:0;}
.home .c-info__recruitBtn{display:block !important;width:100% !important;height:189px;}

/* アクセスページ：Googleマップ プレースホルダ（レスポンシブ） */
.my-map-mount{position:relative;padding-bottom:50%;height:0;overflow:hidden;border-radius:12px;}
.my-map-mount iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* ===== サブページ用スキャフォールディング（原本デザイン適用） ===== */
#body_wrap.otaka-sub > *:not(#content){display:none !important;}
.otaka-sub #content.l-content,.otaka-sub #main_content.l-mainContent,.otaka-sub .l-mainContent__inner,.otaka-sub .post_content{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;}
#body_wrap.otaka-sub{padding:0 !important;}
.otaka-sub .post_content{--wp--style--block-gap:0px;}
.otaka-sub .post_content figure.wp-block-image{margin:0;display:block;line-height:0;}
.otaka-sub .post_content .wp-block-image img{display:block;}
.otaka-sub .post_content .wp-block-image > a{display:block;}
.otaka-sub .wp-block-group__inner-container{display:contents;}

/* サブページ中央寄せ復元：原本のl-contents._narrowの中央寄せ/余白を確実に適用 */
.otaka-sub .post_content .l-contents{padding-left:2.6666666667vw;padding-right:2.6666666667vw;}
@media(min-width:768px){.otaka-sub .post_content .l-contents._narrow,.otaka-sub .post_content .l-contents .l-contents__narrow{max-width:1106px !important;margin-left:auto !important;margin-right:auto !important;padding-left:20px !important;padding-right:20px !important;}}

/* サブ見出し余白・表行間を原本に合わせる */
.otaka-sub .post_content .c-table td,.otaka-sub .post_content .c-table th{line-height:1.75;}

/* スパーリアス95/93パディング除去（原本は<section>でこのクラス無し） */
.otaka-sub .post_content .wp-block-group{padding-top:0;padding-bottom:0;}
.otaka-sub .post_content .p-entry{padding-bottom:110px;}
/* KVバナー高さ（原本準拠：PC固定・モバイルはアスペクト） */
.otaka-sub .post_content .c-mainVisual .c-mainVisual__inner{background-size:cover;background-position:center;}
@media(min-width:768px){.otaka-sub .post_content .c-mainVisual{height:21.3333333333vw;}}
@media(max-width:767px){.otaka-sub .post_content .c-mainVisual{padding-top:47.4666666667vw;}}

/* 表セル余白を原本に（WP/SWELLのテーブル既定を上書き） */
.otaka-sub .post_content .c-table th,.otaka-sub .post_content .c-table td{padding:15px 14px;}
@media(min-width:768px){.otaka-sub .post_content .c-table th,.otaka-sub .post_content .c-table td{padding:25px 30px;}}

/* 強調セクション：原本どおり otaka-bg のみ #fafafa 全幅背景＋95/93パディング、他は背景なし */
.otaka-sub .post_content .wp-block-group{border-image:none;}
.otaka-sub .post_content .wp-block-group.otaka-bg{border-image-source:linear-gradient(#fafafa,#fafafa);border-image-slice:fill 0;border-image-outset:0 100vw 0 100vw;padding-top:95px;padding-bottom:93px;}
@media(max-width:767px){.otaka-sub .post_content .wp-block-group.otaka-bg{padding-top:19.7333333333vw;padding-bottom:24vw;}}

/* リスト下余白を原本に（ul/ol = 43.2px、注入パンくずは.wp-block-listでないので除外） */
.otaka-sub .post_content ol.wp-block-list,.otaka-sub .post_content ul.wp-block-list{margin-bottom:43.2px;}


/* === 医師のご紹介 グリッド（doctors・常時適用） === */
.my-doctor-grid > .wp-block-group__inner-container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  column-gap:40px;
  row-gap:44px;
  max-width:952px;
  margin-inline:auto;
}
.my-doctor-card-wrap > .wp-block-group__inner-container{ display:flex; flex-direction:column; }
.my-doctor-card-img{ margin:0 0 22px; }
.my-doctor-card-img img{ width:100%; aspect-ratio:208 / 282; object-fit:cover; display:block; }
.my-doctor-card-body p{ margin:0; font-size:16px; line-height:1.75; font-weight:500; color:#242424; text-align:left; }
@media(max-width:960px){ .my-doctor-grid > .wp-block-group__inner-container{ grid-template-columns:repeat(3,1fr); column-gap:24px; row-gap:32px; } }
@media(max-width:600px){ .my-doctor-grid > .wp-block-group__inner-container{ grid-template-columns:repeat(2,1fr); column-gap:16px; row-gap:28px; } .my-doctor-card-body p{ font-size:14px; } }

/* === 受付セクション：写真を背景→img化（背景未描画の回避） === */
.p-topOutpatient__inner{ background-image:none !important; padding-top:0 !important; }
.p-topOutpatient .my-outpatient-photo{ margin:0 !important; }
.p-topOutpatient .my-outpatient-photo img{ display:block; width:100%; height:auto; }
.p-topOutpatient__inner > .wp-block-group__inner-container > .p-topOutpatient__wrap{ position:relative; z-index:1; margin-top:-72px; }
@media(max-width:767px){ .p-topOutpatient__inner > .wp-block-group__inner-container > .p-topOutpatient__wrap{ margin-top:-24px; } }

/* 受付セクション 写真 PC/SP 切替 */
.p-topOutpatient .my-outpatient-photo-sp{ display:none !important; }
.p-topOutpatient .my-outpatient-photo-sp img{ display:block; width:100%; height:auto; margin:0; }
@media(max-width:767px){
  .p-topOutpatient .my-outpatient-photo{ display:none !important; }
  .p-topOutpatient .my-outpatient-photo-sp{ display:block !important; margin:0 !important; }
}

/* ログイン時：WP管理バーとカスタム固定ヘッダーの重なり回避 */
.l-header:not(.-series){ top: var(--wp-admin--admin-bar--height, 0px); }

/* ===== 横並びコンポジタ不具合の回避：トップの横並びを縦積み化（原本に近いシンプル版） ===== */
.p-topClinic .c-grid._col2,
.p-topDepartment .c-grid._col3,
.p-archives .c-grid._col3,
.p-topOutpatient__grid,
.p-topInfo .c-info__wrap{ display:block !important; }
.p-topClinic .c-grid._col2 > .wp-block-group__inner-container,
.p-topDepartment .c-grid._col3 > .wp-block-group__inner-container,
.p-archives .c-grid._col3 > .wp-block-group__inner-container,
.p-topOutpatient__grid > .wp-block-group__inner-container,
.p-topInfo .c-info__wrap > .wp-block-group__inner-container{ display:block !important; }
.p-topClinic .c-grid._col2 .c-grid__item{ width:100%!important; max-width:600px!important; margin:0 auto 32px!important; float:none!important; }
.p-topClinic .c-grid._col2 .c-grid__item:last-child{ margin-bottom:0!important; }
.p-topDepartment .c-grid._col3 .c-grid__item{ width:100%!important; max-width:480px!important; margin:0 auto 24px!important; float:none!important; }
.p-topDepartment .c-grid._col3 .c-grid__item:last-child{ margin-bottom:0!important; }
.p-archives .c-grid._col3 .c-grid__item{ width:100%!important; max-width:500px!important; margin:0 auto 20px!important; float:none!important; }
.p-topOutpatient__grid > .wp-block-group__inner-container > *{ width:100%!important; max-width:640px!important; margin:0 auto 28px!important; float:none!important; }
.p-topInfo .c-info__wrap > .wp-block-group__inner-container > *{ width:100%!important; max-width:560px!important; margin:0 auto 20px!important; float:none!important; }

/* ===== SWELLリッチカラム(swell-block-columns)をotakaトップで横並び描画（SWELL CSS dequeue対策・/test/と同じ見た目） ===== */
.p-top .swell-block-columns__inner{ display:flex !important; flex-wrap:wrap !important; gap:24px !important; align-items:flex-start !important; }
.p-top .swell-block-columns__inner > .swell-block-column{ flex:1 1 0 !important; min-width:0 !important; max-width:none !important; width:auto !important; margin:0 !important; }
@media (max-width:600px){
  .p-top .swell-block-columns__inner{ gap:16px !important; }
  .p-top .swell-block-columns__inner > .swell-block-column{ flex-basis:100% !important; }
}


/* SWELLリッチカラム画像のホバーズーム（原本のc-card効果を再現） */
.p-top .swell-block-column .c-card__thumbnail{ overflow:hidden !important; }
.p-top .swell-block-column .c-card__thumbnail img{ transition:transform .5s cubic-bezier(.22,1,.36,1) !important; }
.p-top .swell-block-column .c-card__thumbnail:hover img{ transform:scale(1.05) !important; }

/* カード見出しの矢印(→)アイコンとテキストを縦中央揃え */
.p-top .swell-block-column .c-cardHeading__title a{ display:inline-flex !important; align-items:center !important; }

/* お問合せ: 原本同様に横並び。連絡先(左)はコンポジタ・シーソー回避のためレイヤー昂格して強制描画 */
.p-topInfo .swell-block-columns__inner > .swell-block-column:first-child{ transform: translateZ(0) !important; }

/* お問合せ 受付時間ラベルの不要な改行(u-brPC)を抑制し1行に */
.p-topInfo .swell-block-column .c-dt br{ display:none !important; }

/* 受付: 左カラム(住所・外来受付時間)のシーソー回避でレイヤー昇格 */
.p-topOutpatient .swell-block-columns__inner > .swell-block-column:first-child{ transform: translateZ(0) !important; }

/* お問合せ枠＝既存.c-info(原本の枠)を全幅化＋上下余白。内側のloos枠は付けない */
.p-topInfo .c-info{ max-width:none !important; width:auto !important; margin-top:clamp(32px,5vw,56px) !important; margin-bottom:clamp(32px,5vw,56px) !important; }

/* お問合せ枠線：擬似要素＋レイヤー昇格で全辺を確実に描画（縦辺が出ない不具合の回避） */
.p-topInfo .c-info{ border:none !important; position:relative !important; }
.p-topInfo .c-info::before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; border:4px solid #9fb2bc !important; pointer-events:none !important; transform:translateZ(0) !important; z-index:2; }

/* 原本サイズに合わせる: カード見出し21px・診療科画像332px・SNSバナー332px */
.p-top .c-cardHeading__title{ font-size:21px !important; }
.p-topDepartment .swell-block-columns__inner{ gap:48px !important; justify-content:center !important; }
.p-topDepartment .swell-block-columns__inner > .swell-block-column{ flex:0 0 332px !important; max-width:332px !important; }
.p-archives .swell-block-columns__inner{ gap:40px !important; justify-content:flex-end !important; }
.p-archives .swell-block-columns__inner > .swell-block-column{ flex:0 0 332px !important; max-width:332px !important; }
@media(max-width:600px){ .p-topDepartment .swell-block-columns__inner > .swell-block-column, .p-archives .swell-block-columns__inner > .swell-block-column{ flex-basis:100% !important; max-width:100% !important; } }

/* お知らせ・診療科: 全幅の薄灰背景（受付と統一） */
.p-archives, .p-topDepartment{ background:#ffffff !important; }

/* 各セクション上側余白（原本準拠） */
.p-archives{ padding-top:70px !important; padding-bottom:80px !important; }
.p-topOutpatient{ padding-top:100px !important; padding-bottom:110px !important; }
.p-topDepartment{ padding-top:70px !important; padding-bottom:80px !important; }
.p-topInfo{ padding-top:80px !important; }
.p-topClinic{ padding-top:70px !important; }


/* === OTAKA_SUB_ABOUT_FIX v1 === */
/* 原本デザイン適用サブページ(.otaka-sub)本文の補修：当院について 見出し・概要/沿革テーブル */
.otaka-sub .post_content .my-page-h2{
  font-size:22px; line-height:1.6; font-weight:700; color:#242424; margin:0 0 26px;
}
.otaka-sub .my-info-table{ margin:0 0 40px; }
.otaka-sub .my-info-table table{ width:100%; border-collapse:collapse; color:#242424; }
.otaka-sub .my-info-table th,
.otaka-sub .my-info-table td{
  border:1px solid #c3c3c3; padding:25px 30px; font-size:16px; line-height:1.75; text-align:left;
}
.otaka-sub .my-info-table th{
  background:#cae4ea; font-weight:700; vertical-align:top; width:185px; white-space:nowrap;
}
.otaka-sub .my-info-table td{ background:#fff; font-weight:500; vertical-align:middle; }
@media (max-width:768px){
  .otaka-sub .my-info-table th{ width:34%; white-space:normal; padding:14px 12px; font-size:14px; }
  .otaka-sub .my-info-table td{ padding:14px 12px; font-size:14px; }
}


/* === OTAKA_SUB_HEADING_FIX v1 === */
/* 原本デザイン適用サブページ(.otaka-sub)の汎用見出し補修（SWELL既定喪失分・原本の見出しスケールに準拠）。
   outpatient/doctors等の原本クラス(c-heading*/my-page-h2)は除外して非影響。 */
.otaka-sub .post_content h2.wp-block-heading:not([class*="c-heading"]):not(.my-page-h2){
  font-size:20px; line-height:1.6; font-weight:700; margin:0 0 20px; color:#242424;
}
.otaka-sub .post_content h3.wp-block-heading:not([class*="c-heading"]){
  font-size:16px; line-height:1.7; font-weight:700; margin:26px 0 12px; color:#242424;
}
.otaka-sub .post_content h4.wp-block-heading:not([class*="c-heading"]){
  font-size:16px; line-height:1.7; font-weight:700; margin:20px 0 10px; color:#242424;
}


/* === OTAKA_SUB_LAYOUT_FIX v1 === */
/* 原本準拠：サブページ本文幅は1066px（原本 .l-contents._narrow 相当）。WP既定の900px制約を上書き */
.otaka-sub .post_content .is-layout-constrained > :where(:not(.alignfull)){ max-width:1066px; }
/* c-sectionラッパーグループのWP既定padding(64px)を除去（原本はパンくず下60pxのみ） */
.otaka-sub .post_content .wp-block-group.c-section{ padding:0; }
/* 埋め込み地図（my-map-mount内iframe）を原本 .obj_gmap と同寸に */
.otaka-sub .my-map-mount{ position:relative; width:100%; height:30vh; margin-bottom:8px; }
/* 交通案内・道順セクション（生HTML）を原本コンテナ幅に */
.my-access-traffic{ max-width:1106px; margin:0 auto; padding:0 20px; }


/* === OTAKA_SUB_ABOUT_SPACING v1 === */
/* 院長写真：原本の縦横比(832x552)どおり表示（高さの引き伸ばし防止） */
.otaka-sub .post_content .wp-block-media-text__media > img{ width:100%; height:auto !important; aspect-ratio:832/552; object-fit:cover; object-position:top; }

/* 当院について(page-id-13)：原本のセクション間隔に一致させる */
.otaka-sub.page-id-13 .post_content .wp-block-media-text{ margin-top:70px; }
.otaka-sub.page-id-13 .post_content h2.c-heading01:nth-of-type(2){ margin-top:195px; }
.otaka-sub.page-id-13 .post_content h2.c-heading01:nth-of-type(3){ margin-top:214px; }


/* === OTAKA_SUB_CONTACT_WIDTH v1 === */
/* お問い合わせ(page-id-15)：my-contact-sectionにis-layout-constrainedが無く全幅(1382px)になる問題を補正 */
.otaka-sub.page-id-15 .post_content .my-contact-section > .wp-block-group__inner-container > *:not(.alignfull){
  max-width:1066px; margin-left:auto; margin-right:auto;
}


/* === OTAKA_MEDIATEXT_CSS v1 === */
/* WordPress core media-text ブロックの標準CSSを複製（core/htmlで直書きした場合、標準の自動出力が発生しないため） */
.wp-block-media-text{ display:grid; grid-template-columns:50% 1fr; grid-template-rows:auto; }
.wp-block-media-text.has-media-on-the-right{ grid-template-columns:1fr 50%; }
.wp-block-media-text .wp-block-media-text__media{ grid-column:1; grid-row:1; margin:0; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ grid-column:2; grid-row:1; }
.wp-block-media-text .wp-block-media-text__content{ grid-column:2; grid-row:1; word-break:break-word; padding:0 8%; align-self:center; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ grid-column:1; grid-row:1; }
.wp-block-media-text__media img{ height:100%; width:100%; object-fit:cover; display:block; margin:0; }
@media (max-width:600px){
  .wp-block-media-text.is-stacked-on-mobile{ grid-template-columns:100% !important; }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ grid-column:1; grid-row:1; }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ grid-column:1; grid-row:2; padding:24px 0 0; }
}


/* === OTAKA_HEADER_SPACER v1 === */
/* 固定ヘッダー(.l-header)がMVの上に重なりタイトル帯が狭く見える問題の修正。
   既存の .otaka-sub #main_content.l-mainContent { padding:0 !important } ルール（本文幅リセット用）が
   padding-topも0にしていたため、同じIDセレクタ+!importantで上書きする。 */
.otaka-sub #main_content.l-mainContent{ padding-top:72px !important; }
@media (min-width:768px){
  .otaka-sub #main_content.l-mainContent{ padding-top:110px !important; }
}


/* === OTAKA_FIX_20260709 v1 === */
/* 1) SWELL標準のページタイトル(.c-pageTitle)がヘッダー直下に出て「見出し重複」に見える問題を非表示化 */
.otaka-sub .c-pageTitle{ display:none !important; }
/* 2) rehabilitation/examinationの本文(生HTML)に本文幅制限が無く全幅表示になっていた問題（accessのmy-access-trafficと同じ対処） */
.my-rehab-body, .my-exam-body{ max-width:1106px; margin:0 auto; padding:0 20px; }


/* OTAKA_SUBPAGE_INFO_WIDTH: functions.phpで各サブページ末尾に追加した「お問い合わせ／採用情報」＋関連クリニックカードを、外来ページ(.l-contents._narrow)と同じ本文幅1066pxに制限（.my-rehab-body等と同方式）。これが無いと全幅表示になり画像が大きくなる */
.my-subpage-info{ max-width:1106px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; }

/* OTAKA_EMBED_FIX: otakaページはコアブロックCSSをdequeueするため、YouTube等のcore/embedにレスポンシブ&中央寄せCSSが効かない。原本(中央・約704px・16:9)に合わせて補完 */
.otaka-sub .wp-block-embed.aligncenter{ margin-left:auto; margin-right:auto; }
.otaka-sub .wp-block-embed.is-type-video{ text-align:center; }
.otaka-sub .wp-block-embed.is-type-video .wp-block-embed__wrapper{ position:relative; width:704px; max-width:100%; margin:0 auto; }
.otaka-sub .wp-block-embed.is-type-video .wp-block-embed__wrapper::before{ content:""; display:block; padding-top:56.25%; }
.otaka-sub .wp-block-embed.is-type-video iframe{ position:absolute; inset:0; width:100%; height:100%; }

/* OTAKA_FAQ_DETAILS: FAQをネイティブcore/details化。旧.c-faqアコーディオンの見た目(灰箱#f4f4f4/Q青アイコン/矢印svg/開閉回転)をdetailsに再現。JS不要(details標準開閉) */
.otaka-sub .my-contact-section details.wp-block-details{ margin:0 0 5px; }
.otaka-sub .my-contact-section details.wp-block-details > summary{ position:relative; display:flex; align-items:center; justify-content:flex-start; width:100%; padding:15px 40px 15px 20px; font-size:1.125rem; font-weight:700; line-height:1.33333; letter-spacing:0.025em; background:#f4f4f4; cursor:pointer; list-style:none; }
.otaka-sub .my-contact-section details.wp-block-details > summary::-webkit-details-marker{ display:none; }
.otaka-sub .my-contact-section details.wp-block-details > summary::before{ content:"Q"; display:inline-block; align-self:flex-start; margin-right:6px; font-family:Outfit,sans-serif; font-size:1.375rem; font-weight:700; line-height:1; color:#2497c1; }
.otaka-sub .my-contact-section details.wp-block-details > summary::after{ content:""; position:absolute; top:50%; right:20px; width:2.66667vw; max-width:22px; height:1.6vw; max-height:14px; margin-top:-0.8vw; background:url("https://otakanomori.matsudoseikei.net/wp-content/themes/swell_child/img/angle_brackets_l.svg") center / contain no-repeat; transition:transform .3s; }
.otaka-sub .my-contact-section details.wp-block-details[open] > summary::after{ transform:rotate(180deg); }
.otaka-sub .my-contact-section details.wp-block-details > :not(summary){ margin:0; padding:15px 20px; }
.otaka-sub .my-contact-section details.wp-block-details > :not(summary) p{ margin:0; }

/* OTAKA_FAQ_DETAILS_COLLAPSE: このChrome/テーマ環境ではnative detailsの閉じ折りたたみが効かず全回答が展開表示される。閉状態でsummary以外を明示的に非表示にして原本同様のアコーディオン挙動にする */
.otaka-sub .my-contact-section details.wp-block-details:not([open]) > :not(summary){ display:none !important; }