@charset "UTF-8";
/* CSS Document */
/* ---------------------
  項目をコピーしてページ内検索することで目的のセクションに移動できます。
  スマホの各項目には「（スマホ）」で移動できます。
  - 基礎
  - *ヘッダー
  - *ナビゲーション
  - *ホーム（共通設定）
  - *メインビジュアル
  - *医療コラム
  - *フッター
  - *共通要素（wrapper,box,section等）
  - *フリーエリア（上・下）
  - *医師紹介
  - *当院の特徴
  - *診療案内
  - *病名から探す
  - *症状から探す
  - *症例
  - *医院案内
  - *料金表
  - *FAQ
  - *求人案内
  - *アクセス
  - *お知らせ
  - *ブログ
  - *MPクラウド
  - *RIBON
  - *お問い合わせ
  - *ループスライダー
  - *common
  - *スマホ設定
--------------------- */
:root {
  --text-color: #534741;
  /*メイン色*/
  --main-color: #f5b754;
  /*サブ色*/
  --sub-color: #b27f36;
  /*サイドメニュー・レイアウト類の背景色*/
  --bg-color: #CFB9B2;
  /*境界線色*/
  --border-color: #e0e0e0;
}
/*==================================================================================================================================

  *医療コラム

==================================================================================================================================*/
.column_list_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 32px;
}
.column_list_flex dl {
    width: 276px;
    margin-bottom: 20px;
}
.column_list_flex dt {
    background: var(--main-color);
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}
.column_list_flex dd {
    padding: 10px;
}
.column_list_flex dd ul li {
    position: relative;
    line-height: 2;
    display: flex;
    align-items: baseline;
}
.column_list_flex dd ul li::before {
    content: "\f054";
    color: var(--main-color);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 90%;
    margin-right: 5px;
}
.column_list_flex dd ul li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*==================================================================================================================================

  *新着表示

==================================================================================================================================*/

.blog #contents_left .blog_contents{display: none;}
.archive #contents_left .blog_tit_list02{display: none;}
.archive #contents_left .top_news_list{display: none;}
.blog .top_column_list {overflow-y: unset !important;}

/*==================================================================================================================================

  *共通要素（wrapper,box,section等）

==================================================================================================================================*/
/*--------------------下層ページのレイアウト--------------------*/
.body_single,
.price_wrap,
.faq_wrap,
.sec_freearea_up,
.sec_freearea_under {
    position: relative;
    margin: 0 0 80px;
}
.body_single > p {
    margin-bottom: 1em;
}
p a{
	word-wrap:break-word;
}
/*----------ブログ----------*/
.side_box, 
.side_bannar {
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 20px 15px;
    background-color: #fff;
}
.side_area .btn01 a {
    width: 100%;
    color: #fff !important;
}
.side_bannar ul li {
    margin-bottom: 10px;
    text-align: center;
}
.side_bannar ul li a:hover {
    opacity: 0.8;
}
.side_area .side_title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 6px;
    border-bottom: solid 2px #f5b754;
    text-align: left;
    line-height: 1.2;
    color: #b17e35;
}
.side_area .side_title i {
    margin-right: 12px;
    vertical-align: middle;
    color: #f5b754;
}
.side_area li:not(:last-of-type) {
    border-bottom: 1px dashed #CFB9B2;
}
.side_area li a {
    display: block;
    padding: 6px 0;
    line-height: 1.4;
    color: #534741;
}
.side_area ul.children li.cat-item a {
    padding-left: 1em;
}
.side_area ul.children li.cat-item a::before {
    content: "－";
}
.side_area li a:hover {
    color: #f5b754 !important;
}
.blog_category {
	clear: both;
	margin-bottom: 20px;
}
.blog_category li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #F5C489;
}
.blog_category li a {
	padding: 6px 12px 6px 10px;
	transition: all .3s;
}
.blog_category li a:hover {
	color: #fff!important;
	background: #F5C489;
	text-decoration: none;
}
.blog_category li a {
	color: #F5C489!important;
	display: block;
}
.blog_category li a:hover {
	color: #fff!important;
	text-decoration: none;
}
.blog_category li a:hover .fa-tag {
	color: #fff!important;
}
/*--------------------ブログ サイドバー-------------------*/
.top_news_list, .top_column_list {
    width: 100% !important;
}
.side_area li a {
    padding: 10px !important;
	height: auto !important;
}
.top_news_list li strong, .top_column_list li strong{
	margin-top: 0 !important;
}
.load_news.scroll_area,.top_column_list {
    height: 320px !important;
    overflow-y: auto !important;
}
/*----------診療案内メニュー----------*/
.side_box.medical_menu {
    padding: 15px 9px;
    border-radius: 10px;
}
.side_area .side_box.medical_menu:not(:last-of-type) {
    margin-bottom: 24px;
}

