@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/


/************************************
** 子テーマ用のスタイルを書く
************************************/


/*必要ならばここにコードを書く*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*google font*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');




* {
    box-sizing: content-box;
}

p,
.paragraph {
    margin: 0;
}

a {
    color: #ea5607;
}

a:hover {
    color: #f39800;
}

ol,
ul {
    padding-left: 0;
    margin: 0;
}

.article ul li,
.article ol li {
    margin: 0;
    list-style-type: none;
}

.entry-categories-tags {
    margin-bottom: 0;
}

.footer {
    margin-top: 0;
    padding-top: 0;
}

.mb-30 {
    margin-bottom: 30px;
}


/*---------- ヘッダー ----------*/

#header-container {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
}

.header-container-in.hlt-top-menu .site-name-text {
    font-size: 24px;
    white-space: nowrap;
    color: #555;
    font-weight: bold;
	position:relative;
}

.header-container-in.hlt-top-menu .site-name-text::before {
	content: "医療法人社団";
    position: absolute;
    top: -26px;
    font-size: 20px;
}

.header-container-in.hlt-top-menu .header {
    padding: 0 0 0 20px;
    height: 100px;
}
.header-container-in.hlt-top-menu .logo-header {
    padding: 30px 0 0 0;
}

@media screen and (max-width: 768px) {
    #header-container {
        position: inherit;
        top: inherit;
    }
    .header-container-in.hlt-top-menu .header {
        padding: inherit;
        height: 60px;
    }
    .header-container-in.hlt-top-menu .logo-header {
        padding: 0;
    }
}


/*---------- ナビ ----------*/

#navi .navi-in>ul>li>a {
    padding: 0 0.7em;
}

#mega-menu-wrap-navi-header #mega-menu-navi-header>li.mega-menu-megamenu.mega-menu-item {
    position: relative !important;
}

#mega-menu-wrap-navi-header #mega-menu-navi-header>li.mega-menu-megamenu:first-child>ul.mega-sub-menu {
    width: 300px !important;
    left: 0px !important;
}

.mega-menu-item:first-child .mega-sub-menu li.mega-menu-columns-1-of-2 {
    width: 50% !important;
}

.mega-menu-item:nth-child(2) .mega-sub-menu {
    position: absolute;
    width: 1000px !important;
    left: 0px !important;
}

#mega-menu-wrap-navi-header #mega-menu-navi-header>li.mega-menu-megamenu>ul.mega-sub-menu {
    left: -400px !important;
}

.mega-sukoyaka-category-menu>a {
    background-color: #fff7cc !important;
    color: #555 !important;
    border-radius: 10px !important;
    padding: 5px !important;
    margin: 5px 0 5px 0 !important;
    pointer-events: none !important;
}

@media screen and (max-width: 768px) {
    #navi {
        display: none;
    }
    .sub-menu>li:first-child {
        border-top: 1px #ccc solid;
    }
    .sub-menu>li {
        border-bottom: 1px #ccc solid;
    }
    .sub-menu>li:last-child {
        border-bottom: 0;
    }
}


/*---------- ぱんくず ----------*/

.page-id-21 .breadcrumbs {
    display: none;
}

.breadcrumbs {
    background: #fff7cc;
    width: calc(100vw - 40px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    font-size: 12px;
    margin: 0 0 50px 0;
    top:100px
}

.breadcrumbs a:first-child {
    padding: 0 0 0 20px;
}

@media screen and (max-width: 768px) {
    .breadcrumbs {
        display: none;
    }
}


/*---------- フロントページ・全般 ----------*/

.slicknav_menu {
    background-color: transparent;
}

.slicknav_menu .slicknav_menutxt {
    display: none;
}

.slicknav_menu .slicknav_icon {
    margin: 0;
}

.slicknav_nav a {
    color: #000;
    text-align: center;
    background-color: #E2F4F9;
}

.header-container {
    width: 95%;
    margin: 0 auto;
    box-shadow: none;
    background: url(/wp-content/uploads/2020/01/header_bg.jpg);
}

#header-container .navi {
    background: none;
}

#navi .navi-in>ul>li>a {
    font-size: medium;
    font-family: 'Noto Sans JP', sans-serif;
}

.main {
    padding: 0;
}

#content {
    margin-top: 0;
    width: 80%;
    margin: 0 auto;
}

.entry-content {
    margin: 0 auto;
    width: 90%;
}

.page .sns-follow {
    display: none;
}

.page .sns-share {
    display: none;
}

.page .entry-header {
    position: relative;
    height: 100px;
    margin: 120px 0 0 0;
}

