@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*android用明朝体フォントの読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
/*サイドバー*/
#sidebar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
  border: 1px solid #333; /* ボーダーの指定 */
  border-radius: 40px; /* 角丸の指定 */
  padding: 6px 14px; /* 余白の指定 */
  font-size: 14px; /* 文字サイズ */
  color: #333; /* 文字色 */
}
#sidebar select::-ms-expand {
  display: none;
}
#sidebar .widget_archive {
  position: relative;
}
#sidebar .widget_archive::after {
  font-family: FontAwesome;
  content: '\f0d7'; /* アイコンの指定 */
  position: absolute;
  bottom: 0px; /* アイコンの位置 */
  right: 12px; /* アイコンの位置 */
  color: #333; /* アイコンの色 */
}


/*モバイルフッターメニューの色*/
/*.mobile-footer-menu-buttons .menu-button  {
background-color: #FFD4BE;/*オレンジ*/
border-right: thin solid white;
}*/
.you {
z-index: 3;
}
.grid470 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(470px, 1fr));
max-width: 1000px;
margin: 0 auto;
/*gap: 8px;
column-gap: 8px;
row-gap: 8px;*/
}
.grid-2box-item {
max-width: 470px;
height: auto;
/*margin: 0 auto;*/
padding-bottom: 40px;
/*text-align: center;*/
}
/*リセット*/
section {
margin: 0!important;
}
article {
margin: 0;
}
.entry-content {
margin: 0!important;
}
/*メイン領域　両端のスペースなし*/
#header-container-in, #content-top, #breadcrumb {
max-width:1256px;
margin: 0 auto;
}
.wrap {
width: 100%;
}
#main, .main {
padding: 0;
}
/*footer上部のスペースなし*/
article, .article, #footer {
margin: 0!important;
}
/*AIチャット*/
#open-chatbot {
position: fixed;
bottom: 10px;
left: 10px;
background-color: transparent;
border: none;
}
/*h3 の装飾なし*/
.article h3 {
border-style: none;
padding: 0px;
margin: 0 auto;*/
}
/*全体*/
a:link, a:visited,  a:active {
color:inherit;
text-decoration: none;
}
a:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity = 70);
}
.pc_none {
display: none;
}
h1 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
.header-in .tagline {
text-align:left;
margin-top:20px;
}
.header-in .logo {
  text-align: left;
}
.common-center {
text-align: center;
margin: 0 auto;
justify-content: center;
}
.bg-white {
padding: 30px 0;
}
.bg-sky {
background-color: #F5FFFE;
padding: 30px 0;
margin: 0!important;
}
.bg-pink {
background-color: #FFF8FA;
padding: 50px 0 30px 0;
margin:0!important;
}
.bg-yellow {
background-color: #FAF8D7;
padding: 30px 0;
margin:0!important;
}
.bg-yellow-bottom {/*BGカラー位置調整*/
background-color: #FAF8D7;
padding: 30px 0;
margin-bottom: -50px;
}
.bg-lightyellow {
background-color: #FFFDF9;
padding: 30px 0;
margin:0!important;
}
.w950 {
max-width: 950px;
margin: 0 auto;
}
.w800 {
max-width: 800px;
margin: 0 auto;
}
.w600 {
max-width: 600px;
margin: 0 auto;
padding: 0 10px;
}
.w500 {
max-width: 500px;
margin: 0 auto;
padding: 0 10px;
}
.w400 {
max-width: 400px;
margin: 0 auto;
padding: 0 10px;
}
.pad-lr10 {
padding: 0 10px;
}
.b50 {
margin-bottom: 50px;
}
.mbottom50 {
margin-bottom: 50px!important;
}
.mbottom100 {
margin-bottom: 100px!important;
}
.pad-bottom50 {
padding-bottom: 50px;
}
.pad10ir {
padding-left: 10px;
padding-right: 10px;
}
.pad-tb30 {
padding: 30px 0;
}
.img50 {
width: 50%;
}
.fontsize20 {
font-size: 20px;
}
.fontsize21 {
font-size: 21px;
}
.fontsize34 {
font-size: 34px;
}
.txtcenter {
text-align: center;
margin: 0 auto;
}
.txt-left {
text-align: left;
}
.border-item {
margin: 15px auto;
padding: 30px;
border-top: 10px dotted #B59451;
border-bottom: 10px dotted #B59451;
}
.border-item-bottom {
margin: 15px auto;
padding: 30px;
border-bottom: 10px dotted #B59451;
}
.ul-circle {
list-style:  none;
margin:  0;
padding: 0;
}
.list-circle::before {
content:  "";/* 空の要素作成 */
display: inline-block;/* インラインブロックにする */
width: 10px;
height: 10px;
background-color: #6A3906;
border-radius: 50%;
margin-right: 3px;
}
/*外部リンクボタン*/
.ext-link-btn {
max-width: 380px;
background-color: #7AC943;
color: #fff;
font-size: 21px;
font-weight: 500;
text-align: center;
border-radius: 20px;
margin: 20px auto;
}
.ext-link-btn img {
width: 26px;
margin: 4px 5px 0 0;
}
/*グリッド*/
.grid-2sprits-w920 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 20px;
grid-column-gap: 20px;/*古いブラウザ用*/
grid-row-gap: 20px;/*古いブラウザ用*/
max-width: 920px;
margin: 0 auto;
}
.grid-2box {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(435px, 1fr));
max-width: 980px;
margin: 0 auto;
}
.grid250 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
max-width: 1000px;
margin: 0 auto;
/*gap: 8px;
column-gap: 8px;
row-gap: 8px;*/
}
/*flex grid*/
.box500-item-txt {
max-width: 500px;
font-size: 17px;
line-height: 1.5em;
text-align: left;
margin: 20px auto;
padding: 0 10px;
}
/*お知らせページ SNS・お知らせボタン・nav画像の非表示*/
.entry-categories-tags, .sns-follow, .card-thumb, .entry-card-thumb {
display: none;
}
/*お知らせページ両サイドのスペース*/
.post-template-default main {
padding: 0 20px!important;
}
/*お知らせページ時計アイコン非表示、日付位置*/
span.fa-clock{
display:none;
}
.date-tags{
text-indent: 1em;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*区切り線
.navi-in {}
#navi .navi-in > ul > li{
  border-right: 1px solid #eee;
}
#navi .navi-in > ul > li:last-child{
  border-right-width: 0;
}
.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
}*/

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.menu-button-in img {
width: 280px;
}
/*ヘッダーの位置*/
.tagline {
padding:0;
margin: 0 0 0 10px!important;
}
/*モバイルメニューの影*/
.mobile-header-menu-buttons {
top: 0px;
box-shadow: 0 0 0px darkgrey;
}
/*モバイルメニューの最下段のスペース*/
.menu-drawer {
margin-bottom: 40px;
}
/*モバイル検索ボタン非表示*/
.search-menu-button {
display: none!important;
}
/*ヘッダー電話番号・Web予約*/
.head-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
margin: -90px 0 0 0px;
padding-right:10px
}
.head-reserve {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.head-tel {
letter-spacing: 1px;
font-size: 1.7em;
font-weight: 500;
padding: 0px;
color: #6A3906;
margin: 0 10px 0 0;
background-size: contain;
}
.head-tel::before {
content: '';
display: inline-block;
width: 28px;
height: 28px;
background-image: url(/wp-content/uploads/2024/04/icon-tel.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: 0 5px 0 0;
}
.head-r {
text-align: center;
}
.head-reserve {
text-align: center;
font-size: 17px;
width: 120px;
/*font-weight: bold;*/
line-height: 1.3em;
background-color: #FF92B6;
color: #fff;
border-radius: 16px;
padding: 5px 10px 3px 10px;
margin: 6px 0 0 0;
}
.head-reserve::before {
content: '';
display: inline-block;
width: 13px;
height: 21px;
background-image: url(/wp-content/uploads/2024/05/icon-sp.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: 0 7px;
}
/*パンくずリスト両端のPadding*/
.breadcrumb {
padding: 0 20px;
}
/*フッター*/
#footer {
padding: 0;
}
.footer-bg-pink {
background-color: #FFEEF1;
padding: 0;
margin:0;
}
.grp-photo {
margin: 0!important;
}
img{
vertical-align:top;
}
.footer-contents {
max-width: 1200px;
margin: 0 auto;
}
.footer-flex-center {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footer-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-figure-item {
width: 550px;
}
.footer-contents-item {
padding: 0 10px;

margin: 0 10px;
}
.grp-photo {
max-width: 550px
}
.footer-reserve {
text-align: center;
padding: 55px 0;
margin: 0 auto;
}
.footer-reserve-ttl {
font-size: 24px;
font-weight: 500;
}
.footer-reserve-tel {
font-size: 32px;
font-weight: bold;
margin: 10px 0;
border:none!important;
text-decoration: none!important;

}
.footer-reserve-tel::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(/wp-content/uploads/2024/04/icon-tel.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: -3px 5px 0 0;
}
.footer-reserve-banner {
width:300px;
background-color: #FF9FBD;
border-radius: 20px;
color: #fff;
font-size: 18px;
font-weight: 600;
margin: 0 auto;
}
.footer-add-map {
margin: 15px 0 0 0 ;
}
.footer-add {
font-size: 18px;
font-weight: 500;
letter-spacing: -0.05em;
}
.gmap-link {
display: table-cell;
background-color: #69E3FF;
padding: 0 20px;
border-radius: 20px;
height: 24px;
color: #fff;
font-weight: bold;
}
.gmap-txt {}
.footer-add-station {
line-height: 1.4em;
margin: 10px 0 0 0;
}
.icon-fb {
margin: 15px 0 0 0;
width: 50px;
}
/*診察時間表*/
.schedule {
margin: 15px 0 0 0;
}
.time-schedule tr {
background-color: transparent!important;
}
th, td {
border: none!important;
background-color: transparent!important;
border-bottom: thin solid #420900!important;
padding: 10px;
text-align: center;
}
td span {
display: block;
line-height: 1em!important;
}
.schedule_info {
margin: -10px 0 0 0;
}
.sche_txt {
line-height: 1.3em;
}
.cashless-txt {
margin: 20px 0 0 0;
}
.cashless-img {}
.footer-map {

}
.footer-menu {
margin: 40px 0 0 0;
}
.footer-menu-head {
width: 310px;
font-size: 22px;
border-bottom: #75401B thin solid;
margin: 0 0 15px 0;
}
.footer-menu-item {
margin: 0 20px;
}
.footer-menu-item ul {
list-style: none;
margin-left: -30px;
}
.footer-menu-item li {
padding: 3px 0;
}

/*個別ページの本文の位置*/
main {
padding-top: 0!important;
}

h2 {
padding: 0!important;
background-color: transparent!important;
}
.main-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between; /*均等に間隔をあける*/
}

.top-ttl02 {
background-image: url(/wp-content/uploads/2024/05/banner-top-brown01.png);
max-width: 600px;
height: 113px;
background-size: 100% auto;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto;
}
.top-ttl03 {
background-image: url(/wp-content/uploads/2024/05/banner-top-blue02.png);
max-width: 500px;
height: 134px;
background-size: 100% auto;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto 0 auto;
}
.top-ttl04 {
background-image: url(/wp-content/uploads/2024/05/banner-top-blue03.png);
max-width: 500px;
height: 115px;
background-size: 100% auto;
background-repeat: no-repeat;
text-align: center;
margin: 80px auto 0 auto;	
}
.top-ttl05 {
background-image: url(/wp-content/uploads/2024/05/banner-top-blue04.png);
max-width: 500px;
background-size: 100% auto;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto 0 auto;
}
.top-ttl07 {
background-image: url(/wp-content/uploads/2024/05/banner-top-blue04.png);
max-width: 500px;
height: 110px;
background-size: 100% auto;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto 0 auto;
}
.ttl-icon {
margin: 6%;
}
.ttl-icon02 {
margin-top: 80px;
padding-top: 7%;
}
.ttl-icon3{
margin-top: 0%;
padding-top: 8%;
font-size: 32px;
}
.ttl-icon4 {
margin-top: 0%;
padding-top: 6%;
font-size: 32px;
}
.ttl-icon5 {
color: #A67C52;
margin-top: 0;
font-size: 18px;
}
.ttl-icon6 {
color: #6C707A;
margin-top: 0;
font-size: 18px;
}
.ttl-icon7 {
color: #6C707A!important;
/*margin-top: 6%!important;*/
padding-top: 6%!important;
font-size: 28px!important;
}
.ttl-icon::before, .ttl-icon02::before, .ttl-icon3::before, .ttl-icon4::before, .ttl-icon5::before, .ttl-icon6::before, .ttl-icon7::before {
content: '';
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.ttl-icon02::before {
width: 32px;
height: 32px;
background-image: url(/wp-content/uploads/2024/05/icon-brown.png);
margin: 0 5px 0 0;
}
.ttl-icon3::before {
width: 32px;
height: 32px;
background-image: url(/wp-content/uploads/2024/05/icon-file.png);
margin: 0 5px 0 0;
}
.ttl-icon4::before {
width: 32px;
height: 32px;
background-image: url(/wp-content/uploads/2024/05/icon-brown.png);
margin: 0 5px 0 0;
}
.ttl-icon5::before {
width: 24px;
height: 24px;
background-image: url(/wp-content/uploads/2024/05/icon-news.png);
margin: 0 5px 0 9px;
}
.ttl-icon6::before {
width: 24px;
height: 24px;
background-image: url(/wp-content/uploads/2024/05/icon-blog.png);
margin: 0 5px 0 9px;
}
.ttl-icon7::before {
width: 32px;
height: 32px;
background-image: url(/wp-content/uploads/2024/05/icon-cal.png)!important;
margin: 0 5px 0 0;
}

/*お知らせ　ブログ*/
.clinic-news {
background-color: #FAF8D7;
padding: 5px 0;
margin-bottom: 8px;
border-left: medium solid #C69C6D;
}
.clinic-blog {
background-color: #E0FCFB;
color: #1996CA;
padding: 5px 0;
margin-bottom: 8px;
border-left: medium solid #3FA9F5;
}
.news-position {
	text-align: left!important;
	border: thin solid #C69C6D;
	border-radius: 8px;
}
.news-position2 {
	text-align: left!important;
	border: thin solid #1996CA;
	border-radius: 8px;
}

/*3つの意味*/
.contents-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 980px;
margin: 0 auto;
}
.mean {
margin-right: 20px;
}
.contents-flex-item {
max-width: 300px;
height: auto;
/*margin-bottom: 30px;*/
margin: 0 auto 30px auto;
}
.contents-flex-item2 {
max-width: 300px;
height: auto;
margin-bottom: 30px;
padding: 0 15px;
}
.item-txt {
font-size: 18px;
line-height: 1.6em;
font-weight: 500;
padding: 15px 0;
}
.txt-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.item-numbers {
width: 38px;
height: 55px;
padding-right: 10px;
}
.item-icon {
width: 100px;
}
/*3つ並びアイテム*/
.contents-flex3 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 760px;
margin: 0 auto;
}
.txt-flex2 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.item2 {
 display: flex;
 justify-content: center;
 align-items: center;
 padding-left: 8px;
}
.pad20 {
width: 33%;
padding-bottom: 20px;
}
/*診療案内*/
section .top-medical {
margin-top: 30px!important;
padding-top: 30px!important;
}
.clinic-sect {
padding-top: 70px;
}
.medical-circle {
background-image: url(/wp-content/uploads/2024/05/medical-circle.png);
max-width: 1000px;
height: 900px;
background-size: 100% 100%;
background-repeat: no-repeat;
text-align: center;
margin: 0 auto;
padding-top: 50px;
}
.medical-icon {
height: 50px;
}
.medical-banner {
background-repeat: no-repeat;
background-size: 70% auto;
background-position: 50% 10%;
}
.medical-banner-blue {
background-image: url(/wp-content/uploads/2024/05/top-medical-banner-blue.png);
}
.medical-banner-orange {
background-image: url(/wp-content/uploads/2024/05/top-medical-banner-orange.png);
}
.medical-banner-green {
background-image: url(/wp-content/uploads/2024/05/top-medical-banner-green.png);
}
.medical-banner-purple {
background-image: url(/wp-content/uploads/2024/05/top-medical-banner-purple.png);
}
.medical-position {
width: 33%;
padding-bottom: 60px;
}
.medical-other {
max-width: 300px;
margin: 30px auto 0 auto;
padding: 4px 40px;
background-color: #FFDCE2;
border-radius: 23px;
}
/*アイテム2つ並び*/
.contents-flex-2split {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 980px;
margin: 0 auto;
}
.flex-2split-item {
max-width: 460px;
height: auto;
margin: 0 auto 30px auto;
padding: 0 8px;
}
.greeting-comment {
/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
}
.greeting-txt {
font-family: "メイリオ", 'Meiryo', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Osaka', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-top: 18px;
}
.greeting-h {
font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", 'Noto Serif JP', serif;
font-size: 19px;
font-weight: bold;
}
.fig-ttl {
font-size: 16px;
text-align: center;
}
.fig-ttl  span {
font-size: 24px;
font-weight: 500;
}
.read-more {
width:90%;
font-size: 16px;
text-align: right;
}
.read-more a:hover {
text-decoration: underline;
}
/*お知らせ　ブログ*/
.new-entry-cards {
width: 430px!important;
text-align: left!important;
}
.new-entry-card {
text-align: left!important;
}
.new-entry-card-thumb-no-image {
display: none;
}
/*カレンダー*/
.cal-txt {
text-align: center;
color: #6C707A;
margin-top: -20px;
}
/*リンクバナー*/
.banner-link {
max-width: 420px;
padding: 6px;
border-radius: 15px;
}
.banner-link2 {
padding: 8px;
}
.banner-link-blue {
background-color: #E0FCFB;
}
.banner-link-pink {
background-color: #FFEEF1;
}
.banner-link-yellow {
background-color: #FAF8D7;
}
.banner-link-ttl {
font-size: 19px;
font-weight: bold;
text-align: center;
}
.banner-link-icon01::before, .banner-link-icon02::before, .banner-link-icon03::before {
content: '';
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
width: 28px;
height: 28px;
margin: 0 5px 0 0;
}
.banner-link-icon01::before {
background-image: url(/wp-content/uploads/2024/05/icon-splay.png);
}
.banner-link-icon02::before {
background-image: url(/wp-content/uploads/2024/05/icon-babybottle.png);
}
.banner-link-icon03::before {
background-image: url(/wp-content/uploads/2024/05/icon-baby.png);
}
.banner-link-img {
float: left;
margin: 5px 8px 8px 3px;
}
.banner-link-txt {
font-size: 16px;
line-height: 20px;
}
.loan {
text-align: center;
margin-bottom: 30px;
}
.banner-loan-txt {
font-size: 1.8vh;
font-weight: bold;
}
.banner-loan-img {
max-width: 750px;
width: 96%;
}

/*下層ページ*/
.subpage-ttl {
text-align: center;
font-size: 32px;
font-weight: 500;
margin-bottom: 70px;
}

/*診療案内*/
.medical-bg-top {
padding-top: 20px; 
}
.contents-flex-left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
max-width: 980px;
margin: 0 auto;
}
/*アンダーライン*/
.ttl-underline-pink span, .ttl-underline-blue span, .ttl-underline-yellow span {
display: inline-block;
position: relative;
z-index: 2;
}
.ttl-underline-pink span::after, .ttl-underline-blue span::after, .ttl-underline-yellow span::after {
position: absolute;
content: '';
left: -5px;
bottom: -6px;
width: 100%;
height: 8px;
z-index: -1;
opacity: 0.8;
border-radius: 80% 0% 60% 5%/80% 75% 55% 75%;
}
.ttl-underline-pink span::after {
background: linear-gradient(transparent 0%, #FF7BAC 100%);
}
.ttl-underline-blue span::after {
background: linear-gradient(transparent 0%, #3FA9F5 100%);
}
.ttl-underline-yellow span::after {
background: linear-gradient(transparent 0%, #FBB03B 100%);
}
/*アンダーライン*/
.medical-menu {
border-bottom: 1px solid #8CC63F;
width: 203px;
/*text-align: center;*/
font-size: 18px;
font-weight: 500;
letter-spacing: -2px;
padding-bottom: 3px;
padding-left: 20px;
margin: 0 0px 50px 0px;
position: relative;
}
.medical-menu::after {
content: '';
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.medical-menu::after {
width: 20px;
height: 10px;
background-image: url(/wp-content/uploads/2024/05/arrow-down.png);
position: absolute;
right: 10px;
margin: 10px 0px 0 0px;
}
.medical-icon01::before, .medical-icon02::before, .medical-icon03::before, .medical-icon04::before, .medical-icon05::before, .medical-icon06::before, .medical-icon07::before, .medical-icon08::before, .medical-icon09::before, .medical-icon10::before, .medical-icon11::before, .medical-icon12::before {
content: '';
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.medical-icon01::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon01.png);
width: 27px;
height: 38px;
margin: -10px 2px 0 0px;
}
.medical-icon02::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon02.png);
width: 36px;
height: 38px;
margin: -10px 5px 0 0;
}
.medical-icon03::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon03.png);
width: 46px;
height: 38px;
margin: -10px 5px 0 0;
}
.medical-icon04::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon04.png);
width: 70px;
height: 30px;
margin: 0px 5px 0 -15px;
}
.medical-icon05::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon05.png);
width: 45px;
height: 37px;
margin: -10px 5px 0 0;
}
.medical-icon06::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon06.png);
width: 28px;
height: 38px;
margin: -10px 5px 0 -16px;
}
.medical-icon07::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon07.png);
width: 37px;
height: 38px;
margin: -10px 5px 0 -5px;
}
.medical-icon08::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon08.png);
width: 24px;
height: 38px;
margin: -10px 0 0 0;
}
.medical-icon09::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon09.png);
width: 38px;
height: 38px;
margin: -10px 5px 0 0;
}
.medical-icon10::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon10.png);
width: 26px;
height: 38px;
margin: -10px 5px 0 -13px;
}
.medical-icon11::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon11.png);
width: 30px;
height: 38px;
margin: -10px 0 0 -13px;
}
.medical-icon12::before {
background-image: url(/wp-content/uploads/2024/05/medical-icon12.png);
width: 14px;
height: 38px;
margin: -10px 5px 0 0;
}
.medical-menu-ttl {
border-bottom: 2px solid #00FFFF;
max-width: 1130px;
font-size: 26px;
font-weight: 500;
padding: 12px 20px;
margin: 0 auto 20px auto;
}
.contents-flex-medical {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 1130px;
margin: 0 auto;
}
.medical-item-l {
flex-basis: 40%;
text-align: center;
/*padding: 0 0 0 10px;*/
/*border: thin solid red;*/
}
.medical-item-l img {
width: 90%;
}
.medical-item-r {
flex-basis: 60%;
padding: 0 10px 0 0;
font-size: 18px;
font-weight: 500;
}
.medical-link-button {
text-align: center;
color: #F15A24;
background-color: #FFD68D;
max-width:400px;
padding: 2px 10px;
margin-left: 10px;
border-radius: 20px;
}
.medical-item-r ul {
}
.medical-item-r ul li {
line-height: 1.4em;
margin: 0 0 10px 0;
}
.medical-explain {
padding: 0 15px;
margin-top: 30px;
}
.whitening-ul {
width:90%;
margin: 0;
padding: 0;
}
.whitening-li {

}
.whitening-li  {
line-height: 1.5em;
padding-top: 20px;
}
.whitening-ul li span{
font-weight: 500;
}
/*設備紹介*/
.grid-2sprits {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 60px;
grid-column-gap: 60px;/*古いブラウザ用*/
grid-row-gap: 60px;/*古いブラウザ用*/
max-width: 1130px;
margin: 0 auto;
}
.grid-3sprits {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
gap: 30px;
grid-column-gap: 30px;/*古いブラウザ用*/
grid-row-gap: 30px;/*古いブラウザ用*/
max-width: 1130px;
margin: 0 auto;
}
.clinic-item {
border-radius: 10px;
padding: 5px;
text-align: center;
}
.clinic-item img {
max-width: 100%;
height: auto;
}
.clinic-comment {
text-align: left;
width: 80%;
margin: 0 auto;
line-height: 1.5em;
}
.ttl-20-500 {
font-size: 20px;
font-weight: 500;
}
/*院長紹介*/
.doctor-img {
width: 70%;
margin-bottom: 20px;
margin: 0 auto 20px auto;
}
.doctor-img img {
border-radius: 20px;
}
.doctor-item {
width: 70%;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.staff-comment3 {
width: 60%;
font-size: 20px;
line-height: 1.5em;
text-align: left;
margin: 30px auto;
}
.line-deco-doctor {
width: 60%;
margin: 20px auto;
}
/*スタッフ紹介*/
.grid-2sprits-staff {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 20px;
grid-column-gap: 20px;/*古いブラウザ用*/
grid-row-gap: 20px;/*古いブラウザ用*/
max-width: 1130px;
margin: 0 auto;
}
.staff-item {
/*border-radius: 10px;*/
padding: 5px;
text-align: center;
}
.staff-item img {
max-width: 100%;
height: auto;
}

.line-deco {
width: 85%;
}
.line-deco-doctor {
width: 60%;
margin: 20px auto;
}
.comment-ttl {
font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", 'Noto Serif JP', serif;
font-size: 26px;
font-weight: bold;
text-align: left;
margin-bottom: 15px;
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.2em;/*行高*/
}
.comment-ttl:before {
font-family: "Font Awesome 5 Free";
content: "\f075";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
}
.speech-bubble {
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}
.speech-bubble:before {
font-family: "Font Awesome 5 Free";
content: "\f075";/*アイコンのユニコード*/
font-weight: 900;
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
}
.ttl-20-500 {
font-size: 20px;
font-weight: 500;
}
.staff-name {
font-size: 26px;
font-weight: 500;
}
.staff-ttl {
max-width: 550px;
text-align: center;
margin: 40px auto 0 auto;
}
.staff-prof {
max-width: 550px;
font-size: 20px;
text-align: center;
margin: 0 auto 30px auto;
}
.staff-comment {
max-width: 550px;
font-size: 20px;
line-height: 1.5em;
text-align: left;
margin: 30px auto;
}
.staff-comment2 {
max-width: 550px;
font-size: 20px;
line-height: 1.5em;
text-align: center;
margin: 30px auto;
padding: 0 10px;
}
.staff-comment3 {
width: 70%;
font-size: 20px;
line-height: 1.5em;
text-align: left;
margin: 30px auto;
}
.history-img {
max-width: 550px;
margin: 0px auto;
}
.history {
margin-top: 50px;
}
.flex-history {
display: flex;
/*flex-wrap: wrap;*/
max-width: 430px;
margin: 0px auto;
font-size: 18px;
font-weight: 500;
}
.history-item-l {
padding: 10px 0 10px 20px;
flex-basis: 25%;
}
.history-item-r {
padding: 10px 20px 10px 0px;
flex-basis: 75%;
}
/*スタッフ紹介・認定書*/
.staff-grid {
display: grid;
gap: 10px;
column-gap: 10px;
row-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
max-width: 700px;
margin: 0 auto;
}
.staff-certif {
border-radius: 10px;
padding: 15px;
}
/*当院の特徴*/
.means-3 {
padding: 0 10px;
}
.contents-flex-rev {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 980px;
margin: 0 auto;
flex-direction: row-reverse;
}
.contents-flex-feature-item {
max-width: 470px;
height: auto;
margin-bottom: 0px;
padding-bottom: 40px;
}
.ttl-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: left;
max-width: 400px;
margin: 0 auto;
}
.feature-item {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 21px;
font-weight: bold;
line-height: 1.5em;
text-align: left;
}
.feature-comment {
max-width: 360px;
font-size: 17px;
line-height: 1.5em;
text-align: left;
margin: 30px auto;
}
.feature-item2 {
margin-top: 15px;
padding-top:30px;
border-top: 10px dotted #B59451;
border-bottom: 10px dotted #B59451;
}
.feature-comment span, .feature-comment2 span {
font-weight: bold;
}
.feature-ttl-img01 {
width: 100px;
}
.feature-ttl-img02sp {
display:none;
}
.feature-ttl {
padding-top: 8%;
font-size: 18px;
font-weight: 500;
width:73%;
margin: 0 auto;
color: #fff;
}
.feature-point-l {
flex-basis: 30%;
text-align: center;
}
.font500 {
font-weight: 500;
}
.font600 {
font-weight: 600;
}
.feature-point-l img {
width: 90%;
}
.feature-point-r {
flex-basis: 70%;
padding: 0 15px;
font-size: 18px;
font-weight: 500;
}
.feature-point-ttl {
font-size: 26px;
margin: 10px auto;
line-height: 1.4em;
}
.feture-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
max-width: 500px;
margin: 0 auto;
}
.feature-img04 {
flex-basis: 10%;
}
.feature7promises {
flex-basis: 80%;
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: 1.5em;
padding: 0 5px;
}
.feature-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
max-width: 680px;
height: auto;
margin: 0 auto;
border: thin solid #BFE3DC;
background-color: #DEF3FF;
border-radius: 10px;
}
.feature-promise-num {
width: 120px;
padding: 10px;
}
.feature-promises {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 22px;
font-weight: bold;
padding: 26px 10px 22px 0;
}
.feature-leaf {
max-width: 680px;
margin: 10px auto 0 auto;
}
.feature-img-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
max-width: 700px;
margin: 40px auto 0 auto;
}
.feature-img-l {
width: 150px;
}
.feature-img-r {
width: 100px;
}
.feature-point-r2 {
flex-basis: 70%;
padding: 0 15px;
font-size: 18px;
/*font-weight: 500;*/
}
.feature-point-ttl {
font-weight: bold;
}
.feature-point-r2 span {
font-size: 20px;
font-weight: bold;
}
.link-block {
height: 55px;
}
/*当院の特徴　3つのアンダーライン*/
.ttl-underline-yellow2 {
display: inline-block;
position: relative;
z-index: 2;
font-weight: bold;
}
.ttl-underline-yellow2::after {
position: absolute;
content: '';
left: -5px;
bottom: -3px;
width: 100%;
height: 8px;
z-index: -1;
opacity: 0.8;
border-radius: 80% 0% 60% 5%/80% 75% 55% 75%;
background: linear-gradient(transparent 0%, #FBB03B 100%);
}
/*診療の流れ*/
.pad-lr10 {
padding: 0 10px;
}
.pad-t40 {
padding-top: 40px;
}
.flow-box {
max-width: 500px;
margin: 0 auto 50px auto;
}
.flow-box figcaption {
font-size: 28px;
font-weight: 500;
text-align: center;
}
.flow-explain {
font-size: 18px;
line-height: 1.5em;
padding: 0 15px;
}
.proceed-ttl {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 28px;
font-weight: bold;
line-height: 1.4em;
}
.linkbtn-brown {
max-width: 380px;
background-color: #B59451;
color: #fff;
font-size: 21px;
font-weight: 500;
text-align: center;
border-radius: 25px;
margin: 20px auto;
padding: 8px 0 5px 0;
}
.icon-azuma-brown:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(/wp-content/uploads/2024/06/icon-azuma-brown2.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: -6px 5px 0 0;
}
/*アクセス*/
.map-illust {
text-align: center;
font-size: 18px;
font-weight: 500;
}
.dc-name {
text-align: center;
font-size: 28px;
font-weight: 500;
}
.access-address {
text-align: center;
}
.access-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 780px;
margin: 0 auto;
}
.access-box {
width: 360px;
background-color: #FFF0DF;
color: #6A3906;
font-weight: 500;
padding: 20px;
text-align: center;
border-radius: 12px;
margin: 10px auto;
}
.access-box-tel {
width: 300px;
background-color: #BE6500;
color: #fff;
font-size: 24px;
font-weight: 500;
text-align: center;
border-radius: 20px;
margin: 20px auto;
}
.access-box-web {
width: 300px;
background-color: #FF9FBD;
color: #fff;
font-size: 24px;
font-weight: 500;
text-align: center;
border-radius: 20px;
margin-top: 20px;
}
.transport {
max-width: 280px;
border-bottom: thin solid #6A3906;
padding-bottom: 10px;
margin: 0 auto 20px auto;
}
.access-time-sche {
max-width: 700px;
margin: 0 auto;
padding: 0 15px;
}
.access_txt {
margin-top: -15px;
}
.access-credit {
max-width: 450px;
}
.access-gmap-link {
max-width: 300px;
background-color: #69E3FF;
border-radius: 20px;
color: #fff;
font-weight: bold;
margin: 30px auto;
padding: 0 25px;
}
.dc-icon::before {
content: '';
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
width: 32px;
height: 32px;
background-image: url(/wp-content/uploads/2024/05/icon-brown.png);
margin: 0 5px 5px 0;
}
.tel-icon-white::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(/wp-content/uploads/2024/06/icon-tel-white.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: -3px 5px 0 0;
}
.sp-icon-white::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(/wp-content/uploads/2024/05/icon-sp.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin: -3px 5px 0 0;
}
/*予約ページ*/
.reserve-box {
max-width: 400px;
background-color: #FFF0DF;
color: #6A3906;
font-weight: 500;
padding: 20px;
text-align: center;
border-radius: 12px;
margin: 0 auto 40px auto;
}
/*定期検診*/
.regular-comment {
max-width: 370px;
font-size: 17px;
line-height: 1.5em;
text-align: left;
margin: 10px auto;
}
/*求人案内*/
.recruit-tb {
text-align: center;
max-width: 950px;
border-collapse: collapse;
margin: 0 auto;
padding: 50px 0;
font-size: 20px;
}
.recruit-tb table {
margin-top: -50px;
}
.recruit-tb th {
width: 20%;
background-color: #E0FCFB!important;
}
.recruit-tb td {
text-align: left;
background-color: #EEFFFF!important;
border-left: medium solid white!important;
padding: 20px;
}
.recruit-tr {
border-bottom: medium solid white;
}
.recruit-tr-bottom {
border-bottom: 2px solid #FAFFFE;
}
.recruit-ul {
padding: 0;
list-style-type: none;
}
/*セラミック治療とは*/
.price-ceramic {
}
.table-head {
border-top: thin solid;
}
.price-ceramic table {
text-align: center;
max-width: 1000px;
border-collapse: collapse;
margin: 0 auto;
}
.price-ceramic table th {
background-color: #F7F5D4!important;
line-height: 1.1em
}
.price-ceramic table th span {
font-size: 14px;
}
.price-ceramic table td, .price-ceramic table th {
padding: 8px;
}
.ceramic-td ul {
max-width: 280px;
margin: 0 auto 20px auto;
}
.ceramic-td li {
text-align: left;
}
.tb01 th, .tb01 td{
box-sizing:border-box;
}
.ceramic-img {
width: 220px;
}
/*ヘッダーの診療時間*/
.text-pc .time-schedule {
width: 350px;
margin: 0 10px 15px auto;
}
.text-pc td, .text-pc th {
padding: 0;
}
.header-time {
width: 120px;
}
/*インプラントについて*/
.circle-blue {
font-family: ;
color: #3FA6F2;
font-weight:bold;
}
.tri-yellow {
color: #F4901E;
font-weight:bold;
}
.down-tri {
font-size: 60px;
color: #BFE3DC;
padding: 10px 0;
}
.step {
width: 30%;
}
/*施設基準についてページ*/
.std {
max-width: 850px;
padding-left: 15px!important;
padding-right: 15px!important;
margin: 15px auto 0 auto;
}
.std-p {
max-width: 650px;
font-size: 18px;
text-align: center;
margin: 0 auto 30px auto;
}
.std-info {
background-color: rgba(255,232,218,1.00);
text-align: center;
padding-top: 20px;
padding-bottom: 1px;
margin-bottom: 20px;
}
.std-info span {
font-weight: bold;
}