.side_box.medical_menu.menu01 {
    border: 1px dashed #f5b754;
    background-color: #fff6e3;
}
.side_box.medical_menu.menu01.blue {
	border: 1px dashed #60c5e8;
	background-color: #D4EAF1;
}

.side_box.medical_menu.menu02 {
    border: 1px dashed #e1bd13;
    background-color: #fff7d1;
}
/*0701*/
.side_box.medical_menu.menu02.green {
    border: 1px dashed #85ca85;
    background-color: #e7f4e7;
}
.medical_menu_logo {
    margin-bottom: 10px;
    text-align: center;
}
.medical_menu_logo img {
    width: 80%;
    height: auto;
}
.medical_menu ul {
    background-color: #fff;
    overflow: hidden;
}
.medical_menu ul:not(:last-of-type) {
    margin-bottom: 16px;
}
.medical_menu.menu01 ul {
    border: solid #f5b754;
    border-width: 1px 1px 0 1px;
	border-radius: 0 0 10px 10px;
}
.medical_menu.menu02 ul {
    border: solid #e1bd13;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 10px 10px;
}
/*0701*/
.medical_menu.menu02.green ul {
    border: solid #85ca85;
    border-width: 1px 1px 0 1px;
    border-radius: 0 0 10px 10px;
}
.medical_menu.menu02 ul:last-of-type {
    border-radius: 10px 10px 10px 10px;
}
.medical_menu li {
    position: relative;
    line-height: 1.6;
}

.medical_menu.menu01 li {
    border-bottom: 1px solid #f5b754;
}
.medical_menu.menu01.blue ul {
    border: 1px solid #60c5e8;
	border-radius: 10px;
}
.medical_menu.menu01.blue ul li {
	border-bottom: none;
    border-bottom: 1px solid #60c5e8;
}
/*0701
.medical_menu.menu01 li {
    border-bottom: 1px solid #ADD8E6;
}
*/
.medical_menu.menu02 li {
    border-bottom: 1px solid #e1bd13;
}
/*0701*/
.medical_menu.menu02.green li {
    border-bottom: 1px solid #85ca85;
}
.medical_menu li a,
.medical_menu .medi_side_tit {
    display: block;
    padding: 10px 10px 10px 12px;
    font-family: "maru-maru-gothic-asr-stdn", sans-serif;
    font-weight: 400;
    color: #534741;
    transition: 0.5s;
}
.medical_menu .medi_side_tit {
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}
.medical_menu.menu01 .medi_side_tit {
    border: solid #f5b754;
    border-width: 1px 1px 0 1px;
}
.medical_menu.menu02 .medi_side_tit {
    border: solid #e1bd13;
    border-width: 1px 1px 0 1px;
}
/*0701*/
.medical_menu.menu02.green .medi_side_tit {
    border: solid #85ca85;
    border-width: 1px 1px 0 1px;
}
.medical_menu li a::before {
    display: inline-block;
    width: 10px;
    height: 2px;
    margin-right: 5px;
    vertical-align: middle;
    content: "";
}
.medical_menu.menu01 li a::before {
    background-color: #f3ac7c;
}
/*0701*/
.medical_menu.menu01.blue li a::before {
    background-color: #60c5e8;
}