.page .entry-title {
    display: inline-block;
    font-size: 28px;
    font-family: inherit;
    color: #000;
    margin: 0 auto;
    border-bottom: solid 6px #ffc107;
    padding: 0 0 10px 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.date-tags {
    display: none;
}

body.page .wrap {
    width: 100%;
}

.innerbox {
    margin: 0 auto;
}

h1 {
    font-family: 'Noto Sans JP', sans-serif;
}

h2 {
    margin: 0 !important;
    padding: 0 !important;
}

h2 span {
    background: #fff7cc;
    display: block;
    padding: 10px;
    border-radius: 10px;
    font-family: "Noto Sans JP", sans-serif;
    margin: 30px 0 10px 0;
    color: #555;
    border: solid 1px #ffc107;
}

h3 {
    border-left: 6px solid #ffc107 !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    font-family: inherit !important;
    padding: 5px 0px 5px 10px !important;
    margin: 1.2em 0 0.5em !important;
}

h4 {
    color: #ffc107;
    padding: 0 !important;
    margin: 0 !important;
}

h5 {
    margin: 20px 0 0 0 !important;
    padding: 10px !important;
    border-radius: 10px;
    font-size: 16px !important;
    display: inline-block;
    color: #ffc107;
    background: #ececec;
}

.su-spoiler-title {
    font-size: 1em !important;
    padding-left: 30px !important;
    font-family: 'Noto Sans JP', sans-serif;
}

.sp_header {
    display: none;
}

@media screen and (max-width: 768px) {
    .article ul,
    .article ol {
        padding-left: 0;
    }
    main.main,
    div.sidebar {
        padding: 0px;
    }
    #content {
        width: 100%;
    }
    .appeal_img {
        margin-top: -40px !important;
    }
    .page .entry-header {
        margin: 0;
    }
    .page .entry-title {
        font-size: 24px;
        width: 100%;
    }
    h2 {
        font-size: 1.4em !important;
    }
    .innerbox {
        width: 90%;
    }
    .go-to-top {
        bottom: 75px;
    }
    .pc_header {
        display: none;
    }
    .sp_header {
        display: block;
    }
    #header-container,
    #header-container .navi,
    #navi .navi-in>.menu-header .sub-menu {
        /* background-color: #fff; */
        padding: 10px 0 0;
    }
}


/*----------  TOP  ----------*/

.page-id-21 #content {
    width: 100%;
}

.page-id-21 .entry-header {
    display: none;
}

.page-id-21 .entry-content {
    width: 100%;
    margin: 100px 0 0 0;
}

.page-id-21 h2 {
    background: transparent !important;
    color: #000 !important;
    border: none !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align: center;
    margin: 0 !important;
    font-size: 1.5em !important;
}

.page-id-21 h2 span {
    padding: 10px 0;
    background: linear-gradient(transparent 90%, #ffc107 10%);
    display: inline-block;
    border-radius: inherit;
    margin: 30px 10px 10px 10px;
    border: none;
}

@media screen and (max-width: 768px) {
    .page-id-21 .entry-content {
        margin: 0 0 0 0;
    }
    .page-id-21 h2 span {
        padding: 10px 0 10px;
        margin: 0 10px 10px 10px;
    }
}


/*----------TOP MV ----------*/

#metaslider_16 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 0 auto;
}

#top_appeal {
    position: relative;
    z-index: 0;
}

.entry-content>*,
.demo .entry-content p {
    margin-top: 0;
    margin-bottom: 0;
}

.appeal_img_sp {
    display: none;
}

.ribbon {
    display: none;
}

@media screen and (max-width: 768px) {
    .appeal_img_pc {
        display: none;
    }
    .appeal_img_sp {
        display: block;
    }
    #metaslider_65 {
        overflow: hidden;
    }
}


/*---------- TOP アピールポイント ----------*/

#appeal_point ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 40px auto
}

#appeal_point li {
    display: block;
    margin: 0 auto;
}

#appeal_point img {
    width: 80px;
    margin: 0 auto;
    display: block;
}

#appeal_point p {
    margin: 10px 0 0 0;
    color: #555;
    font-size: 1.5vw;
    font-weight: bold;
    text-align: center;
}

#appeal_point p br {
    display: none;
}

@media screen and (max-width: 768px) {
    #appeal_point p {
        font-size: 3.5vw;
        line-height: 1.4;
    }
    #appeal_point ul {
        margin: 3vw auto;
    }
    #appeal_point p br {
        display: block;
    }
    #appeal_point img {
        width: 80%;
    }
}

/*---------- TOP WEB　LINE予約 ----------*/
#reserve{
	width: 800px;
    border: solid 5px #067845;
    border-radius: 50px;
    margin: 50px auto;
    padding: 20px 20px 0px 20px;
}
#reserve ul{
	display: flex;
    justify-content: center;
	    align-items: baseline;
	    margin: 20px 0 0 0;
}
#reserve ul li:first-child img{
	width:150px;
}
#reserve ul li:last-child a{
	background: #ea5607;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    border-radius: 20px;
	margin-left: 60px;
}

