/*
Theme Name: woa
Text Domain: 
Theme URI: 
Description: 
Version: 1.0
Author: Webleaf
*/
html { scroll-behavior: smooth; }
body {font-family: "Zen Kaku Gothic New", system-ui,-apple-system,BlinkMacSystemFont,"ヒラギノ角ゴ W3",sans-serif; letter-spacing:0.1rem; margin:0; padding:0; width:100%; font-size:16px; overflow-wrap:anywhere; word-break:normal; line-break: strict; text-autospace:normal; }

a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
h1 , h2 , h3 , h4, h5 , h6 { margin:0;font-family: "Noto Serif JP", serif; }

.br-text { display:inline; }

/* メインメニュー */
.menu-top { margin:1em 0 2em; }
.menu-main-menu-container { width:1200px; margin:0 auto; }
ul#menu-main-menu { display:flex;justify-content: center; align-items:center; flex-direction:row; flex-wrap:wrap; list-style:none;  }
ul#menu-main-menu li  { background:#fff; padding:4px 15px; border: 1px solid #fff;box-shadow: 0 4px 12px rgba(0,0,0,.05);margin-left: 2px;}
ul#menu-main-menu li a { text-decoration:none; }
ul#menu-main-menu li a:hover { text-decoration:underline; }
li#menu-item-49 { background: #2C8BC2!important;}
li#menu-item-49 a { color:white !important;}
.menu-top {position: sticky; top: 0;z-index: 999;width: 100%; }

/* header */
header { }
.header-in { height: 126px;display: block; }
.topcom {width:280px; position: absolute;top: 33px;left: 36px;z-index: 4;}
.topcom img { width:100%; }
.top-img { z-index: 2;  }