.medical_menu.menu02 li a::before {
    background-color: #edd97e;
}
/*0701*/
.medical_menu.menu02.green li a::before {
    background-color: #85ca85;
}
.medical_menu.menu01 li a:hover {
    color: #534741;
    background-color: #fff6e3;
}
/*
.medical_menu.menu02 li a:hover {
    color: #534741;
    background-color: #fff7d1;
}
*/
/*0701*/
.medical_menu.menu01.blue li a:hover {
    color: #5FB4CD!important;
    background-color: #F7FBFC;
}
.medical_menu.menu02.green li a:hover {
    color: #85ca85!important;
    background-color: #EDF6ED;
}

/*--------------------TinyMCEエディタ用--------------------*/
/*----------見出し----------*/
/*太字*/
.title_style01 {
    color: var(--main-color);
    font-weight: bold;
    border: none;
    background: none;
    text-align: left;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    display: table;
}
/*下線*/
.title_style02 {
    color: var(--main-color);
    font-weight: bold;
    border-bottom: 1px solid var(--main-color);
    background: none;
    text-align: left;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    display: table;
}
/*背景色付き・白抜き*/
.title_style03 {
    background: var(--main-color);
    color: #fff;
    font-weight: bold;
    border: none;
    text-align: left;
    margin-right: 0;
    margin-left: 0;
    padding: 5px 10px;
}

h2.title_style01:before,
h2.title_style01:after,
h3.title_style01:before,
h3.title_style01:after,
h4.title_style01:before,
h4.title_style01:after,
h5.title_style01:before,
h5.title_style01:after,
h2.title_style02:before,
h2.title_style02:after,
h3.title_style02:before,
h3.title_style02:after,
h4.title_style02:before,
h4.title_style02:after,
h5.title_style02:before,
h5.title_style02:after,
h2.title_style03:before,
h2.title_style03:after,
h3.title_style03:before,
h3.title_style03:after,
h4.title_style03:before,
h4.title_style03:after,
h5.title_style03:before,
h5.title_style03:after {
    display: none;
}