@media screen and (max-width: 768px) {
	#reserve{
	        width: 80%;
        border-radius: 30px;
        margin: 20px auto;
}
	#reserve h2{
		font-size: 5vw !important;
	}
	#reserve ul li:first-child img{
	width:110px;
}
	#reserve ul li:last-child a {
    margin-left: 20px;
}
	
}

/*---------- TOP お知らせ ----------*/

#topnews {
    background-color: #fffde5;
    padding: 0 0 50px 0;
}

#topnews .innerbox {
    width: 70%;
}

.su-post {
    border-bottom: 1px solid #ccc;
    padding: 5px 0 10px;
}

.su-posts-default-loop h2.su-post-title {
    padding: 0;
    display: inline;
    text-align: left;
    width: auto;
}

.su-post-title a {
    text-decoration: none;
    font-size: 0.6em;
    font-weight: initial;
    color: #555;
}

.su-posts-default-loop .su-post {
    padding: 10px 0 20px 0;
    margin-bottom: 0 !important;
}

.su-posts-default-loop .su-post-meta {
    opacity: 1 !important;
    background: #f3fafe;
    padding: 5px 10px;
    border-radius: 20px;
    border: solid 1px #ccc;
    margin: 5px 10px 0px 0;
    text-align: center;
    height: 22px;
    width: 110px;
    display: inline;
}

#post-16 .su-post-meta {
    color: #21a937;
    padding: 0.5em;
    text-align: center;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.8em;
}

.su-post-excerpt {
    display: none;
}

.su-post-comments-link {
    display: none;
}

@media screen and (max-width: 768px) {
    #topnews .innerbox {
        width: 90%;
    }
    .su-post-title a {
        display: block;
        font-size: 4.5vw;
        padding: 2vw;
        text-align: left;
    }
    .su-posts-default-loop .su-post-meta {
        margin-bottom: 0.7em;
        font-size: 3vw;
        padding: 2vw;
    }
    .careImage {
        text-align: center;
        margin-top: 3vw !important;
    }
    .careTitle {
        display: block;
        margin: 0 auto;
    }
}


/*---------- TOP 診療のご案内 ----------*/


#topcare .innerbox {
    width: 80%;
}

#topcare ul.Consultation-category {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: solid 1px #ccc;
    border-radius: 10px;
    margin: 30px 0 0 0;
}

#topcare ul.Consultation-category .title-icon {
    width: 250px;
    background: #c7eccd;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

#topcare ul.Consultation-category .text-button {
    width: 75%;
    padding: 20px;
}

#topcare ul.Consultation-category2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: solid 1px #ccc;
    border-radius: 10px;
    margin: 30px 0 0 0;
}

#topcare ul.Consultation-category2 .title-icon {
    width: 250px;
    background: #c7eccd;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

#topcare ul.Consultation-category2 .text-button {
    width: 75%;
    padding: 20px;
}

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

.category-width50 {
    width: 50%;
    margin: 0 30px 0 0;
}

.category-width50:last-child {
    width: 50%;
    margin: 0 0 0 0;
}

.careImage {
    text-align: center;
    margin-top: 40px !important;
}

.careImage img {
    width: 150px;
    height: 150px;
    border: 1px solid #1faa3c;
    border-radius: 75px;
}

.careTitle {
    color: #555;
    text-align: center;
    font-size: 1.6em !important;
    border-left: none !important;
    margin: 0 0 20px 0 !important;
}

.careDisease li {
    display: inline-block;
    padding: 0 10px 10px 0;
}

.careDisease li.no-link-button {
    display: inline-block !important;
    border: 1px solid #ea5607;
    border-radius: 60px;
    padding: 5px 50px 5px 40px;
    position: relative;
    margin: 0 10px 10px 0px !important;
    color: #ea5607;
}

.careDisease a {
    border: 1px solid #ea5607;
    display: block;
    border-radius: 60px;
    padding: 5px 50px 5px 40px;
    text-decoration: none;
    position: relative;
}

.careDisease a::after {
    content: "〉";
    padding: 0;
    font-size: 12px;
    position: absolute;
    top: 12PX;
    right: 20px;
}

.careDisease a:hover {
    background: #f39800;
    color: #fff;
}

.careDesc {
    text-align: left;
    font-size: 0.9em;
    margin: 0 0 10px 0;
}

@media screen and (max-width: 768px) {
    #topcare .innerbox {
        width: 90%;
    }
    #topcare ul.Consultation-category {
        flex-wrap: wrap;
    }
    #topcare ul.Consultation-category2 {
        flex-wrap: wrap;
    }
    #topcare ul.Consultation-category .title-icon {
        width: 100%;
        background: #c7eccd;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    #topcare ul.Consultation-category .text-button {
        width: 100%;
    }
    #topcare ul.Consultation-category2 .title-icon {
        width: 100%;
        background: #c7eccd;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    #topcare ul.Consultation-category2 .text-button {
        width: 100%;
    }
    .category-width100 {
        flex-wrap: wrap;
    }
    .category-width50 {
        width: 100%;
        margin: 0;
    }
    .category-width50:last-child {
        width: 100%;
    }
    .careTitle br {
        display: none;
    }
}