.txt_right01 {
text-align:right;
font-weight: bold;
font-size: 1.2em;
}
.txt_right01 span {
font-weight: bold;
font-size: 0.8em;
}
/*カテゴリートップ*/
.category main {
margin: 0 auto;
}
.entry-card-meta {
left:0;
top: 0;
}
.post-date {
position: absolute;
left:0;
font-size: 18px;
}
.entry-card-content {
margin: 0;
padding-top: 12px;
}
/*投稿日の時計アイコンの非表示*/
.fa-clock-o {
display: none;
}
.fa-clock-o {
display: none!important;
}
/*カテゴリー投稿*/
.post-template-default main, .archive main {
margin: 0 auto;
}
.entry-content {
position: relative;
top: 30px;
}
/*プライバシーポリシー*/
.privacy-h2 {
border-bottom: solid 3px #ffc778;
position: relative;
}
.privacy-h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px skyblue;
bottom: -3px;
width: 17%;
}
.privacy-content {
max-width: 1200px;
padding: 0 10px;
margin: 0 auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1130px以下*/
@media screen and (max-width: 1130px){
/*フッター*/
.grp-photo{
margin: 30px 0 0 0;
}
.footer-menu {
display: none;
}
/*診療案内*/
.medical-menu-ttl {
width: 95%;
}
 }

/*1023px以下*/
@media screen and (max-width: 1023px){
.text-pc {
display: none;
}
.logo{
text-align:left;
}
.tagline {display: none;}
#header-in .head-flex .element {
display: none!important;		
}
.head-tel {
display: none!important;		
}
.footer-map {
margin: 40px 0 0 0;
}
/*アンカーリンクのずれ解消*/
#medical-menu01, #medical-menu02, #medical-menu03, #medical-menu04, #medical-menu05, #medical-menu06, #medical-menu07, #medical-menu08, #medical-menu09, #medical-menu10, #medical-menu11, #medical-menu12, #mean1, #mean2, #mean3, #peace1, #peace2, #peace3, #top-sche, #parking, #baby, #barrier-free, #bus-stop, #president, #sub-president, #staff, #history, #tours, #facilities, #flow, #proceed, #map, #exterior, #time-sche, #calendar {
padding-top: 60px;
margin-top: -60px;
}
/*セラミック治療とは*/
.tb01 .table-head{
display:none;
}
.tb01 {
width: 95%;
}
table.tb01 td {
display: block;
width: 100%;
border-bottom:none;
}
table.tb01 td:first-child{
background-color: #F7F5D4!important;
font-weight:bold;
}
table.tb01 td:before{
content: attr(data-label);
font-weight:bold;
display: block;
}
.tb01 tr {
border-bottom: solid 1px!important;
}
.ceramic-td {
border-bottom: dotted 1px !important;
border-right: none!important;
}
.ceramic-name-top {
border-top: solid 2px!important;
}
/*フッター*/
.gmap-iframe {
padding-bottom: 40px;
}
.copyright {
width: 100%;
margin-top: -80px;
}
/*AIチャット*/
#open-chatbot {
bottom: 85px;
}
 }