/*----------テーブル----------*/
/*----------ラインマーカー----------*/
.marker {
  background: linear-gradient(transparent 60%, #ffff93 60%);
}

/*--------------------診療内容などのコンテンツ部分--------------------*/
/*ページ内リンク設定*/
.ank_single {
    position: relative;
    margin: 0 0 80px;
}
.anklink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.anklink li {
    width: 49%;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: space-between;
    position: relative;
    margin: 0 0 10px;
}
.anklink li a {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid var(--main-color);
    font-weight: bold;
    color: var(--main-color);
    text-align: center;
    vertical-align: middle;
    transition: 0.1s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.anklink li a:hover {
    background-color: var(--main-color);
    color: #fff;
}
.anklink li i {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    margin: auto;
}

/* 扉ページのリンク */
.contentlink {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}
.contentlink li {
    max-width: 390px;
    width: 100%;
}
.contentlink li a {
    display: block;
    text-align: center;
    font-weight: bold;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 10px;
}
.contentlink li a:hover {
    color: #fff;
    background: var(--main-color);
}

/*----------引用----------*/
blockquote {
    padding: 20px;
    background: #f0f0f0;
    color: #555;
    font-style: italic;
    font-size: 85%;
}
blockquote p:last-of-type {
    margin-bottom: 0;
}

/*--------------------アンカーリンンク--------------------*/
/*4個並び*/
.ank01 {
    margin: 0 auto 100px;
}
.ank01 li {
    display: table;
    position: relative;
    float: left;
    width: 24%;
    height: 66px;
    margin-bottom: 1.5%;
    margin-left: 1.33%;
    line-height: 1.4;
}
.ank01 li:nth-child(1),
.ank01 li:nth-child(5),
.ank01 li:nth-child(9) {
    margin-left: 0;
}
.ank01 li a {
    display: table-cell;
    padding: 12px 5px 15px;
    border: 1px solid var(--main-color);
    font-weight: bold;
    font-size: 13px;
    color: var(--main-color);
    text-align: center;
    vertical-align: middle;
    transition: 0.1s ease-in-out;
}
.ank01 li a:hover {
    background-color: var(--main-color);
    color: #fff;
}
.ank01 li i {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    margin: auto;
}
/*----------動画----------*/
.video {
    text-align: center;
/* 	margin-bottom:1em; */
}
.video video{
	width:70%;
	text-align:center;
}
.video-wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
	margin-bottom: 40px;
}

.video-item {
  flex: 1 1 48%;
  max-width: 48%;
}
.point {
    display: inline-block;
    font-family: "maru-maru-gothic-asr-stdn", sans-serif;
}
/*-------------------layout--------------------*/
/* --------------layout共通タイトル-------------- */
/* layout10 */
.layout10 {
    position: relative;
}
.layout10 .flow_box {
    position: relative;
    display: flex;
    padding: 32px;
    background: #fff;
}
.layout10 .flow_box::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto;
    width: 4px;
    height: calc(100% - 4px);
    border-right: var(--sub-color) dotted 4px;
    box-sizing: border-box;
    content: "";
}
.layout10 .flow_box:first-child::before {
    top: 32px;
    bottom: auto;
    height: calc(100% - 34px);
}
.layout10 .flow_box:last-child::before {
    top: 2px;
    bottom: auto;
    height: 86px;
}
.layout10 .flow_box:nth-child(even) {
    background: #f7f8f9;
}
.layout10 .flow_box:nth-child(odd) {
    background: #fff;
}
.layout10 .flow_box .number {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    margin-right: 4%;
    background: var(--main-color);
    border-radius: 50%;
    line-height: 1;
    color: #fff;
    font-size: 28px;
}
.layout10 .flow_box .layout10_box {
    width: 90%;
}
.layout10 .flow_box .layout10_text .title {
    background: var(--main-color);
    margin-top: 24px;
    padding: 12px 18px;
    border-radius: 6px;
    color: #fff;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 0.12em;
}
.layout10 .flow_box .layout10_text .title span {
    position: relative;
}
.layout10 .flow_box .layout10_text .title span::after {
    display: inline-block;
    content: "|";
    margin: 0 12px;
}
.layout10 .flow_box .layout10_text .title2 {
    padding-bottom: 2px;
    padding-top: 16px;
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px dashed rgba(35, 24, 21, 0.4);
}
.layout10 .flow_box .layout10_text .list03 {
    margin-top: 8px;
}
.layout10 .flow_box .layout10_text .list03 li {
    margin-bottom: 0;
}
.layout10 .flow_box .layout10_text .list03 li::before {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}
.layout10 .flow_box .layout10_text .list_column {
    display: flex;
    flex-wrap: wrap;
}
.layout10 .flow_box .layout10_text .list_column li {
    margin-right: 5%;
}
/* 1つ並びで3列に区切られたレイアウト。左がタイトル、真ん中と右に文章 */
.layout06 {
  margin: 0 0 15px;
}
.layout06 .layout06_box {
  display: flex;
  padding-bottom: 5px;
  position: relative;
  background-color: #fff;
}
.layout06 .layout06_box:before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    border-top: 1px solid #CFB9B2;
    content: "";
}
.layout06 .layout06_box:last-child:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--border-color);
  content: "";
}
.layout06 .layout06_title {
  width: 25%;
  padding: 0 3%;
  background-color: #fff6e3;
  letter-spacing: 0.1em;
  color: var(--main-color);
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.5;
}
.layout06 .layout06_title h4{
  letter-spacing: 0.1em;
  color: var(--main-color);
  font-weight: bold;
  text-align: center;
}
.layout06 .layout06_box:last-of-type {
  padding: 0;
}
/* 数字 */
.layout06 .layout06_title em {
  display: block;
  width: 100%;
  line-height: 1;
  margin: 0 8px;
  font-family: "Times New Roman", Times, serif;
  font-size: 170%;
  font-weight: normal;
  color: var(--sub-color);
}
.layout06 .layout06_text1 {
  padding: 2% 3%;
  vertical-align: top;
}
.layout06 .layout06_text1:nth-child(2) {
  width: 20%;
  background-color: #FFFBF5;
}
.layout06 .layout06_text1:nth-child(3) {
  width: 55%;
  border-left: 1px solid #e2e2e2;
}
.layout06 .layout06_text1 h5 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
}