/*---------- TOP 症状 ----------*/

.example {
    display: block;
    margin: 60px 0 0 0;
    padding: 0 0 60px 0;
    background: #fffde5;
    color: #555;
    padding: 0 15% 50px;
}

.example h2 span {
    color: #555;
    background: linear-gradient(transparent 90%, #ffd900 10%);
}

.example_column {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.example_column_li {
    width: 100%;
    padding: 15px;
    color: #555;
    background: #fff;
    border-radius: 10px;
    list-style-type: none;
    border: solid 1px #ccc;
}

.example_title {
    text-align: center;
    font-size: 24px;
    background: linear-gradient(transparent 95%, #21a937 5%);
    padding: 0 0 15px 0;
    font-weight: bold
}

.example_column_li {
    font-size: 20px;
}

.example_column_li li {
    border-bottom: solid 1px #ccc;
    padding: 0 0 5px 0;
}

.example_column_li li:last-child {
    border: none;
}

.example_column_li {
    font-size: 16px;
    line-height: 1.8;
}

.example_column_li li {
    border-bottom: solid 1px #ccc;
    padding: 0 0 5px 0;
    line-height: 1.4;
}

.example_column_li li span {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.example_other_p {
    display: block;
    text-align: center;
}

.example_other {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.example_other li {
    text-align: center;
    width: 20%;
    border: solid 3px #fff;
    border-radius: 30px;
    padding: 5px;
    margin: 20px 5px 0px 5px !important;
}

.example_other li:last-child {
    color: #000;
    background: #fff;
    width: 85%;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    margin: 20px 0 0 0;
    position: relative;
}

.example_other li:last-child:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -30px;
    transform: translateX(180%);
    border-bottom: 15px solid #fff;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.example_other_link {
    display: block;
    margin: 20px auto 0;
    text-align: center;
    background: #ea5607;
    width: 30vw;
    height: 6vw;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    line-height: 6vw;
}

@media screen and (max-width: 768px) {
    .example h2 span {
        line-height: 1.4;
        padding: 15px 0;
        font-size: 20px;
        text-align: left;
    }
    .example_column_li {
        width: 80vw;
    }
    .example_other li:nth-child(1) {
        order: 3;
    }
    .example_other li:nth-child(2) {
        order: 1;
    }
    .example_other li:nth-child(3) {
        order: 2;
    }
    .example_other li:nth-child(4) {
        order: 4;
    }
    .example_other li:nth-child(5) {
        order: 5;
    }
    .example_other li {
        width: 40%;
    }
    .example {
        padding: 0 10% 20px 10%;
        text-align: justify;
    }
    .example_other_link {
        width: 80vw;
        height: 12vw;
        line-height: 12vw;
    }
}


/*---------- TOP　検査・検診 ----------*/

#top_examination {
    padding-top: 0;
    padding-bottom: 0;
    /*background: url(/wp-content/uploads/2019/11/sky_bg-3.png);*/
    background: #fafafa;
}

#top_examination h2 {
    padding-bottom: 30px;
}

.examination {
    width: 50vw;
    background: #e1f7d3;
}

.examination ul {
    padding: 0 50px 50px 50px;
}

.examination li {
    display: inline-block;
}

.examination li:last-child {
    display: block;
}

.top_examination_right {
    width: 50%;
}

.top_examination_right img {
    object-fit: cover;
    height: 100%;
    width: 50vw;
}

#top_examination .greeting {
    font-size: 0.9em;
    width: 65%
}

#top_examination ul li {
    list-style: none;
    border-left: 4px solid #21a937;
}

.examination_content li {
    border-left: 0 !important;
}

.doctor_examination {
    display: block;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

.examination_content {
    display: flex;
}

@media screen and (max-width: 768px) {
    #top_examination .innerbox {
        width: 100%;
    }
    .examination {
        width: 100vw;
    }
    .examination ul {
        padding: 0 10px 20px;
    }
    .examination li {
        display: inline-block;
    }
    .examination li:last-child {
        display: block;
    }
    .top_examination_right {
        width: 100%;
    }
    .top_examination_right img {
        width: 100vw;
    }
    .doctor_examination {
        display: block;
        width: 100vw;
        margin: 0;
    }
    .examination_content {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-order01 {
        order: 1;
    }
    .flex-order02 {
        order: 2;
    }
}


/*---------- TOP　予防接種 ----------*/

.table-title {
    margin-bottom: -30px;
    font-size: 16px;
}


/*---------- TOP　ごあいさつ ----------*/

#top_doctor {
    padding-top: 0;
    padding-bottom: 0;
    /*background: url(/wp-content/uploads/2019/11/sky_bg-3.png);*/
    background: #fafafa;
}

