@charset "utf-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ用エディタ（クラシックエディタ）のカスタマイズ（2024-01-15mk）
※クラシックエディタではグローバルスタイルが読み込めないため、「ブログ専用」クラスを別に用意することとした
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
* + [class*="blog-h"]{
    margin-top: 40px;
	position: relative;
}

.blog-h_large_a {
    border-bottom:none;
	padding: 10px;
	background: var(--main,#2672cb);
	color: #fff;
	border-radius: 4px;
}

/*.blog-h_large_a {
	margin-top: 60px;
	padding-bottom: 13px;
    border-bottom: 2px solid #c1c1c1;
}

.blog-h_large_a::before {
    content: "";
    background: var(--main, #2672cb);
    width: 70px;
    height: 4px;
    position: absolute;
    bottom: -3px;
    left: 0;
    border-radius: 4px;
}*/

.blog-h_middle_a{
	border: none;
	position: relative;

}

.blog-h_middle_a::before {
    content: "";
    background: var(--main, #2672cb);
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.blog-h_middle_b{
	background: var(--base-1, #e7f2fd);
	color: var(--text,#000);
	border-radius: 4px;
	position: relative;
}

h3.blog-h_middle_b::before {
    content: '';
    width: 4px;
    height: 25px;
    background: var(--main,#2672cb);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

:is(article:not(.type-page), body:not(.post-type-page)) :is(.basic_box01,.basic_box02) {
    border-radius: 4px;
}

.blog-basic_btn01 {
    border-radius: 4px;
    font-weight: bold;
}

.blog-basic_btn01::after {
    content: '\ea3c';
    font-size: 15px;
    right: 10px;
}

::marker {
    color: var(--main);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:var(--accent);
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 50%;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 14px;
	height: 2px;
	border-radius: 2px;
  background:#fff;
	width: 45%;
}

.openbtn span:nth-of-type(1) {
	top:15px; 
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}

#mobile-header .menu-toggle{
	position: absolute;
    right: 0;
    top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 診療時間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tb_hours {
	border: none;
	margin-bottom: 15px;
}

.tb_hours tr:first-child {
    background: var(--main);
    color: #fff;
}

.tb_hours :is(th,td) {
    font-size: 15px;
    border-width: 0 0px 1px 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.tb_hours tr:not(:first-child) th {
    font-size: 18px;
    font-family: "Jost" sans-serif;
}

.tb_hours tr > *:last-child {
    padding-right: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-navigation:not(.slideout-navigation) .site-logo {
    position: absolute;
    top: 0;
    z-index: 2;
    background: #fff;
}

/* カレント */
body:is(.single-post, .category, .tag):not(:has(.category-medical)) .inside-navigation ul:not(.sub-menu) li.news a,
body:not(.home):is(.tax-pain-location, :has(.category-medical)) .inside-navigation ul:not(.sub-menu) li.medical a {
	color: var(--main);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿 > アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*サイドメニューの対応症状を非表示*/
#right-sidebar li.cat-item-199 {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
対応症状　＞　詳細ページ　＞　「コンテンツ作成」（2026-06-09）re
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
section#author_area {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 50px 40px;
}

.img_name_wrap {
  display: flex;
  column-gap: 30px;
}

.img_name_wrap .area_a img {
  width: 150px;
  border-radius: 50%;
  over-flow: hidden;
}

.img_name_wrap .area_b{
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-basis: 0;
  padding: 25px 20px;
  margin-bottom: 5px;
  border-radius: 4px;
  background-color: var(--base-1);
}

.img_name_wrap .area_b p {
  margin-bottom: 0;
}

.img_name_wrap .area_b .name_wrap {
  width: 100%;
  display: flex;
  column-gap: 1em;
  font-weight: bold;
  line-height: 1;
}

.img_name_wrap .area_b .license {
  padding-top: 10px;
  margin-top: 15px;
  border-bottom: 1px solid #c5d1e7; 
}


.career_wrap .career_ttl{
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
}

.career_wrap .career_ttl > p {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 0px;
}

.career_wrap .career_ttl > div {
    width: 20px;
    height: 2px;
    background-color: #d2d2d2;
}

/*
#author_area {
    border-radius: 20px;
	box-shadow: 0px 10px 20px 0px rgba(118, 159, 166, 0.2);
}

#author_area .wrap {
    display: flex;
    gap: 5%;
    padding: 0 40px 40px 40px;
}

#author_area .area_a {
    width: 20%;
}

#author_area .area_b {
    width: 80%;
}

#author_area p {
    margin-bottom: 0;
    border-radius: 3px;
    overflow: hidden;
}


#author_area .main_ttl {
    font-size: 20px;
    color: #fff;
    background: var(--main);
    text-align: center;
    padding: 10px;
    border-radius: 20px 20px 0 0;
    margin-bottom: 30px;
}

#author_area .katagaki {
    font-size: 15px;
    color: var(--main);
    font-weight: bold;
}

#author_area .name {
    font-size: 26px;
    border-bottom: 1px dashed #d1d1d1;
    padding-bottom:15px;
    margin-bottom: 10px;
}

#author_area .txt {
    font-size: 15px;
}

#author_area :is(.career, .gakkai, .license){
    margin-top: 15px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

#author_area .career{
	margin-top: 25px;
}

#author_area .ttl {
	font-size: 15px;
	color: #414141;
	background-color: var(--base-2);
	display: flex;
	justify-content: center;
	min-width: 110px;
	text-align: center;
	font-weight:bold;
	align-items: center;
}
*/

#author_area :is(.name, .career_wrap, .katagaki, .license):has(.txt:empty) {
    display: none;
}

/*お知らせとブログカテゴリ記事には執筆者と監修を表示させない*/
body.right-sidebar :is(#author_area, #supervision){
	display:none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　記事詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事詳細のタイトル > 2つめ以降も表示 */
.post-term-item:not(:nth-of-type(1)) {
    display:block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 矢印 */
#home_promo .wp-block-splide-carousel .splide__arrows--ltr .splide__arrow--prev {
    left: calc(50% - 44vw);
}

#home_promo .wp-block-splide-carousel .splide__arrows--ltr .splide__arrow--next {
    right: calc(50% - 44vw);
}

#home_promo .wp-block-splide-carousel .splide__arrows .splide__arrow {
    background: var(--base-2);
    width: 65px;
    height: 65px;
    border: 2px solid var(--main);
}

#home_promo .wp-block-splide-carousel .splide__arrow svg {
    fill: var(--main);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻るボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.generate-back-to-top {
    width: 48px;
    height: 48px;
    border: 1px solid var(--main);
}