/*
Theme Name: core_clinic
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/*##########################################*/
/* 　　　ヘッダーメニューカスタマイズ　　　　　　　　　*/
/*##########################################*/

/* --- ヘッダーナビを2段目・中央寄せ --- */
#site-header-container { display: block; }
.site-header-logo { display: inline-block; width: auto; }
.global-nav--layout--float-right { display: block; width: 100%; float: none; }
.global-nav-list { justify-content: center; }
.site-header {
box-shadow:none;
}
/* --- 電話＋ボタンをロゴと同じ行・コンテンツ幅の右端に --- */
.myHeaderContact {
  position: absolute;
  top: 24px;          /* ★ロゴの高さに合わせて調整 */
  right: 15px;
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 20;
}
.myHeaderContact__tel a {
  font-size: 20px; font-weight: 700; color: #2e8b6f;
  text-decoration: none; line-height: 1.2;
}
.myHeaderContact__hours { display: block; font-size: 12px; color: #2e8b6f; }
.myHeaderContact__btns { display: flex; gap: 8px; }
.myBtn {
  display: inline-block; padding: 10px 20px; border-radius: 4px;
  font-size: 14px; text-decoration: none; white-space: nowrap;
}

/*ボタン*/
.myBtn--fill    { background: #49B788; color: #fff; width: 140px;
    text-align: center;}
.myBtn--outline { border: 1px solid #49B788; color: #fff; background: #49B788; width: 140px;
    text-align: center;}

@media (min-width: 992px) {
  /* ナビ全体の左右マージンを消す */
  #global-nav,
  #global-nav .global-nav-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
  }

  /* メニューを中央寄せ */
  #global-nav .global-nav-list {
    display: flex;
    justify-content: center !important;
    width: 100%;
  margin-bottom: 10px;
  }
}
#global-nav .global-nav-name,
#global-nav .menu-item a {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;        /* 120% */
  letter-spacing: 0;
  color: #49B788 !important;
}

/* スクロール後もスクロール前と同じレイアウトを維持 */
@media (min-width: 992px) {
  .header_scrolled #site-header-container { display: block; }
  .header_scrolled .site-header-logo {
    display: inline-block !important;
    width: auto !important;
    position: static !important;   /* Lightningのabsolute解除 */
    padding-top: 0 !important;
  }
  .header_scrolled .site-header-logo img {
    height: auto !important; 
    margin-top:10px!important;
  }
  .header_scrolled .global-nav--layout--float-right {
    display: block;
    width: 100%;
    float: none;
  }
  .header_scrolled .global-nav-list { justify-content: center; }

  /* 電話＋ボタンをスクロール後も同じ位置に */
  .header_scrolled .myHeaderContact {
    position: absolute;
    top: 24px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 16px;
    z-index: 20;
  }
}

/* --- スマホ --- */
@media (max-width: 991.98px){
  .myHeaderContact {
    display: none;
  }
  nav#global-nav {
    display: none;
  }
}


/*##########################################*/
/* 　　　共通設定　　　　　　　　　　　　　　　　*/
/*##########################################*/

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

.site-body { padding: 0px; }

p {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(14px, 3.5vw, 16px);
  line-height: 2;
  letter-spacing: 0;
  color: #5A7060;
}

h1{font-family: 'Zen Kaku Gothic New', sans-serif;}

h2 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(24px, 6vw, 36px);
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
  color: #49b788 !important;
}
h3 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(14px, 3.5vw, 16px);
  line-height: 1.6;
  letter-spacing: 0;
}

/*コンテンツ見出し*/
/* 共通：4つの見出しの土台 */
.content_title,
.content_title_white,
.sympton_title,
.sympton_title_access {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  position: relative;
  text-align: center;
  color: #5cb589;
  font-size: clamp(1.5rem, 5vw, 2.2rem);
  letter-spacing: 0.15em;
}
/* 下余白が必要なものだけ */
.content_title,
.content_title_white {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  padding-bottom: 28px;
}
/* 共通：下線（中央寄せ・緑） */
.content_title::after,
.content_title_white::after,
.sympton_title::after,
.sympton_title_access::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #5cb589;
}
/* 白バージョン：文字と下線を白に */
.content_title_white {
   font-family: 'Zen Kaku Gothic New', sans-serif;
  color: #ffffff;
}
.content_title_white::after {
  background-color: #ffffff;
}
/* access バージョン：下線を左寄せに */
.sympton_title_access::after {
  left: 0;
  transform: none;
}

/*スマホ時ボタン幅*/
@media (max-width: 991.98px){
  .vk_button {
    width: 100% !important;
  }
  .vk_button .vk_button_link {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }
}