#top_doctor .innerbox {
    width: 70%;
}

#top_doctor h2 {
    padding-bottom: 30px;
}

#top_doctor .top_doctor_right {
    width: 35%;
}

#top_doctor .top_doctor_right img {
    border-radius: 10px;
}

#top_doctor .greeting {
    font-size: 0.9em;
    width: 65%;
    margin: 0 50px 0 0;
}

#top_doctor ul li {
    list-style: none;
    border-left: 4px solid #21a937;
    padding: 0.3em 0 0.3em 0.5em!important;
    margin: 0 0 1em 0;
}

.greeting_content li {
    border-left: 0 !important;
}

.doctor_greeting {
    display: block;
    width: 100%;
    margin: 0;
}

.greeting_content {
    display: flex;
}

@media screen and (max-width: 768px) {
    #top_doctor .innerbox {
        width: 90%;
    }
    #top_doctor h1 {
        text-align: center;
    }
    #top_doctor h2 {
        padding-bottom: 30px;
    }
    #top_doctor .en_name {
        text-align: center;
    }
    #top_doctor .top_doctor_right {
        width: 70%;
        float: none;
        padding: 0;
        display: block;
        margin: 0 auto;
    }
    #top_doctor .greeting {
        font-size: 1em;
        width: 100%;
        margin: 0;
    }
    #top_doctor .en_name {
        padding-bottom: 30px;
    }
    ul.greeting_content {
        display: flex;
        flex-wrap: wrap;
    }
    #top_doctor ul li {
        padding: 0 0 0 0.5em!important;
        margin: 10px 0;
    }
}


/*---------- TOP 略歴 ----------*/

.history {
    display: block;
    width: 100%;
    margin: 60px 0 0 0;
}


/*---------- TOP 資格 ----------*/

.capacity {
    display: block;
    width: 100%;
    margin: 60px 0 0 0;
    padding: 0 0 60px 0;
}


/*---------- TOP　クリニック情報 ----------*/

.page-id-21 #top_info {
    padding-top: 3em;
    margin: 0 auto 0;
    width: 70%;
}

@media screen and (max-width: 768px) {
    .page-id-21 #top_info {
        width: 100%;
    }
}


/*---------- フッター ----------*/


/* #footer {
    background: linear-gradient(180deg, #fff 0%, #fff 40%, #22a938 40%, #22a938 100%);
} */


/* #footer {
    background: linear-gradient(to bottom, #fff, #cbde73 45%, #1daa3b);
} */

#footer-in {
    background: url(/wp-content/uploads/2020/01/fotter_bg.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding: 100px 0 0 0;
    background-size: auto;
}

.navi-footer-in>.menu-footer {
    justify-content: center;
}

.navi-footer-in>.menu-footer li {
    border-left: none !important;
    border-right: none !important;
}

.footer-bottom-logo {
    display: none;
}

.footer-bottom-content {
    float: none;
    text-align: center;
}

#footer a {
    color: #fff;
}

.copyright {
    color: #fff;
}

.article-footer,
.entry-footer {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

@media screen and (max-width: 768px) {
    #mobile_reserve .innerbox {
        position: fixed;
        bottom: 0;
        width: 80%;
        left: calc(50% - 40%);
        border-radius: 30px;
        background-color: rgba(2, 161, 233, 0.8);
        text-align: center;
        color: #fff;
        font-size: 1.2em;
        font-family: 'Noto Sans JP', sans-serif;
    }
    #footer {
        margin-top: -4em!important;
    }
    #footer-in {
        background-size: 110%;
        background-position: bottom;
        padding: 16vw 0 0 0;
    }
    .footer-bottom {
        margin-top: 44px !important;
    }
}

@media screen and (max-width: 500px) {
    #footer-in {
        background-size: 170%;
        padding: 25vw 0 0 0;
    }
}


/*---------- クリニック情報 フッター----------*/

#top_info {
    padding-top: 3em;
    width: 100%;
    margin: 100px auto 0;
}

#top_info .info_logo {
    float: left;
    font-size: 3.5vw;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 10px 0;
}

#top_info .info_logo_pc {
    display: block;
}

#top_info .info_logo_sp {
    display: none;
}

#top_info .address {
    float: left;
    font-size: 0.9em;
    padding-bottom: 10px;
    font-family: 'Noto Sans JP', sans-serif;
}

#top_info table {
    clear: both;
}

#top_info th {
    background: #ffe169;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    color: #908783;
}

#top_info td {
    background: #f2f3f4;
    text-align: center;
    color: #908783;
}

#top_info .note {
    margin-top: -15px;
    margin-bottom: 10px;
    color: #21a937;
    font-size: 0.9em;
    font-family: 'Noto Sans JP', sans-serif;
    float: right;
}