.img_flex{
	display:flex;
	justify-content:space-between;
}

.img_flex p{
	width:28%;
	height:auto;
}

.img_flex p img{
	width:100%;
}
.img_flex02{
	display:flex;
	justify-content:space-evenly;
}
.img_flex02 p{
	width:50%;
	height:auto;
}
.img_flex02 p img{
	width:100%;
}

.babyhead_box{
	display:grid;
}

.box_style02.inline{
	display:inline-block;
}
.layout01_title h3 {
	margin-bottom: 0;
}
/*==================================================================================================================================

  *フリーエリア（上・下）

==================================================================================================================================*/
.sec_freearea_up .text,
.sec_freearea_under .text {
    margin-bottom: 0;
}
.sec_freearea_up h2,
.sec_freearea_under h2 {
    margin-top: 0;
}
.sec_freearea_up h3,
.sec_freearea_under h3 {
    margin: 0 0 20px;
}
.freearea_up:after,
.freearea_under:after {
    display: block;
    clear: both;
    content: "";
}
.freearea_up_img img,
.freearea_under_img img {
    width: 100%;
    max-width: 408px;
    height: auto;
    margin: 0 auto 10px;
    display: block;
}



/*==================================================================================================================================

  *ブログ

==================================================================================================================================*/
.blog_box {
    border-top: 4px solid #f5b754;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-radius: 10px;
    background-color: #fff;
}
.blog_tit {
    font-size: 24px;
    color: #b27f36;
    padding: 0 20px;
}
.blog_content {
    margin: 20px 25px;
}
.blog_content p {
    margin-bottom: 1em;
}
.blog_box .btn01 a {
    display: table;
    margin: 10px 0 10px auto;
}
.blog_text {
    font-size: 16px;
}

/*----------見出し----------*/
.blog_box h2.blog_tit {
    border-bottom: none;
    padding: 20px 20px 0;
}
.blog_box h2.blog_tit:after {
    display: none;
}

/*----------日付・カテゴリ----------*/
.blog_class li {
    display: inline-block;
    margin-right: 15px;
}
.blog_class {
    margin-bottom: 10px;
}
.blog_class i {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    color: #f5b754;
}
.blog_class li a {
    color: #534741;
}
.blog_class li a:hover {
    color: #f5b754;
}

/*----------ページャー----------*/
.pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 10px;
}
.page-numbers {
    min-width: 2.5em;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: .1em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.page-numbers.current, a.page-numbers:hover {
    background: #f5b754;
    color: #fff;
}
a.page-numbers {
    text-decoration: none;
    transition: all 0.2s linear;
    background: #fff;
    color: #f5b754;
}
.pager a:active {
    box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.55);
}