/*980px以下*/
@media screen and (max-width: 980px){
.contents-flex {
display: block;
}
.contents-flex-item, .contents-flex-item2 {
max-width: 460px;
}
/*アイテム2つ並び*/
.contents-flex-2split {
display: block;
}
.lex-2split-item {
width: 98%;
}
.greeting-h {
/*text-align: center;*/
}
.box-item {
text-align: center;
}
/*院長紹介*/
.doctor-img {
width: 90%;
}
.staff-comment3 {
width: 90%;
}
.line-deco-doctor {
width: 85%;
}
/*続きを読む*/
.read-more {
max-width:450px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
/*リセット*/
/*.wrap {
width: 100%;
}*/
/*common*/
.logo{
text-align:left;
}
.tagline {display: none;}
.main {
padding: 0!important;
}
/*設備紹介*/
.grid-2sprits, .grid-3sprits {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
/*セラミック治療とは*/
.price-ceramic table {
font-size: 18px!important;
}
/*リンクバナー*/
.banner-loan-txt {
font-size: 3.4vw;
}
.banner-loan-img {
width: 96%;
}
}

/*700px以下*/
 @media screen and (max-width: 700px){
.contents-flex3 {
max-width: 500px;
}
.pad20 {
width: 50%;
}
.feature-box {
margin: 0 10px;
}
/*診療案内*/
.contents-flex-medical {
display: block;
}
.medical-item-l img {
max-width: 400px;
margin: 0 auto;
}
.link-button {
text-align: center;
}
.medical-link-button {
margin: 0 auto;
}
.medical-request {
max-width: 410px;
margin: 20px auto 0 auto;
}
/*施設基準についてページ*/
.std-p {
text-align: left;
}
 }

/*480px以下*/
@media screen and (max-width: 480px){
.contents-flex3 {
max-width: 320px;
}
.item-icon {
width: 70px;
}
.pad20 {
width: 100%;
}
.sp_none {
display: none;
}
.left-just {
max-width: 360px;
text-align: left;
justify-content:flex-start;
}
/*スペース修正用*/
.mtop30 {
margin-top: 30px!important;
}
/*トップお知らせブログの横幅修正*/
.cf {
width: 100%!important;
}
/*診療案内*/
.medical-menu {
width: 300px;
padding-left: 76px;
}
.medical-circle {
height: 1200px;
}
.medical-position {
width: 50%;
}
/*あいさつ*/
.greeting-h {
font-size: 20px;
}
/*カレンダー*/
.cal-txt {
text-align: left;
}
/*医院の特徴*/
.feature-ttl-img02 {
display:none;
}
.feature-ttl-img02sp {
display:block;
}
 .feature-promises {
 font-size: 19px;
 }
.feature-promise-num {
padding-top: 20px;
}
 /*スタッフ紹介・診療の流れ*/
.staff-comment2 {
text-align: left;
}
.staff-comment2 figure {
text-align: center;
}
/*アクセス*/
.access-box {
width: 100%;
}
/*common*/
.pc_none {
display: block;
}
.sp_none {
display: none;		
}
.border-item {
margin: 15px;
}
 }

/*380px以下*/
@media screen and (max-width: 380px){
.sp_none {
display: none;
}
 }


/*カスタマイズで設定していたCSS*/
/*スライダー*/
.pc-slider {
display: block;
}
.sp-slider {
display: none;
}
/*モバイルフッターメニュー背景色*/
.mobile-footer-menu-buttons .menu-button  {
background-color: #FF8751;
border-right: 2px solid white;
}
.mobile-footer-menu-buttons .menu-caption {
	color:#fff;
	font-size: 16px;
}
.mobile-footer-menu-buttons .menu-icon {
color:#fff;
}
/*モバイルトップへ幅*/
.top-menu-button {
/*width: 40%!important;*/
}
/*投稿日表示*/
.new-entry-card-date {
display: block;
}
.new-entry-card-post-date {
font-size: 16px;
}
/*更新日非表示*/
.new-entry-card-update-date{
display: none;
}
/* 投稿日表示を逆順にする */
.new-entry-card-content {
display: flex!important;
flex-direction: row-reverse!important;
justify-content: flex-end!important;
}
/*新着記事のサムネイルの非表示*/
.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
display: none;
}
.new-entry-card-content.widget-entry-card-content.card-content {
margin-left: 0;
}
/*ウィジット個別ページにタイトルの表示*/
.indiv-ttl {
position: absolute;
font-size: 30px;
font-weight: bold;
z-index: 2;
color:#853200;

-webkit-text-stroke: 1px #FFF;
text-shadow:
0px 0px 0 #ddd,
0px 0px 0 #ddd,
0px 0px 0 #ddd,
0px 0px 0 #ddd;
width:100%;
max-width: 1250px;
margin-top: 10%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.indiv-img {
position: relative;
max-width: 100%;
height: auto;
z-index: 1;
}

/*.front-top-page header .article-header {
display: none!important;
}
.front-top-page header .entry-header {
display: none!important;
}*/
.front-top-page #content {
margin: 20px 0 0 0;
}

.front-top-page main {
padding-top: 0;
padding-bottom: 0;
margin-top: -20px!important;
}

/*トップページと個別ページのタイトル非表示*/
.front-top-page #main .entry-title{
display: none;
}
.page-template-default #main .entry-title{
display: none;
}
/*固定ページの投稿日非表示*/
.page-template-default .post-date {
display: none;
}
/*当院の特徴*/
section {
margin: 0!important;
}

/*ヘッダーの診療時間表*/
.header-time-schedule {
width: 354px;
margin: 10px 25px 15px auto;
}
.header-site-logo-image {
position: relative;
z-index: 1;
}


/*過去の投稿アイコン*/
#sidebar .widget_archive::after {
font-family: FontAwesome;
content: '\f107'; /* アイコンの指定 */
position: absolute;
bottom: 0px; /* アイコンの位置 */
right: 12px; /* アイコンの位置 */
color: #333; /* アイコンの色 */
}

@media screen and (max-width: 1023px){
.header-time-schedule {
display: none;
}
}

@media screen and (max-width: 480px){
/*スライダー*/
.pc-slider {
display: none;
}
.sp-slider {
display: block;
}
/*ウィジット個別ページにタイトルの表示*/
.indiv-ttl {
font-size: 20px;
}
}