#top_info .top_info_right{
	width: 100%;
  height: 500px;
  overflow: hidden;
}
#top_info .top_info_right iframe{
	width: 100%;
  height: 860px;
  margin-top:-170px;
}
.daysOff {
    font-size: 0.8em;
    font-family: 'Noto Sans JP', sans-serif;
    clear: both;
    margin: 20px 0 0 0;
}

.daysOff span {
    text-align: center;
    padding: 5px;
    background: #ea5607;
    border-radius: 5px;
    color: #fff;
    margin: 0 5px 0 0;
}

.tel .fa-2x {
    color: #21a937;
}

.tel span {
    font-size: 2em;
    color: #21a937;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding-left: 0px;
}

.tel a {
    text-decoration: none;
}

.reserveDesc span {
    font-size: 0.8em !important;
}

@media screen and (max-width: 768px) {
    .address {
        float: none !important;
    }
    .metaslider.ms-theme-radix .flexslider ul.slides .caption-wrap,
    .metaslider.ms-theme-radix .rslides .caption-wrap,
    .metaslider.ms-theme-radix div.nivoSlider .nivo-caption {
        font-family: 'Noto Sans JP', sans-serif;
        border-radius: 10px;
        height: 40px !important;
    }
    .ms-is-small.metaslider.ms-theme-radix .flexslider ul.slides .caption-wrap,
    .ms-is-small.metaslider.ms-theme-radix .rslides .caption-wrap,
    .ms-is-small.metaslider.ms-theme-radix div.nivoSlider .nivo-caption {
        top: unset !important;
        bottom: 0 !important;
    }
    .meta_title {
        font-weight: bold;
        font-size: 1em;
    }
    .meta_desc {
        display: none;
    }
    #top_info .info_logo {
        float: none;
        text-align: center;
        font-size: 5.5vw;
    }
    #top_info .info_logo_pc {
        display: none;
    }
    #top_info .info_logo_sp {
        display: block;
    }
    .tel span {
        font-size: 2em;
        color: #21a937;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        padding-left: 0px;
    }
	#top_info .top_info_right {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

#top_info .top_info_right iframe {
  width: 100%;
  height: 600px;
  margin-top: -140px;
}
}


/*----------　当院について　----------*/

.director {
    display: flex;
}

.director .pic {
    width: 20%;
    padding: 10px;
}

.director .pic img {
    border-radius: 10px;
}

.director .text {
    width: 80%;
}

.director .text p span {
    display: block;
    text-align: right;
}

.page-id-581 .history li {
    display: flex;
}

p.time-date {
    padding: 10px 20px 0 0;
    width: 74px;
    position: relative;
}

p.time-date:after {
    content: "●";
    color: #555;
    position: absolute;
    left: 86px;
}

p.time-content {
    border-left: solid 2px #ccc;
    padding: 10px 0 10px 20px;
}

.fbx-rounded .fbx-caption {
    font-family: "Noto Sans JP", sans-serif;
}

.fbx-caption-title {
    font-size: 2vw !important;
}

.fbx-caption-desc {
    font-size: 1.2vw !important;
    line-height: 1.4 !important;
    text-align: left;
}

.foogallery .fg-caption-title {
    font-size: 24px !important;
    font-weight: bold !important;
}

.foogallery .fg-caption-title+.fg-caption-desc {
    font-size: 18px;
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .director {
        flex-wrap: wrap;
    }
    .director .pic {
        width: 70%;
        margin: 0 auto;
        padding: 10px;
    }
    .director .text {
        width: 100%;
    }
    .page-id-581 .history li {
        flex-wrap: wrap;
        border-bottom: solid 1px #ccc;
    }
    p.time-date {
        padding: 0 0 0 0;
        width: 100%;
    }
    p.time-date:after {
        display: none;
    }
    p.time-content {
        border-left: 0;
        padding: 0 0 10px 0;
    }
    .fbx-caption-title {
        font-size: 6vw !important;
    }
    .fbx-caption-desc {
        font-size: 4vw !important;
        line-height: 6vw !important;
        text-align: left !important;
    }
    .foogallery .fg-caption-title {
        font-size: 16px !important;
    }
    .foogallery .fg-caption-title+.fg-caption-desc {
        font-size: 12px;
    }
}


/*---------- 院内紹介 ----------*/

.page-id-968 h3 {
    text-align: center;
    border: 0 !important;
    margin: 80px 0 20px 0 !important;
}


/*---------- 診療案内 ----------*/

.entry-content>section {
    margin: 0 0 100px 0;
}

@media screen and (max-width: 768px) {
    .entry-content>section {
        margin: 0 0 50px 0;
    }
}


/*---------- お知らせ category----------*/

.wrap {
    width: auto;
}

.category .category-header {
    position: relative;
    height: 100px;
}