/*--------------------ブログ エディター用--------------------*/
.alignleft {
    display: inline;
    float: left;
}
.alignright {
    display: inline;
    float: right;
}
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
blockquote.alignleft, 
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright, 
.wp-caption.alignright, img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter, 
.wp-caption.aligncenter, img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}
.wp-caption.alignleft, 
.wp-caption.alignright, 
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}
/*整形済みテキスト*/
.blog_content > div pre {
    font-weight: 400;
    margin-top: 20px;
    padding: 20px;
    background-color: var(--bg-color);
    color: #7F7F7F;
    overflow: auto;
}
/*引用*/
.blog_content > div blockquote {
    position: relative;
    color: #3F3F3F;
    margin-top: 20px;
    padding: 20px 20px 20px 70px;
    background-color: var(--bg-color);
}
.blog_content > div blockquote::before {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: "icomoon";
    content: "\e909";
    font-size: 3rem;
    color: #D9D9D9;
}
.blog_content > div blockquote *:first-child {
    margin-top: 0;
}
/*ライン*/
.blog_content > div hr {
    margin-top: 40px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.blog_content > div *:first-child {
    margin-top: 0;
}
.blog_content iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/*サムネイル*/
.thumbnail {
    display: block;
    position: relative;
    float: left;
    margin: 0 15px 0 0;
    text-align: center;
}
.thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: unset;
    width: 150px;
    height: 150px;
}

/*==================================================================================================================================

  *スマホ設定

==================================================================================================================================*/
/*--------------------*基礎--------------------*/
@media screen and (max-width: 640px) {

/*--------------------パンくず--------------------*/
#breadcrumb {
    position: static;
    font-size: 12px;
    padding: 15px 0;
}

/*--------------------診療内容などのコンテンツ--------------------*/
.anklink li {
    width: 100%;
    margin: 0 0 10px;
}

/*==================================================================================================================================

*フリーエリア（上・下）（スマホ）

==================================================================================================================================*/
.freearea_up_img {
    float: none;
    margin: 0 0 15px 0;
    text-align: center;
}
.freearea_up_img img {
    width: 100%;
    height: auto;
}
.freearea_under_img {
    float: none;
    margin: 0 0 15px 0;
    text-align: center;
}
.freearea_under_img img {
    width: 100%;
    height: auto;
}

/*==================================================================================================================================

    *料金表（スマホ）

==================================================================================================================================*/
/*TYPE A-----------------------*/
.price_table_a tr:first-child {
    display: none;
}
.price_table_a tr td:nth-child(1) {
    background-color: var(--bg-color);
    font-weight: bold;
}
.price_table_a {
    border-bottom: 1px solid var(--border-color);
}
.price_table_a tr:first-child {
    display: none;
}
.price_table_a th {
    border-bottom: none;
}
.price_table_a td {
    display: block;
    border-bottom: none;
}
.price_table_a tr td:nth-child(1) {
    width: 100%;
}
.price_table_a tr td:nth-child(2) {
    width: 100%;
}
.price_table_a tr td:nth-child(3) {
    width: 100%;
    white-space: normal;
}

/*TYPE B----------------------*/
.price_table_b {
    border-bottom: 1px solid var(--border-color);
}
.price_table_b tr td {
    display: block;
}
.price_table_b tr th {
    border-bottom: none;
}
.price_table_b tr td {
    border-bottom: none;
}
.price_table_b tr td:nth-child(1) {
    width: 100%;
    text-align: center;
}
.price_table_b tr td:nth-child(2) {
    width: 100%;
}
.price_table_b tr td:nth-child(3) {
    width: 100%;
}

/*TYPE C----------------------*/
.price_table_c {
    border-bottom: 1px solid var(--border-color);
}
.price_table_c th {
    display: block;
    border-bottom: none;
}
.price_table_c td {
    display: block;
    border-bottom: none;
}
.price_table_c tr td:nth-child(1) {
    width: 100%;
    text-align: center;
}
.price_table_c tr td:nth-child(2) {
    width: 100%;
}
.price_table_c tr td:nth-child(3) {
    width: 100%;
}
.price_table_c tr.price_table_table_c_variableitem th {
    width: 100%;
}
.price_table_c tr.price_table_table_c_variableitem td {
    width: 100%;
}

/*----------------診療内容のテーブル----------------*/
.price_table.price_table_medical tr td {
    display: block;
}
.price_table.price_table_medical tr:first-child {
    display: none;
}
.price_table.price_table_medical tr td:nth-child(1) {
    text-align: center;
    font-weight: bold;
    border-top: none;
    background: var(--bg-color);
    width: 100%;
}
.price_table.price_table_medical tr:nth-child(2) td:nth-child(1) {
    border-top: 1px solid var(--border-color);
}
.price_table.price_table_medical tr td:nth-child(2) {
    border-top: none;
    text-align: center;
    width: 100%;
}