/*======下層ページヘッダー設定======*/
.page-header {
  background-image: url("https://coreclinic.jp/wp-content/uploads/2026/08/kasou_top.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1440 / 320;
}

/*パンくずリスト*/
.breadcrumb {
    display: none;
}



/* === アコーディオンをFAQ風に === */

.faq-acc .wp-block-accordion-item {
  border-bottom: 1px solid #C8DBC9;
  padding: 0;
  margin: 0;
}
.faq-acc .wp-block-accordion-heading__toggle {
  line-height: 1.7;
  color: #49B788;
  padding-right: 16px;
}
.faq-acc .wp-block-accordion-heading__toggle-title {
  margin-left: 10px;
}
.faq-acc .wp-block-accordion-heading__toggle-title::before {
  content: "Q";
  display: inline-block;
  background-color: #49B788;
  border-radius: 5px;
  color: #fff;
  font-family: 'Shippori Mincho B1', serif;
  padding: 0 8px;
  margin-right: 10px;
}
.faq-acc .wp-block-accordion-heading::after {
  display: none;
}
.faq-acc .wp-block-accordion-panel {
  position: relative;
  background-color: #e8f2ea;
  padding: 12px 12px 12px 3em;
  margin-left: 20px;
}
.faq-acc .wp-block-accordion-panel p.wp-block-paragraph {
  margin-left: 0;
  color: #5A7060;
}
.faq-acc .wp-block-accordion-panel::before {
  content: "A";
  position: absolute;
  left: 10px;
  top: 12px;
  background-color: #49B788;
  border-radius: 5px;
  color: #fff;
  font-family: 'Shippori Mincho B1', serif;
  padding: 0 8px;
}

/* 開閉ボタンカスタマイズ  */
.faq-acc .wp-block-accordion-heading__toggle-icon {
  font-size: 0;
  margin-right: 16px;
}
.faq-acc .wp-block-accordion-heading__toggle-icon::before {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  content: "\f105";
  font-size: 1rem;
  display: inline-block;
}
.faq-acc .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon {
  transform: none !important;
}
.faq-acc .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
  content: "\f078";
  transform: none !important;
}


/*##########################################*/
/* 　　　TOPページ　　　　　　　　　　　　　　　　*/
/*##########################################*/

/* ===== FV（ファーストビュー） ===== */
.fv-cover { padding: 0; }
.fv-cover .wp-block-cover__inner-container {
  max-width: none !important;
  padding: 0 !important;
}
.fv-cover .wp-block-column { flex-grow: 0; }