.category .archive-title {
    display: inline-block;
    font-size: 28px;
    font-family: inherit;
    color: #000;
    margin: 0 auto;
    border-bottom: solid 6px #22a938;
    padding: 0 0 10px 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fa-folder-open:before {
    content: none !important;
}

.category-page-content>h2 {
    display: none;
}

h2.entry-card-title {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 20px !important;
    margin: 0 0 20px 0 !important;
}

.no-thumbnail .entry-card-snippet,
.no-thumbnail .related-entry-card-snippet {
    max-height: 10.4em;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    line-height: 1.6;
}

.no-thumbnail .card-content,
.no-thumbnail .widget-entry-cards .widget-entry-card-content {
    margin: 0 auto;
    width: 100%;
    border-bottom: 2px solid #ccc;
}

#list .a-wrap {
    margin-bottom: 0;
    width: 80%;
    display: block;
    margin: 0 auto;
}

.entry-card-categorys {
    display: none !important;
}

@media screen and (max-width: 768px) {
    h2.entry-card-title.card-title.e-card-title {
        text-align: left;
        line-height: 1.4;
        font-size: 18px !important;
    }
    #list .a-wrap {
        width: 90%;
    }
    .no-thumbnail .entry-card-snippet,
    .no-thumbnail .related-entry-card-snippet {
        display: none;
    }
}


/*---------- お知らせ single----------*/

body.single .entry-header {
    margin: 0 auto;
    width: 90%;
}

body.single .entry-content {
    margin: 0 auto;
    width: 90%;
}

body.single .entry-title {
    display: block;
    width: 100%;
    margin: 120px auto 20px;
    padding: 0;
    font-family: inherit;
}

@media screen and (max-width: 768px) {
    body.single .entry-title {
        margin: 20px auto 20px;
    }
}

/*---------- 初めての方へ----------*/

.page-id-588 .entry-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 10px 0;
}

.page-id-588 .entry-content ul li {
    width: 45%;
    padding: 10px;
}

.page-id-588 .entry-content ul li:nth-child(3) {
    width: 100%;
}

.page-id-588 .entry-content ul.step>li:nth-child(2) {
    margin: 50px 0 0 0;
}

#bring {
    margin-top: -50px;
    padding-top: 50px;
}

.first-bring {
    border: solid 7px #fdc3a4;
    border-radius: 10px;
    padding: 10px;
}

.first-bring li {
    width: 100% !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
    text-indent: -1em;
    padding-left: 1em !important;
}

.first-bring li span {
    font-size: 16px;
    padding: 0 0 0 10px;
    display: block;
}

.first-bring li:first-child {
    font-weight: bold;
    font-size: 18px !important;
    padding: 0 20px !important;
}

@media screen and (max-width: 768px) {
    .page-id-588 .entry-content ul li {
        width: 100%;
    }
    .page-id-588 .entry-content ul.step>li:nth-child(2) {
        margin: 0;
    }
    .first-bring {
        padding-left: 10px !important;
    }
    .first-bring li:first-child {
        padding: 0 !important;
        text-indent: inherit;
        line-height: 1.4em;
    }
    .first-bring li {
        padding: 0 0 0 1em !important;
        letter-spacing: -0.05em !important;
    }
    .interview-sheet {
        text-indent: inherit !important;
    }
}


/*---------- よくある質問----------*/

div#toc {
    display: none;
}

div.ewd-ufaq-faq-title h4 {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    color: #000;
    line-height: 1.6;
}

.ewd-ufaq-faq-div {
    margin: 10px !important;
    padding: 10px !important;
    clear: both;
    background: #eaeaea;
    border-top: 0 !important;
    border-radius: 10px;
}

div#ewd-ufaq-faq-list {
    margin: 0 0 50px 0;
}


/* .ewd-ufaq-post-margin-symbol span {
    color: #22a938;
} */

.ewd-ufaq-faq-body {
    padding: 10px 0 !important;
    padding-left: 50px !important;
}

.ewd-ufaq-permalink {
    display: none;
}

.ewd-ufaq-faq-categories {
    display: none;
}




/*---------- サイトポリシー----------*/

.page-id-663 .entry-content ul {
    margin: 0 0 50px 0;
}

.page-id-663 .entry-content ul li {
    margin: 0 0 10px 0;
    text-indent: -1em;
    padding-left: 1em;
}


/*---------- サイトマップ----------*/

.page-id-661 .entry-content>ul>li {
    margin: 0 0 10px 0;
    position: relative;
}

.page-id-661 .entry-content>ul>li:before {
    content: "\f0a9";
    font-family: FontAwesome;
    position: absolute;
    color: #ea5607;
    top: 3px;
    left: -18px;
}

.page-id-661 .entry-content>ul>li>ul>li {
    position: relative;
}

.page-id-661 .entry-content>ul>li>ul>li:before {
    content: "-";
    position: absolute;
    color: #ea5607;
    top: 3px;
    left: -18px;
}

.page-id-661 .entry-content a {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-decoration-line: inherit;
}
.page-id-661 .entry-content ul li ul li a {
    font-size: 16px;
    font-weight: normal;
}