/*==================================================================================================================================

    *ブログ（スマホ）

==================================================================================================================================*/
/*--------------------下層--------------------*/
.blog_tit {
    font-size: 21px;
    line-height: 1.5;
}
.thumbnail {
    float: none;
    margin: 0;
    text-align: center;
}
.thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: unset;
    width: 200px;
    height: 200px;
}
/*==================================================================================================================================

    *下層（スマホ）

==================================================================================================================================*/
.img_flex02 {
	flex-direction: column;
    align-items: center;
}
.img_flex02 p{
	width:100%;
	height:auto;
}
.video video{
	width:100%;
}
	.video-item {
    flex: 1 1 100%;
    max-width: 100%;
  }

}
/* 赤ちゃんのあたまの形 */
.merit_box{
	    padding: 37px 0 37px;
    background-image: url(https://hikari-kodomo-futako.com/wp/wp-content/uploads/2025/06/moco.png), /* 下（通常） */ url(https://hikari-kodomo-futako.com/wp/wp-content/uploads/2025/06/moco-reverse.png);
    background-repeat: repeat-x, repeat-x;
    background-position: left bottom, left top;
	margin-bottom:50px;
	background-size:100% auto;
}
.merit_box div{
	padding: 10px 30px;
    background: #d3e2a2;
}
.merit_box .list08{
	background-color: #fff;
	margin-bottom: 0;
    font-family: "maru-maru-gothic-asr-stdn", sans-serif;
}
.merit_box .list08 li{
	padding-bottom:10px;
}
.merit_box .list08 img{
	background:#fff;
	padding:1%;
}
.merit_box .list08 .tit03{
	color: #46bc46;
}
.merit_box .list08 li:before{
	    color: #85ca85;
}
@media screen and (max-width: 640px){
	.merit_box{
		padding: 15px 0 15px;
	}
	.merit_box div {
    padding: 10px 20px;
}
}
/*============================================================================

	blog署名

============================================================================*/
#profile_box {
  background: #fff;
  margin-bottom: 50px;
  padding: 20px 25px;
  border: 1px solid #ddd;
}
#profile_box .row {}
#profile_box .txt_small {
  display: block;
  font-size: 0.6em;
}
#profile_box p {
  font-size: 0.8em;
}
.profile-under-article-left {
  float: left;
  text-align: center;
  margin-right: 30px;
  max-width: 30%;
}
.profile-under-article-left img {
  width: 100%;
  height: auto;
}
.profile-under-article-title {
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 1em;
}
.profile-under-article-right-profurl a {
  display: inline-block;
  width: 220px;
  height: auto;
  border-radius: 5px;
  background-color: #8bc356;
  border: 1px solid #8bc356;
  padding: 8px 10px;
  color: #fff;
  font-family: "FOT-筑紫A丸ゴシック Std B", "TsukuARdGothicStd-B", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  transition: 0.1s ease-in-out;
}
.profile-under-article-name {
  margin-top: 13px;
}
.profile-under-article-name a {
  color: #8bc356;
}
.profile-under-article-right-profurl {
  margin-top: 20px;
}
.gf {
  color: #836136;
  font-family: "FOT-筑紫A丸ゴシック Std B", "TsukuARdGothicStd-B", "游ゴシック体", "Yu Gothic", YuGothic;
}
.profile-under-article-right-profurl a:last-child {
    margin-top: 20px;
}

@media screen and (max-width:640px) {
	.profile-under-article-right-profurl a:last-child {
		margin-top: 20px !important;
	}
	.blog_box {
		width: 100%;
		max-width: 640px;
	}
	.profile-under-article-right-profurl {
		clear: both;
	}
}