/* 緑の半透明ボックス（左） */
.fv-greenbox {
  background: rgba(76,175,134,.88);
  padding: 32px 40px;
  top: -20px;
}
.fv-greenbox h2 { color:#fff; font-size:2rem; margin:0 0 12px; line-height:1.3; }
.fv-greenbox p  { color:#fff; margin:0; font-size:.9rem; }

/* 見出し・サブテキストのフォント */
h2.fv_copy  { font-family:'Shippori Mincho B1', serif; font-weight:700; }
p.fv_copy_p { font-family:'Shippori Mincho B1', serif; font-weight:400; }

/* 口コミ＋お知らせ（右） */
.fv-card, .fv-news {
  background:#fff;
  border-radius:4px;
  box-shadow:0 4px 20px rgba(0,0,0,.12);
  margin-top:10px !important;
}
.fv-card {
  padding:16px 17px;
  margin-bottom:12px;
  width: fit-content;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: 0 !important;
}
.fv-news { padding:12px 20px; }

/* カバー内：左右カラムを両端へ */
.fv-cover .wp-block-cover__inner-container > .wp-block-columns {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 0 !important;
  max-width: 100%;
  padding: 0 0 40px !important;
}
.fv-cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.fv-cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:first-child {
  flex: 0 0 440px !important;
}
.fv-cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:last-child {
  flex-basis: 380px !important;
}
.fv-cover .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
  top: 239px;
}

/* FV下 News のアーカイブリスト */
.wp-block-latest-posts__list li {
  display: flex;
  align-items: baseline;
  border-bottom: 2px solid #3D6B4F;
  padding: 8px 0;
}
.wp-block-latest-posts__list li:last-child {
  border-bottom: none;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
  order: 1;
  white-space: nowrap;
  color: #3D6B4F;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
  order: 2;
  color: #3D6B4F !important;
  text-decoration: underline !important;
  text-decoration-color: #3D6B4F !important;
}

/* お知らせ内のカラム群だけ左余白（他セクションに影響させない） */
.fv-news .wp-block-columns.wp-container-core-columns-is-layout-7387b849 {
  margin-left: 20px !important;
}
.fv-news-col {
  flex-basis: 50% !important;
}
.wp-block-group.alignwide.fv-news.vk_block-margin-md--margin-top.is-layout-constrained.wp-block-group-is-layout-constrained {
  padding-right: 200px;
}

/* ===== スマホ：FVを縦積みに ===== */
@media (max-width: 991.98px){

  /* カラム群を縦並びflexに */
  .fv-cover .wp-block-cover__inner-container > .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
  }

  /* 左右カラムの枠を透過させ、中身を直接並べる */
  .fv-cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column {
    display: contents !important;
  }
  .fv-cover .fv-overlay {
    display: contents !important;
  }

  /* 並び順：口コミ → 緑 → お知らせ */
  .fv-card     { order: 1 !important; }
  .fv-greenbox { order: 2 !important; }
  .fv-news     { order: 3 !important; }

  /* inner-container のズレ */
  .fv-cover .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    top: 190px !important;
  }

  /* 口コミカード */
  .fv-card.wp-custom-css-b281451a {
    top: 0;
    margin-top: 280px;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
  }

  /* 緑ボックス */
  .fv-greenbox {
    top: 0;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .fv-greenbox h2 {
    font-size: 1.6rem;
  }

  /* お知らせ：薄緑・画面幅いっぱい・帯を低く */
  .fv-news {
    background: #e8f2ea;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 0 !important;
    padding: 4px 16px !important;
  }
  .wp-block-group.alignwide.fv-news.vk_block-margin-md--margin-top.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-right: 16px !important;
  }

  /* お知らせ内の余白を全階層で詰める */
  .fv-news .wp-block-columns.wp-container-core-columns-is-layout-7387b849,
  .fv-news .wp-block-column,
  .fv-news .wp-block-latest-posts__list,
  .fv-news .wp-block-latest-posts__list li {
    margin: 0 !important;
    padding: 0 !important;
  }
  .fv-news .wp-block-columns.wp-container-core-columns-is-layout-7387b849 {
    align-items: center !important;
  }

  /* お知らせを1件だけ表示 */
  .fv-news .wp-block-latest-posts__list li:nth-child(n+2) {
    display: none;
  }
  .fv-news .wp-block-latest-posts__list li {
    border-bottom: none;
  }

  /* 空カラムを消す */
  .fv-news .wp-block-column:empty {
    display: none !important;
  }

  /* News/お知らせラベルのカラムごと消す */
  .fv-news .wp-block-columns > .wp-block-column:first-child {
    display: none !important;
  }

  /* お知らせバッジを日付の前に表示 */
  .fv-news .wp-block-latest-posts__list li::before {
    content: "お知らせ";
    order: 0;
    display: inline-block;
    background-color: #49B788;
    color: #fff;
    font-size: 0.8rem;
    padding: 2px 12px;
    border-radius: 4px;
    margin-right: 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }
}

/* === 背景透かし英字：全セクション共通 === */
.sec-watermark {
  position: relative;
  overflow: hidden;
}
.sec-watermark::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  width: 800px;
  height: 200px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}
.sec-watermark .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}
.sec-watermark .wp-block-cover__background {
  z-index: 0;
}

/* スマホ：共通で縮小 */
@media (max-width: 767px) {
  .sec-watermark::before {
    top: 20px;
    width: 60%;
    max-width: 320px;
    height: 80px;
  }
}

/* 各セクションの背景英字画像 */
.sec-ourclinic::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/OUR-CLINIC-1.png');
  top: 0px;
}
.sec-symptom::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/SYMPTOM.png');
}
.sec-doctor::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/DOCTOR.png');
  width: 700px;
}
.sec-calender::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/CALENDAR.png');
}
.sec-clinic::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/CLINIC_2.png');
  width: 500px;
}
.sec-column::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/COLUMN.png');
  width: 600px;
}
.sec-faq::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/FAQ.png');
  width: 300px;
  height: 250px;
}
.sec-access::before {
  background-image: url('http://ask.linqweb.com/wp_cms/wp-content/uploads/2026/06/ACCESS.png');
  width: 500px;
  top: 20px;
}

/*======料金について・ご家族の方へ======*/
.top_card_span {
  font-size: clamp(10px, 3.3vw, 15px);
  line-height: 1.4;
}

/* ======症状から探す：スマホ時2カラムに====== */
@media (max-width: 991.98px){
  .sympton_colum {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
  }
  .sympton_colum > .wp-block-column {
    flex: 0 0 calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    margin: 0 !important;
  }
  .wp-block-columns.sympton_colum.vk_block-margin-sm--margin-top.is-layout-flex.wp-container-core-columns-is-layout-7387b849.wp-block-columns-is-layout-flex {
    margin-top: 10px !important;
  }
}



/*======TOPコラム一覧======*/

/* コラムカード：土台 */
.wp-block-post.column {
  display: flex;
  flex-direction: column;
  background-color: #F4F9F5;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  padding: 10px;
}