.page-id-661 .entry-content>ul>li:nth-child(3)>ul>li:first-child {
    font-size: 20px;
    font-weight: bold;
}

.page-id-661 .entry-content>ul>li:nth-child(3)>ul>li:first-child::before {
    content: none;
}

@media screen and (max-width: 768px) {
    .page-id-661 .entry-content {
        width: 80%;
    }
}


/*診療のご案内に紐づく下層ページ*/

.box {
    margin: 0 0 100px 0;
}

span.important-text {
    background: linear-gradient(transparent 80%, #c3d82585 0%);
    font-weight: bold;
}

.entry-content ul.medicine {
    margin: 0 auto 30px;
}

.entry-content ul.medicine li {
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 1em;
}

.entry-content ul.medicine li:before {
    display: block;
    content: "・";
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    left: 0;
}

.entry-content ul.medicine li>ul>li:before {
    display: block;
    content: "-";
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    left: 0;
}

table.medicine-table {
    border-collapse: collapse;
    width: 80%;
    margin-bottom: 0;
}

table.medicine-table th,
table.medicine-table td {
    border: solid 1px #555;
}

table.medicine-table th {
    width: 30px;
    background: #ffe169;
}

table.medicine-table td {
    background: #fffde5;
}

table.medicine-table td:last-child {
    text-align: center;
}

.note {
    font-size: 14px;
}

figure img {
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .box {
        margin: 0 0 50px 0;
    }
    table.medicine-table {
        width: 100%;
    }
}


/*----------血液検査---------*/

.plus-alpha {
    background-color: #ececec;
    border-radius: 10px;
    border: solid 1px #ccc;
}

.page-id-743 .entry-content li:last-child {
    margin: 10px 0 0 0;
}

.page-id-743 .entry-content li.plus-alpha h5 {
    background-color: inherit;
    border: 0;
    padding: 0 0 0 10px !important;
}

.page-id-743 .entry-content li:last-child p {
    padding: 0 10px 10px 10px;
}


/*----------予防接種---------*/

.page-id-836 table.medicine-table th {
    width: 70%;
    background: #eee;
    text-align: left;
}

@media screen and (max-width: 768px) {}


/*----------認知症---------*/

.page-id-929 .entry-content ul.medicine li:before {
    display: none;
}


/*----------ed---------*/

.page-id-940 table.medicine-table th {
    width: 60%;
}

/*----------オンライン診療について ----------*/
.img-flow-width{
	width:200px !important;
}
@media screen and (max-width: 768px) {
	.img-flow-width{
	width:100% !important;
}
}
.online-app-button{
	display: flex;
    justify-content: space-evenly;
    margin: 10px 0;
}
.online-list{
	display:flex;
	justify-content: space-evenly;
	margin:0;
}
.online-list li{
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
    padding: 30px;
}
.online-list li span {
    display: block;
    text-align: center;
	font-size:18px;
}
.online-list li img {
    width: 150px;
    display: block;
    margin: 0 auto;
}
.online-list li span.online-list-text {
    font-weight: normal;
    text-align: left;
    font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
	.online-list{
	flex-wrap:wrap;
}
   .online-list li{
    padding: 10px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px !important;
}
	.online-list li img {
	width:80%;
}
}

.online-money{
	display:flex;
	justify-content: center;
	margin:0;
}
.online-money li{
	font-size:48px;
	font-weight:bold;
	text-align:center;
	padding: 0 10px;
}
.online-money li span {
    display: block;
    text-align: center;
	font-size:18px;
	line-height: 0;
}
@media screen and (max-width: 768px) {
	.online-money li {
    font-size: 30px;
    padding: 0;
}
}

.online_pc_banner{
	display:block;
	margin:20px auto;
}
.online_sp_banner{
	display:none;
	margin:20px auto;
}
.online_sp_banner img{
	width:100%;
}

@media screen and (max-width: 768px) {
	.online_pc_banner{
	display:none;
}
	.online_sp_banner{
	display:block;
}
}


/*----------フッター固定メニュー---------*/

@media screen and (max-width: 768px) {
    .menu-content .menu-drawer {
        padding: 30px 1em 30px;
    }
    .menu-content .menu-drawer {
        padding: 30px 1em 30px;
    }
    .menu-close-button {
        padding: 20vw 0 0 0;
    }
}


/*----------notification-bar---------*/

#wpfront-notification-bar {
    display: none;
}

@media screen and (max-width: 768px) {
    #wpfront-notification-bar {
        display: block;
    }
    #wpfront-notification-bar td {
        padding: 10px 0px;
    }
    #wpfront-notification-bar a.wpfront-button {
        font-size: 15px;
        padding: 15px 10px;
    }
}


/*---------- 横 追従ボタン ----------*/

@media screen and (max-width: 768px) {
    .call_side {
        display: none;
    }
}