.login-box {  width: 112px;  position: absolute; right: 50px; top: 43px; line-height: 1.5rem; border-radius: 10px; text-align: center;    border: 1px solid #ccc;   padding: 0.5em; box-shadow: 0 4px 12px rgba(0, 0, 0, .05);}
.login-box img { margin-top: 5px;width: 54px;}
.login-box p { margin: 0; }
.login-box a { color:#333!important; }

.pc-top { display:block; }
.sm-top { display:none; }

/* トップPR */
.top-pr {position: absolute; top: 200px;  left: 82px;  color: #fff;  font-weight: bold; line-height: 1.2em; text-shadow: 1px 2px #0a3f74;font-family: "Noto Serif JP", serif; font-size: 3rem; }
.sinryo-pr h3 { margin: 3em 0 8em;font-size: 1.2rem;line-height: 2.5em; }

/* バナー */
.bannerlistbox { margin:2em 0 2em 1em; }
.bannerlist { display: grid; gap: 2em; grid-auto-flow: column; grid-auto-columns: 200px; justify-content: center; }
.bannerlist img { object-fit:contain; }

/* main */
#wrap {  }

/* topick title */
h2#topick-text {position: relative;padding: 1rem .5rem; width: 70%; margin: 0 auto 2em; }
h2#topick-text:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;content: '';border-radius: 3px;background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);}

/* contents-in */
.contetns-in { width:1000px; margin:8em auto; }
.banner-list ul { display:flex; flex-wrap:wrap; list-style:none; margin-left:-40px; }
.banner-list li { width:24%; margin:4px; }
.banner-list li img { width:100%!important; background:#fff; max-height:50px; object-fit:cover; }
.banner-list2 img { width:60%!important; margin:0 auto; display:block; }

/* 日本眼科医会 */
.info-link {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 1em;}
.info-link .item img { width: 100%; height: 200px; object-fit: cover;} 
.info-link .item { text-align: center;}

/* footer */
.footer { width:1200px; margin:100px auto 0;min-height:200px; }
.footer-in { padding:20px; text-align: center; }
.footer-in ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-in ul li { width: 26%;list-style:decimal-leading-zero;}
.telephone { font-size: 1.2rem; font-weight: 900; font-family: "Noto Serif JP", serif;}

/* ブログ */
#blog{list-style:none;display:grid;gap:10px 0px;grid-template-columns:repeat(1,1fr); grid-auto-rows:1fr;margin:0 auto; width:70%; }
#blog li { width:100%; border-bottom: 1px dotted #ccc;}
#blog li .bcate {  }
#blog li .bcate a { text-decoration:none; color:#fff; background:#f0becf; padding: 0px 4px 2px 6px; margin: 0 3px;text-align: center; border-radius: 2px;line-height: 1.5rem;font-size: 0.8rem; }

#blog li .btime { display:inline-block;padding:0.3em 0.6em; letter-spacing:0.05em;}
#blog li .btime:hover {transform:scale(1.05);}

#blog li .btag { display:none; }
#blog li .btag a { text-decoration:none; color:#fff; background:#F06C5A; margin-left: 4px; padding:1px 6px 2px 8px;border-radius: 2px;}
#blog li .btitle { padding:5px 7px 10px 7px; overflow:hidden; display: block; font-size:1.1rem; margin-left: 6rem;}
#blog li img { width:100%; height:190px; object-fit:cover; border-radius: 10px 10px 0 0; }
#blog li a:hover { text-decoration:underline; }


/* 投稿枠 */
.bw2 { background:#fff; overflow:hidden; line-height: 1.5rem;}
.bw2 ul { list-style:none; margin-left:-40px; }
.bw2 a { text-decoration:underline; }
.bw2 a:hover { text-decoration:none; }
.bw2 iframe  { width:100%; height:300px; }
.btn1 a { background:#8dc740; padding:6px 20px; border-radius:6px; color:#fff; display:inline-block; margin-top:3em; }
.btn2 a { background:#8dc740; padding:4px 14px; border-radius:2px; color:#fff; display:inline-block;  }
h1.page-title { padding: 4rem 2rem; font-size: 1.8rem; line-height: 2.0rem;text-align: center;}

.bw2 h2 { position: relative; padding: .3em 0 .2em 1em; border-bottom: 3px solid #d9edf7; color: #333333;margin: 3em 0 1.5em;}
.bw2 h2::before { position: absolute; top: 0; left: .3em; transform: rotate(55deg); height: 11px; width: 12px; background: #d9edf7; content: '';}
.bw2 h2::after { position: absolute; transform: rotate(15deg); top: .6em; left: 0; height: 8px; width: 8px; background: #d9edf7; content: '';}
.bw2 h3 { font-size: 1.5rem;line-height: 1.5rem;margin:3em 0 2em; position: relative; padding: 1.5rem 1rem;}
.bw2 h3:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ''; background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px); background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px); background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.bw2 h4 { font-size: 1.2rem;line-height: 1.2rem;margin:1em 0 1em; }

.post-block {  margin-top: 4em;}
.ctblock { width: 1000px;margin: 5em auto 6em; }

/* ファイル */
.wp-block-file a { font-size: 0.9rem;}
a.wp-block-file__button { text-decoration: none!important;}

/* single.php */
.icathe img { width: 100%; height: auto; }
.cate-tag {margin-top: 5rem; text-align: right;}
.post-category span a { text-decoration: none; color: #fff; background: #f0becf; padding: 1px 6px 2px 8px; text-align: center; border-radius: 2px; font-size:0.8rem; }
.post-category span a:hover { text-decoration:underline; }
.post-tag span a {text-decoration: none; color: #fff; background: #F06C5A; padding: 1px 6px 2px 8px; border-radius: 2px;}
.post-tag span a:hover { text-decoration:underline; }
.post-tag { margin-top: 10px;}

.post_infotime { text-align:right;margin: 0 0 1rem; }
.post_tag { list-style:none; text-align:right;margin:0; }
.post_btcontent { padding: 3em; line-height: 2rem; width: 800px; margin: 0 auto;}
.post_btcontent , .post_btcontent a { font-size:1.0rem; }
.post_btcontent img { }

/* page.php */
.pagecontent { width: 800px; margin: 0 auto; min-height: 4em;}
.w800 { width: 800px; margin: 0 auto;}

/* contents-in */
.opening-grid { display: grid;grid-template-columns: 1fr 1fr 1fr; gap: 1em;}
.opening-grid .item { background: #fff; padding: 1em;}
.opening-grid .item h4 { text-align:center; font-size:1.5rem; background: #91c7df; border-radius: 8px; margin-bottom: 20px; color: #fff;}
.opening-grid .item img { width: 100%; margin: 0 auto; display: block;}

/* テーブル */
table { background:#fff; }
th , td  { text-align: center; max-width: 600px; padding: 10px; border:1px solid #ccc; }
.tablepress th,
.tablepress td { text-align: center;}

/* 装飾 */
.telephone-box-menu { display: block; margin: 0 auto 0; width: 250px; font-size: 0.8rem;}
.hr-line {position: relative;height: 1px;border-width: 0;background-image: -webkit-linear-gradient(left,transparent 0%,#283593 50%,transparent 100%);background-image:linear-gradient(90deg,transparent 0%,#283593 50%,transparent 100%);margin: 10em 0;}
iframe { width:100%; height:250px; }

section { padding:6em 2em; margin: 4em 0; background: #f5f5f5; }


/* 関連記事表示 */
.relation-post { padding: 2rem 1rem 1rem; width: 800px; margin: 0 auto; }
.post-navigation .next-post { text-align: right; }
.post-navigation .next-post:before { content:"『" }
.post-navigation .next-post:after { content:"』" }
.post-navigation .prev-post:before { content:"『" }
.post-navigation .prev-post:after { content:"』" }

/* ページネーション全体 */
.page-numbers { display: flex; justify-content: center; list-style: none; margin: 0 0 30px; perspective: 600px;           /* 3D表現の奥行き */}
.page-numbers li { margin: 0 5px; transform-style: preserve-3d; /* 子要素の3Dを有効化 */}
.current,
a.page-numbers { display: inline-block; border-radius: 30px;          /* 丸みを帯びたピル型 */ padding: 8px 16px; text-decoration: none; font-weight: bold; background: linear-gradient(45deg, #5e6374, #eeeeee); color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition:   transform 0.4s ease,   box-shadow 0.4s ease,   background 0.6s ease;}
a.page-numbers:hover { transform: translateY(-4px) rotateX(15deg); box-shadow: 0 8px 30px rgba(0,0,0,0.3); background: linear-gradient(45deg, #ff6b6b, #f06595);}
.current { pointer-events: none;         /* クリック無効 */ transform: scale(1.2) rotateX(15deg); background: linear-gradient(45deg, #f06595, #ff6b6b);}
nav.pagination-wrap {  margin-top: 3rem;}

/* search.php */
span.page-numbers.dots { display: inline;}
ul.search-list { margin: 2rem 0; background: #fff; padding: 2rem 3rem;}
ul.search-list a { font-weight: 900;}
ul.search-list li { list-style: decimal-leading-zero; }


/* ─── カラートークン（サイト共通なら :root に） ─── */
:root {--search-bg: #fff;--search-border: #d7dfe8;--search-border-focus: #2C8BC2;--search-icon-bg: #2C8BC2;--search-icon-bg-hover: #1d6d9d;--search-placeholder: #9aa4b1;}
.stylish-search {position: relative;max-width: 360px;  width: 100%;margin: 2rem auto;}
.stylish-search .search-input {width: 100%;padding: 0.7rem 3.3rem 0.7rem 1.1rem;  /* 右側アイコンぶん余白 */border: 1px solid var(--search-border);border-radius: 9999px;                 /* Pill 型 */background: var(--search-bg);font-size: 0.95rem;color: #333;outline: none;transition: border-color .25s, box-shadow .25s;}
.stylish-search .search-input::placeholder {color: var(--search-placeholder);}
.stylish-search .search-input:focus {border-color: var(--search-border-focus);box-shadow: 0 0 0 3px rgba(44,139,194,.25);}
/* ─── サーチボタン ─── */
.stylish-search .search-btn {position: absolute;top: 50%;right: 6px;transform: translateY(-50%);width: 2.4rem;height: 2.4rem;border: none;border-radius: 50%;background: var(--search-icon-bg);display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;transition: background .25s, transform .25s;}
.stylish-search .search-btn:hover {background: var(--search-icon-bg-hover);transform: translateY(-50%) scale(1.05);}
.stylish-search .search-btn:active {transform: translateY(-50%) scale(0.95);}


/* カテゴリー並び */
.cate-list-top { display: flex; justify-content:space-between; flex-wrap: wrap;}
.cate-list-top li {width: 26%;}
.cate-list-menu {display: flex; flex-direction: column;}
/* 枠 */
ul.site-categories.cate-list-top { background: #fff; padding: 2rem 3rem;}

/* トップにもどる */
html {scroll-behavior: smooth !important;}
#topBtn { position: fixed; right: 0; bottom: 0; display: block; opacity: 0.7; z-index: 1000;  }
#topBtn:hover { opacity: 1;}
a#topBtn img { width: 62px; display: block; height: 62px; object-fit: cover;}
a#topBtn span {font-size: 80%;font-weight: 900;}


/* ハンバーガーアイコン */
.menu-toggle { position: fixed; top: 15px; right: 15px; font-size: 2rem; cursor: pointer; z-index: 1001; display:none;}
/* メニュー本体 */
.mobile-menu { position: fixed; top: 0; left: -400px; width:400px; height: 100%; background:#fff; overflow-y: auto; transition: left 0.3s ease; z-index: 1000; color: #000;}
.mobile-menu ul { list-style: none; padding: 20px; margin: 0;}
.mobile-menu ul li { margin-bottom: 15px;  font-size: 1.0rem;  border-bottom: 1px dashed; padding-left: 1em; padding-bottom: 10px;}
.mobile-menu ul li a { text-decoration: none; }
.mobile-menu ul li a:hover { text-decoration: underline; }
.mobile-menu h2 { font-size: 1.2rem;line-height: 1.5rem;margin:0 0 1em; position: relative; padding: 1.5rem 1rem 0.8rem;}
.mobile-menu h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; content: ''; background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px); background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px); background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
/* メニューが開いている状態 */
.mobile-menu.open { left: 0;}
/* オーバーレイ */
.menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 999;}
.menu-overlay.active { display: block;}

/* ファイルダウンロード */
:where(.wp-block-file__button) { padding: .1em 1em!important;}



/* トップ記事グリッド */
.grid-item{ display:grid; grid-template-columns:minmax(120px,45%) 1fr; grid-template-areas:"gazou textz"; gap:3.6rem; align-items:start; }
.grid-item .gazou{ grid-area:gazou; }
.grid-item .textz{ grid-area:textz; }
.grid-item .gazou img{ width:100%; height:auto;display:block;object-fit:cover;}

/* トップ記事グリッドリバース */
.grid-item2{ display:grid; grid-template-columns:minmax(120px,50%) 1fr; grid-template-areas:"textz gazou"; gap:3.6rem; align-items:start; margin-bottom: 8rem;}
.grid-item2 .gazou{ grid-area:gazou; }
.grid-item2 .textz{ grid-area:textz; }
.grid-item2 .gazou img{ width:100%; height:auto;display:block;object-fit:cover;}

/* 4 カラム × 行の高さ 100px */
.grid-layout4 {display: grid;grid-template-columns: repeat(4, 1fr); gap: 0.8rem; list-style: none;margin-left: -40px;}
.grid-layout4 li { border: 1px solid #ccc; padding: 1.6rem; border-radius: 6px;display: flex; flex-direction: column; justify-content: space-between;}
.grid-layout4 li h3 { text-align: center; margin-bottom: 1rem; border-bottom: 1px solid #ccc;}
.grid-layout4 li h6  { text-align: center; padding: 12px; border: 1px solid #ccc; font-size: 0.8rem;}

/* トップ記事グリッド */
.grid-item_clinic { display:grid; grid-template-columns:minmax(120px,40%) 1fr; grid-template-areas:"gazou textz"; gap:3.6rem; align-items:start;margin-bottom: 2rem; }
.grid-item_clinic .gazou{ grid-area:gazou; }
.grid-item_clinic .textz{ grid-area:textz; }
.grid-item_clinic .gazou img{ width:100%; height:auto;display:block;object-fit:cover;}
.grid-item_clinic iframe { width:100%;height:360px; }
.grid-item_clinic .shinryokamoku { color:#dd2e44; font-weight:900; }

/* 診察テーブル */
.clinic-schedule .wp-block-table table { width: 100%; border-collapse: collapse;text-align: center;}
.clinic-schedule .wp-block-table th,
.clinic-schedule .wp-block-table td { padding: 0.8em 0.5em; font-size: 0.8rem; border-top: 1px solid #ccc; border-left: none; border-right: none; border-bottom: none;}
.clinic-schedule .wp-block-table thead th { font-weight: bold; font-size: 0.8rem;}
.clinic-schedule .wp-block-table td:first-child,
.clinic-schedule .wp-block-table th:first-child { text-align: left; padding-left: 1em;}
.clinic-schedule .wp-block-table thead { border-bottom: 1px solid;}
.clinic-schedule tbody { border-bottom: 1px solid #ccc;}
.clinic-schedule .wp-block-table table th:first-child,
.clinic-schedule .wp-block-table table td:first-child {  width: 80px;}

/*----------------------------scroll_up----------------------------*/
.scroll_up { transition: 0.8s ease-in-out; transform: translateY(30px); opacity: 0;}
.scroll_up.on { transform: translateY(0); opacity: 1.0;}
.scroll_left {   -webkit-transition: 0.8s ease-in-out;   -moz-transition: 0.8s ease-in-out;   -o-transition: 0.8s ease-in-out;   transition: 0.8s ease-in-out;   transform: translateX(-30px);   opacity: 0;   filter: alpha(opacity=0);   -moz-opacity: 0;}
.scroll_left.on {   opacity: 1.0;   filter: alpha(opacity=100);   -moz-opacity: 1.0;   transform: translateX(0);}
.scroll_right {   -webkit-transition: 0.8s ease-in-out;   -moz-transition: 0.8s ease-in-out;   -o-transition: 0.8s ease-in-out;   transition: 0.8s ease-in-out;   transform: translateX(30px);   opacity: 0;   filter: alpha(opacity=0);   -moz-opacity: 0;}
.scroll_right.on {   opacity: 1.0;   filter: alpha(opacity=100);   -moz-opacity: 1.0;   transform: translateX(0);}
.scroll_down { transition: 0.8s ease-in-out; transform: translateY(-30px); opacity: 0;}
.scroll_down.on { transform: translateY(0); opacity: 1.0;}
/*------------------------*/


/* パスワード保護フォーム全体の位置調整（任意） */
.post-password-form {
  max-width: 400px; /* フォームの最大幅を指定 */
  margin: 30px auto; /* 中央寄せ */
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #f9f9f9;
}

/* 「このコンテンツはパスワードで保護されています。」のテキスト */
.post-password-form p:first-child {
  font-weight: bold;
  margin-bottom: 15px;
}

/* パスワード入力欄 (input) */
.post-password-form input[type="password"] {
  width: 100%; /* 幅を親要素に合わせる */
  padding: 12px 15px; /* 内側の余白（上下・左右） */
  margin-bottom: 15px; /* 下側の余白 */
  border: 1px solid #ccc; /* 枠線 */
  border-radius: 5px; /* 角丸 */
  box-sizing: border-box; /* 幅計算の基準を枠線まで含める */
  transition: all 0.3s ease; /* アニメーション効果 */
}

/* 入力欄フォーカス時（クリック時）のデザイン */
.post-password-form input[type="password"]:focus {
  border-color: #007cba; /* 枠線の色を変更 */
  box-shadow: 0 0 5px rgba(0, 124, 186, 0.3); /* 影をつける */
  outline: none; /* デフォルトの青い枠線を消す */
}

/* 送信ボタン (input) */
.post-password-form input[type="submit"] {
  width: 100%;
  padding: 10px 15px;
  background-color: #007cba; /* 背景色 */
  color: #ffffff; /* 文字色 */
  border: none;
  border-radius: 5px;
  cursor: pointer; /* マウスカーソルを指マークに */
  font-weight: bold;
  transition: background-color 0.3s ease;
}

/* 送信ボタンにマウスを乗せた時 */
.post-password-form input[type="submit"]:hover {
  background-color: #005a87; /* 背景色を濃くする */
}
/*----------form ここまで--------------*/


@media (max-width:1024px){
.menu-main-menu-container { width: 99%;}
#wrap { width: 97%; max-width: 100%;}
#blog{ grid-template-columns:repeat(2,1fr); }
.bannerlist .item2 { width: 48%;}
.footer { width: 100%;}
object.wp-block-file__embed { display: block; }
}


@media (max-width:768px) {
html, body { overflow-x: hidden;}
.post_btcontent img { width:100%; height: auto;}
.ctblock { margin-top: 4em;width: 95%; margin: 5em auto 6em;}

.contetns-in h1 { font-size: 1.1rem;}
.contetns-in h2 { text-align:center; }
.contetns-in h3 { font-size: 0.8rem;}
.contetns-in { width:94%; }
.w800 { width:94%; }
.br-text { display:block; }

/* header */
.header { margin: 0; width: 100%; height: 440px;}
.header-in { width:100%;}
.topcom { width: 280px; top: 35px; left: 44px; }
.login-box { display:none; }

.header .hero-img { top:0; z-index: 2; height: 360px; object-fit: cover; border-radius: 0; width: 100%;}
.pc-top { display:none; }
.sm-top { display:block; }

#blog { width:100%; margin: 0 0 0 -20px;}
section { padding: 3em 0em; margin: 2em 0; width:98%;border-radius: 10px; }

.menu-main-menu-container { width:98%; }
ul#menu-main-menu { justify-content:center;}
/* main */
#wrap { width:98%; max-width:none; margin:0 auto; }

/* メニュー */
.menu-toggle { display:block;}
.mobile-menu { left: -80%; width: 80%; }
.menu-main-menu-container { display:none; }

/* 署名 */
.shomei { right: 0;bottom: -38px; top:unset; }
	
/* page.php */
.post_btcontent { padding: 1em; width: 92%;}
.pagecontent { width: 94%; }
.relation-post { width: 92%;}

/* トップInfo */
.opening-grid {grid-template-columns: unset; }

/* 日本眼科医会 */
.info-link {grid-template-columns: unset; }

/* カテゴリー並び */
.cate-list-top { flex-direction: column;}
.cate-list-top li {width: 100%;}

/* ブログ */
#blog{ grid-template-columns:1fr; overflow-x: scroll; }
#blog li { width:500px; }
#blog li .bcate a { bottom:-20px; min-width:50px; }
#blog li .btag { right:10px; bottom:14px; }
#blog li .bcate { display: block;}
#blog li .btime { right:-4px; bottom:2px; height: 14px;}
#blog li .btitle { width:96%; overflow:hidden; margin-left: 0; display:block; }
#blog li img { width:100%; height:176px; }
h1.page-title { padding:3rem 1rem; max-width: 100%;}

/* バナー */
.bannerlistbox { margin-left:0px; }
.bannerlist { display:flex; flex-wrap:wrap; width:99%; margin:0 auto;}
.bannerlist .item { width:100%; margin:3px; }
.bannerlist .item2 { width:48%; margin:3px; }

/* トップ記事グリッドスマホ */
.grid-item , .grid-item2 , .grid-item_clinic { display: grid; grid-template-columns: 1fr; grid-template-areas:  "gazou"  "textz"; gap: 0.6rem; margin:0 auto; width:94%;}
.grid-item .gazou , .grid-item2 .gazou { width: 100%; }
.grid-item .gazou img , .grid-item2 .gazou img { width: 100%; height: auto; display: block; }
.grid-item_clinic iframe { height:300px; }

/* 4 カラム × 行の高さ 100px */
.grid-layout4 {grid-template-columns: repeat(1, 1fr); }

/* 引用 */
.wp-block-quote { margin:0; }
/* contents-in */
.banner-list ul { display:flex; flex-wrap:wrap; list-style:none; margin-left:-40px; }
.banner-list li { width:47%; }
.banner-list2 img { width:100%!important; }
/* footer */
.footer { width:100%; margin:130px auto 0; min-height:200px; }
.footer-in {  }
.footer-in ul { flex-direction: column; }
.footer-in ul li { width: 100%; line-height: 2.5rem;list-style: circle;}

/* 診療案内PR */
.sinryo-pr h3 { margin: 3em 0 8em; font-size: 1.1rem; }

.top-pr {  top: 160px; font-size: 1.6rem;left: 36px;}

}