/* 並び順 */
.wp-block-post.column .wp-block-post-featured-image { order: 1; }   /* 写真 */
.wp-block-post.column .wp-block-post-terms          { order: 2; }   /* カテゴリー */
.wp-block-post.column .wp-block-post-title          { order: 3; }   /* タイトル */
.wp-block-post.column .wp-block-post-date           { order: 4; }   /* 日付 */
.wp-block-post.column .wp-block-post-excerpt        { order: 5; }   /* 抜粋 */
.wp-block-post.column .wp-block-read-more           { order: 6; }   /* 続きを読む */

/* 画像：上を角丸に＋余白の外へ広げて幅いっぱい */
.wp-block-post.column .wp-block-post-featured-image {
  margin: -10px -10px 0;
}
.wp-block-post.column .wp-block-post-featured-image img {
  border-radius: 8px 8px 0 0;
}

/* テキスト類の余白（上下を詰める）＋左寄せ */
.wp-block-post.column .wp-block-post-date,
.wp-block-post.column .wp-block-post-title,
.wp-block-post.column .wp-block-post-excerpt,
.wp-block-post.column .wp-block-read-more {
  padding: 4px 10px;
  text-align: left !important;
}

/* タイトル・日付・抜粋の上下マージンを詰める */
.wp-block-post.column .wp-block-post-title,
.wp-block-post.column .wp-block-post-date,
.wp-block-post.column .wp-block-post-excerpt,
.wp-block-post.column .wp-block-post-excerpt p {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* カテゴリーラベル */
.wp-block-post.column .wp-block-post-terms {
  display: inline-block;
  width: fit-content;
  background-color: #E8F2EA;
  border-radius: 20px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 4px 12px;
}
.wp-block-post.column .wp-block-post-terms,
.wp-block-post.column .wp-block-post-terms a {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 14.4px;
  letter-spacing: 0;
}
.wp-block-post.column .wp-block-post-terms a {
  color: #49B788;
}

/* 抜粋の文字スタイル */
.wp-block-post.column .wp-block-post-excerpt,
.wp-block-post.column .wp-block-post-excerpt p {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 23.4px;
  letter-spacing: 0;
  color: #5A7060;
}
/*続きを読む*/
.wp-block-post.column .wp-block-read-more {
  color: #49B788 !important;
  text-decoration: none;  
}
.wp-block-post.column .wp-block-read-more::after {
  content: "→";
  margin-left: 6px;
}

/*##########################################*/
/* 　　　下層ページ-家族の方へ　to-famil　　　　　*/
/*##########################################*/


/*==初回診療の流れ==*/
.family_title {
  color: #49b788;
  font-family: "Higure Gothic", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 25.6px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.family_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4em; 
  height: 1px;
  border-bottom: 1px solid #505050;
  background-color: transparent;
}

/*==初めての方へ・料金表へ==*/
.no-gap-columns {
  gap: 0 !important;
}
.no-gap-columns > .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
}


/*##########################################*/
/* 　　　Footer設定　　　　　　　　　　　　　　*/
/*##########################################*/

.site-footer {
  background-color: #49B788;
  color: #ffffff;
}

@media (max-width: 991.98px){
  .footer_access_colum {
    display: flex !important;
    flex-direction: column !important;
  }
  .footer_access_colum > .wp-block-column:first-child {
    order: 2;
  }
  .footer_access_colum > .wp-block-column:last-child {
    order: 1;
  }
}

/*Footer コピーライト*/
.site-footer-copyright p:nth-child(2) {
  display: none;
}
.site-footer-copyright p:nth-child(1) {
  font-size: 0;
}
.site-footer-copyright p:nth-child(1)::after {
  content: "© 2026 コアクリニック. All Rights Reserved";
  font-size: 12px;
  color: #ffffff;
}



.table_menu {
  border-radius:20px;
}
.table_menu table{
  border-radius:20px;
  background:#fff;
}

.table_menu table tr td {
 padding:20px;
}

.menu_shorei ul li {
  background:#f4f9f5;
  border-radius:20px;
}
.menu_shorei ul li h4 {
  padding:10px 20px;
}
.menu_shorei ul li img {
  border-top-left-radius:20px!important;
  border-top-right-radius:20px!important;
}



.widget_nav_menu ul {
  display:flex;
  justify-content: space-around;
  
}

.widget_nav_menu>div>ul li a {
  border:none;
  color:#fff;
}


/* 症状から探す */

.shoujou_main {
  display: flex!important;
  gap:40px;
}

.shoujou_list {
  flex-basis:33%;
  border:1px solid #49b788;
  border-radius:20px;
  padding:20px;
}

.post-type-shoujou h2 {
  border:none;
  margin-top:50px;
}

.post-type-shoujou .shoujou_list h3 {
  color: #49b788;
  border:none;
  text-align:center;
  font-weight:bold;
}
.post-type-shoujou .shoujou_list h3:after {
  display:none!important;
}


.dummy {
  background:#ccc;
  pointer-events: none;
}