@charset "utf-8";
/* generic-hild-tokyoheart Style front-page ONLY
    body.home
　　　-コンテナ div id="container" #container
　　　-共通要素 （ .btn.more-link ） 
    　-メインビジュアルスライダーdiv id="main-vis" #main-vis （bxslider）
    　-各コンテンツ section
　　　-メディアクエリ（ブレイクポイントごと）
*/
/*
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-family: "Poppins", sans-serif;
*/
/*
ネイビー：Primary - #19448e
rgba(25, 68, 142, 1);

赤：Accent - #d70035
rgba(215, 0, 53, 1);

水色：Secondary - #2ca9e1
rgba(44, 169, 225, 1);

グリーン：Sub Accent - #5dcecb
rgba(93, 206, 203, 1);
*/

/* コンテナ div id="container" #container
---------------------------------------------------- */
body.home #container {
    margin: 0 auto;
    width: 100%;
}
/*メインコンテンツ - メインカラム*/
body.home main.content {
    float: none;
    margin: 0;
    padding: 00;
    width: 100%;
}
/* 共通要素
---------------------------------------------------- */
/* セクション section */
#container .content section {
    margin: 0 0 100px;
}
#container .content section .section-wrap {
    margin: 0 auto;
    width: 1260px;
}
/* .section-wrap > header */
section .section-wrap header {
}
/* .section-wrap > header > h2.ttl */
section .section-wrap header h2.ttl {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    margin: 0 0 2rem;
    width: fit-content;
}
/* .section-wrap > header > p */
section .section-wrap header p {
    margin: 1rem 0;
}
/* お知らせ・ブログ等　新着表示 .entry-list --- */
.entry-list .section-wrap .article-list {
    margin: 0 auto;
}
.entry-list .section-wrap .article-list article {
    align-items: center;
    background-color: rgba(255,255,255,0);
    border-bottom: #ccc dotted 1px;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 1rem 0;
    position: relative;
    transition: .3s;
}
.entry-list .section-wrap .article-list article:first-child {}
.entry-list .section-wrap .article-list article:hover {
    background-color: rgba(255,255,255,.25);
}
/* エントリー内容 */
.entry-list .section-wrap .article-list article .post-content {
    align-items: center;
    display: flex;
    flex: 1;
}
/* エントリー内容 - 日時 */
.entry-list .section-wrap .article-list article .post-content .entry-time {
    color: #666;
    display: inline-block;
    padding: 0 0 0 .5em;
    width: 10em;
}
/* エントリー内容 - カテゴリ・タイトル */
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl {
    flex: 1;
    padding: 0 1rem 0 0;
}
/* エントリー内容 - カテゴリ・タイトル - カテゴリ */
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category{
    padding: 0 0 .5rem 0;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category .category {
    background-color: rgba(255,255,255,1.00);
    border: rgba(255,255,255,1.00) solid 1px;
    border-radius: 1rem;
    color: #666;
    display: inline-block;
    font-size: .75rem;
    margin: 0 .5rem 0 0;
    padding: .25em .75rem;
    text-align: center;
}
/* エントリー内容 - カテゴリ・タイトル - タイトル */
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-title {
    font-size: 1rem;
    font-weight: normal;
    padding: 0;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-title a {
    color: #000;
    text-decoration: none;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-title a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
/* エントリーリストマーク */
.entry-list .section-wrap .article-list article::after {
    color: rgba(215, 0, 53, 1);
    content: '\e409';
    font-family: 'Material Icons';
}
/* moreリンクボタン .btn.more-link */
p.btn.more-link {}
p.btn.more-link a {
    align-items: center;
    background-color: rgba(34, 58, 112, 1);
    border: rgba(34, 58, 112, 1) solid 1px;
    color: #fff;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    height: auto;
    justify-content: space-between;
    line-height: normal;
    margin: 0;
    min-width: 200px;
    padding: .5rem;
    text-decoration: none;
    width: fit-content;
}
p.btn.more-link a:hover {
    background-color: #fff;
    color: rgba(34, 58, 112, 1);
}
p.btn.more-link a::after {
    content: '\e409';
    font-family: 'Material Icons';
}
p.btn.more-link a span {
    padding: 0 3rem 0 0;
}

/* メインビジュアル section id="main-vis-wrap" #main-vis-wrap 
---------------------------------------------------- */
#container .content section#main-vis-wrap{
    margin: 0 ;
    padding: 50px 0 0 0;
    position: relative;
}
/* サブキャッチコピー */
#main-vis-wrap .catch.sub {
    border-top: rgba(44, 169, 225, 1) solid 2px;
    margin: 0 auto 50px 10vw;
    width: 25%;
}
#main-vis-wrap .catch.sub h3{
    font-family: 'Noto Serif JP', serif;
    margin: 1rem 0;
}
#main-vis-wrap .catch.sub p{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    margin: 0;
}
/* メインビジュアルスライダー （bxslider）*/
#main-vis {
    padding: 0;
    position: relative;
}
/* - bxslider スタイルリセット*/
#main-vis .bx-wrapper {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#main-vis .bx-wrapper .bx-viewport {
    margin: 0 auto;
}
/* - スライド設定*/
#main-vis .bx-wrapper .bx-viewport .slider > div {
    height: fit-content;
    top: 0;
    position: relative;
}
/* メインキャッチコピー */
#main-vis-wrap .catch.main {
    position: absolute;
        top: 50px;
        right: 10vw;
    text-align: right;
    width: fit-content;
}
#main-vis-wrap .catch.main h2{
    color: rgba(25, 68, 142, 1);
    font-family: "Poppins", sans-serif;
    font-size: 5vmax
}

/* ピックアップバナーエリア section id="pickup-bnr-widget" #pickup-bnr-widget 
---------------------------------------------------- */
#container .content section#pickup-bnr-widget {
    background-color: rgba(44, 169, 225, 1);
    margin: 0 ;
    padding: 2rem 0;
}
#container .content section#pickup-bnr-widget .section-wrap {
    padding: 0;
    width: 100%;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick {
    margin: 0;
    padding: 0;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slick-track {
    align-items: center;
    display: flex;
    justify-content: center;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick li.widget{
    background-color: rgba(255,255,255,1.00);
    margin: 0 10px;
    max-width: 540px;
    position: relative;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick li.widget h2{
    display: none;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick li.widget img {
    margin: 0 auto;
}
#pickup-bnr-widget .slick-dots {
    padding: 1rem 0 0 0;
    position: relative;
        bottom: 0;
}
#pickup-bnr-widget .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    width: 10px ;
    height: 10px ;
}
#pickup-bnr-widget .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
}
#pickup-bnr-widget .slick-dots li button:before {
    background-color: rgba(255,255,255,1.00);
    border: rgba(255,255,255,1.00) solid 1px;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    opacity: 1;
    position: relative;
        left: 0;
        top: 0;
    width: 10px;
}
#pickup-bnr-widget .slick-dots li.slick-active button:before {
    background-color: rgba(25, 68, 142, 1);
    opacity: 1;
}

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
#container .content #visit-info {
    background: url("../images/front/visit-info/bg_visit-info.jpg") no-repeat top center;
    padding: 100px 0 0;
}
#container .content #visit-info .section-wrap {
    background-color: rgba(255,255,255,1.00);
    border-radius: 2rem;
    padding: 2rem;
}
#container .content #visit-info .section-wrap header h2.ttl{
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    margin:  0 auto;
}
#container .content #visit-info .section-wrap header h2.ttl span{
    padding: 0 .5rem;
}
#container .content #visit-info .section-wrap .contents {
    padding: 1rem;
}
#container .content #visit-info .section-wrap .contents h3{
    color: rgba(25, 68, 142, 1);
    margin: 0 0 1rem;
    text-align: center;
}

/* 本日の診療受付 div.contents#today */
#container .content #visit-info .section-wrap #today {}
#today .time-table-wrap {
    display: none;
    height: auto;
    margin: 0;
}
/*  - 午前・午後切り替えタブ */
#today .time-table-wrap .tab-group {
    border-bottom: rgba(25, 68, 142, 1) solid 2px;
    display: flex;
    justify-content: space-between;
}
#today .time-table-wrap .tab-group li {
    background-color: rgba(25, 68, 142, .2);
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    padding: 1rem 0;
    text-align: center;
    transition: .3s;
    width: calc( 50% - 1px );
}
#today .time-table-wrap .tab-group li:hover {
    cursor: pointer;
    opacity: .8;
}
#today .time-table-wrap .tab-group li.active {
    background-color: rgba(25, 68, 142, 1);
    color: #fff;
    position: relative;
}
/* - 受付診療科一覧 */
#today .time-table-wrap .time-table {
    padding: 1rem 0;
    margin: 0;
    width: 100%;
}
#today .time-table-wrap .time-table .panel {
    display: none;
}
#today .time-table-wrap .time-table .panel.active {
    display: block;
}
#today .time-table-wrap .time-table .panel ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
}
#today .time-table-wrap .time-table .panel ul::after {
    content: "";
    width: 48%;
}
#today .time-table-wrap .time-table .panel ul li {
    border-bottom: #ddd dotted 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5em 0;
    text-align: left;
    width: 48%;
}
#today .time-table-wrap .time-table .panel ul li span {
    color: #666;
    display: block;
    font-size: .875em;
    font-weight: normal;
    max-width: 45%;
    text-align: right;
}
#today .time-table-wrap .time-table .panel ul li span.comment {
    max-width: 100%;
    width: 100%;
}
#today .time-table-wrap .time-table-wrap div.button-group {
    display: flex;
    justify-content: space-between;
}
#today .note {
    margin: 0;
    text-align: center;
}
/* 受付・診療時間 / 休診 div.contents#time-close */
#container .content #visit-info .section-wrap #time-close{
}
#time-close .time-close-wrap {
    display: flex;
    justify-content: center;
}
#time-close .time-close-wrap div {
    border: #ddd solid 2px;
    margin: 0 .5rem;
    padding: 1rem;
    text-align: center;
    width: 28%;
}
#time-close .time-close-wrap div h4 {
    margin: 0 0 1rem;
}
#time-close .time-close-wrap div.time-am {
    border-color: rgba(44,169,225,.25);
}
#time-close .time-close-wrap div.time-am h4 {
    color: rgba(44,169,225,1);
}
#time-close .time-close-wrap div.time-pm {
    border-color: rgba(93,206,203,.25);
}
#time-close .time-close-wrap div.time-pm h4 {
    color: rgba(93,206,203,1);
}
#time-close .time-close-wrap div.time-close {
    border-color: rgba(215,0,53,.25);
}
#time-close .time-close-wrap div.time-close h4 {
    color: rgba(215,0,53,1);
}

/* 外来関連リンク群受付・診療時間 / 休診 div.contents#visit-link */
#container .content #visit-info .section-wrap #visit-link{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0 0 0;
}
#visit-link .link{
    background-color: rgba(25,68,142,.15);
    padding: 1rem;
    position: relative;
    transition: .3s;
    width: 28%;
}
#visit-link .link:hover{
    background-color: rgba(25,68,142,.075);
}
#visit-link .link::before{
    background: url("../images/front/visit-info/visit-ico-schedule.png") no-repeat center;
    background-size: contain;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
        left: -10px;
        top: 10px;
    width: 50px;
}
#visit-link .link.schedule::before{
    background: url("../images/front/visit-info/visit-ico-schedule.png") no-repeat center;
    background-size: contain;
}
#visit-link .link.closed::before{
    background: url("../images/front/visit-info/visit-ico-closed.png") no-repeat center;
    background-size: contain;
}
#visit-link .link.flow::before{
    background: url("../images/front/visit-info/visit-ico-flow.png") no-repeat center;
    background-size: contain;
}
#visit-link .link h4 {
    color: rgba(0,0,0,1);
    font-weight: normal;
    padding: 20px 0 0 40px;
    text-align: left;
}
#visit-link .link .btn.more-link {
    border-top: rgba(255, 255, 255, 1) solid 1px;
    margin: 1rem -1rem 0 ;
}
#visit-link .link .btn.more-link a {
    background-color: transparent;
    border: none;
    color: rgba(44, 169, 225, 1);
    justify-content: flex-end;
    min-width: 100%;
    padding:  1rem 0 0 0;
    width: 100%;
}
#visit-link .link .btn.more-link a::after {
    font-size: 2rem;
}
#visit-link .link .btn.more-link a::before{
    background-color:rgba(0,0,0,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
}

/* お知らせ #news
---------------------------------------------------- */
#container .content section#news {
    background-color: rgba(44, 169, 225, .1);
    margin: 0;
    padding: 100px 0 ;
}
#container .content #news .section-wrap {
    width: 960px;
}
#container .content #news .section-wrap header h2.ttl{
    margin: 0 auto 2rem;
}
#news .section-wrap .news-list-wrap {
    align-items: flex-start;
    display: block;
    flex-wrap: wrap;
    justify-content: center;
}
#news .section-wrap .btn.more-link a {
    margin: 0 auto;
}

/* コア診療科 #core-section
---------------------------------------------------- */
#container .content #core-section {
    background: url("../images/front/core-section/bg_core-section.jpg") no-repeat center;
    padding: 2rem 0 3rem;
}
#container .content section#core-section .section-wrap {
    color: rgba(255,255,255,1.00);
    display: flex;
    justify-content: space-between;
    padding: 0;
}
#core-section .section-wrap .core-section-item{
    background-color: rgba(255,255,255,0.1);
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    position: relative;
    transition: .3s;
    width: 48%;
}
#core-section .section-wrap .core-section-item:hover{
    background-color:rgba(44, 169, 225, .5);
}
#core-section .section-wrap .core-section-item header {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}
#core-section .section-wrap .core-section-item header h2.ttl {
    color: rgba(255,255,255,1.00);
    display: flex;
    font-weight: normal;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    line-height: 120%;
    margin: 0 auto 2rem;
    text-align: center;
}
#core-section .section-wrap .core-section-item header h3 {
    color: rgba(255,255,255,1.00);
    font-family: 'Noto Serif JP', serif;
    text-align: center;
}
#core-section .section-wrap .core-section-item .item-content {
    padding: 1rem;
}
#core-section .section-wrap .core-section-item .item-content p.btn.more-link {
    margin: 0 0 -4rem;
}
#core-section .section-wrap .core-section-item .item-content p.btn.more-link a {
    background-color: rgba(255, 255, 255, 1);
    border: rgba(255, 255, 255, 1) solid 1px;
    border-radius: 3rem;
    color: rgba(34, 58, 112, 1);
    font-size: 3rem;
    font-weight: normal;
    height: 4rem;
    justify-content: center;
    margin: 0 auto;
    min-width: 4rem;
    width: 4rem;
}
#core-section .section-wrap .core-section-item .item-content p.btn.more-link a:hover {
    background-color: rgba(44, 169, 225, 1);
    border: rgba(44, 169, 225, 1) solid 1px;
    color: rgba(255, 255, 255, 1);
}
#core-section .section-wrap .core-section-item .item-content p.btn.more-link a::before{
    background-color:rgba(44, 169, 225, 0);
    border-radius: 2rem;
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}

/* ドクターズファイル #doctor-file
---------------------------------------------------- */
#container .content #doctor-file {
    background: url("../images/front/doctor-file/bg_doctorsfile.jpg") no-repeat left center;
    background-size: contain;
}
#container .content section#doctor-file .section-wrap {
    display: flex;
    justify-content: center;
    width: 90%;
}
#doctor-file .section-wrap header {
    flex-shrink: 2;
    padding: 2rem;
}
#doctor-file .section-wrap header .btn.more-link a {
    background-color: rgba(93, 206, 203, 1);
    border: rgba(93, 206, 203, 1) solid 1px;
    color: #fff;
}
#doctor-file .section-wrap header .btn.more-link a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(93, 206, 203, 1);
}
#doctor-file .section-wrap .doctors {
    margin: 0;
    padding: 0;
    max-width: 900px;
    /*
    width: 360px;
    */
}
#doctor-file .doctors .doctor-post-list.slick {
    margin: 0;
    padding: 0;
}
#doctor-file .doctors .doctor-post-list.slick .slick-track {
    display: flex;
    justify-content: center;
    width: fit-content !important;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post{
    background-color: rgba(255,255,255,1.00);
    border: #efefef solid 1px;
    margin: 0 20px;
    padding: 1rem;
    position: relative;
    transition: .3s;
    width: 260px !important;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post:hover {
    border: rgba(93, 206, 203, 1) solid 1px;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post .child-post-image img {
    margin: 0 auto;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post .child-post-excerpt {
    font-size: .85rem;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post h2{
    font-size: 1.14rem;
    line-height: 120%;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post h2 a {
    color: #000;
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
    text-decoration: none;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post h2 a::after {
    color: rgba(93, 206, 203, 1);
    content: '\eac9';
    display: block;
    font-family: 'Material Icons';
    font-size: 2rem;
    font-weight: normal;
    text-align: right;
}
#doctor-file .doctors .doctor-post-list.slick li.doctor-post h2 a::before {
    background-color:rgba(0,0,0,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
}
/* - 前後ページ送り */
.slick-arrow{
    align-items: center;
    background-color: rgba(0,0,0,.85);
    border-radius: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    height: 3rem;
    margin: 0;
    padding: 0;
    width: 3rem;
    z-index: 2
} 
.slick-arrow::before{
    color: #fff;
    content: '\e5c8';
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 1.5rem;
} 
.slick-arrow.prev-arrow{
    position: absolute;
        top:calc( 50% - 1.5rem);
        right: 0;
} 
.slick-arrow.next-arrow{
    position: absolute;
        top:calc( 50% - 1.5rem);
        left: 0;
} 
.slick-arrow.next-arrow::before{
    content: '\e5c4';
    font-family: 'Material Icons';
} 

/* ピックアップ #pickup
---------------------------------------------------- */
#container .content #pickup {
    margin: 0;
}
#container .content section#pickup .section-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}
#pickup .section-wrap .pickup-item{
    background-color: rgba(25, 68, 142, 1);
    border-right: rgba(255,255,255,1.00) solid 1px;
    color: rgba(255,255,255,1.00);
    position: relative;
    width: calc( 100% / 3);
}
#pickup .section-wrap .pickup-item:last-child {
    border-right: none;
}
#pickup .section-wrap .pickup-item .img {
    margin: 0;
}
#pickup .section-wrap .pickup-item .img img {
    display: block;
}
#pickup .section-wrap .pickup-item dl {
    padding: 2rem;
}
#pickup .section-wrap .pickup-item dl dt{
    font-family: 'Noto Serif JP', serif;
    font-size: 1.25rem;
    margin: 0 0 1rem;
}
#pickup .section-wrap .pickup-item dl dd{
    margin: 0;
    padding: 1rem 0 0;
}
#pickup .section-wrap .pickup-item dl dd p.btn.more-link {
    margin: 0;
}
#pickup .section-wrap .pickup-item dl dd p.btn.more-link a {
    background-color: rgba(255, 255, 255, 0);
    border: rgba(255, 255, 255, 1) solid 1px;
    border-radius: 3rem;
    color: #fff;
    margin: 0 0 0 auto;
}
#pickup .section-wrap .pickup-item dl dd p.btn.more-link a::before{
    background-color:rgba(44, 169, 225, 0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}
#pickup .section-wrap .pickup-item dl dd p.btn.more-link a:hover {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
}
#pickup .section-wrap .pickup-item dl dd p.btn.more-link a:hover::before{
    background-color:rgba(44, 169, 225, .25);
}

/* 採用情報 #recruit
---------------------------------------------------- */
#container .content #recruit {
    animation: bg-gradient 4s linear infinite alternate;
    background: linear-gradient(45deg, rgba(114,212,255,.2), rgba(254,164,156,.2), rgba(98,87,156,.2)) 0 / 200% 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
@keyframes bg-gradient {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}
#container .content section#recruit::before {
    background-color: rgba(255,255,255,1.00);
    content: "";
    display: block;
    width: 40%;
    height: 70%;
    position: absolute;
        top: 15%;
        left: 30%;
    z-index: 1;
}
#container .content section#recruit .section-wrap {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
#recruit .section-wrap header {
    margin: 100px 1rem;
    width: 460px;
}
#recruit .section-wrap header h2.ttl{
    color: rgba(215, 0, 53, 1);
}
#recruit .section-wrap header .btn.more-link a{
    background-color: rgba(215, 0, 53, 1);
    border: rgba(215, 0, 53, 1) solid 1px;
}
#recruit .section-wrap header .btn.more-link a::before{
    background-color:rgba(255,255,255,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}
#recruit .section-wrap header .btn.more-link a:hover::before{
    background-color:rgba(246,88,162,.05);
    mix-blend-mode:multiply;
}
#recruit .section-wrap header .btn.more-link a:hover {
    background-color: #fff;
    color: rgba(215, 0, 53, 1);
}
#recruit .section-wrap .img {
    margin: 0 1rem;
    width: 460px;
}


/* =====================================================
  --  メディアクエリ
===================================================== */
@media(max-width:1360px) {}

@media(max-width:1260px) {

/* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 70px;
    }

    #container .content section .section-wrap {
        width: 90%;
    }

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        padding: 70px 0 0;
    }
    /* 本日の診療受付 div.contents#today */
    #container .content #visit-info .section-wrap #today {
        margin: 0 auto 20px;
        padding: 1rem;
        width: 100%;
    }

/* ドクターズファイル #doctor-file
---------------------------------------------------- */
    #container .content #doctor-file {
        background-position: left top;
    }
    #container .content section#doctor-file .section-wrap {
        flex-wrap: wrap;
    }
    #container .content section#doctor-file .section-wrap header {
        padding: 0;
        width: 100%;
    }
    #container .content section#doctor-file .section-wrap header h2.ttl {
        margin: 0 0 2rem auto;
    }
    #container .content section#doctor-file .section-wrap header > p {
        text-align: right;
    }
    #container .content section#doctor-file .section-wrap header .btn.more-link a{
        margin: 0 0 0 auto;
    }
    #container .content section#doctor-file .section-wrap .doctors {
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content section#recruit .section-wrap{
        width: 90%;
    }
    #recruit .section-wrap header .btn.more-link a::before{
        margin: 0 -25%;
    }
}


@media(max-width:1024px) {

/* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 50px;
    }
    /* moreリンクボタン .btn.more-link */
    p.btn.more-link a {
        padding: .5rem 1rem;
    }
    
/* メインビジュアル section id="main-vis-wrap" #main-vis-wrap 
---------------------------------------------------- */
    /* サブキャッチコピー */
    #main-vis-wrap .catch.sub {
        width: 50%;
    }
    /* メインキャッチコピー */
    #main-vis-wrap .catch.main {
        position: absolute;
            top: 100px;
            right: 5vw;
    }

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info .section-wrap {
        padding: 1rem;
    }
    /* 受付・診療時間 / 休診 div.contents#time-close */
    #container .content #visit-info .section-wrap #time-close {
        padding: 0;
    }
    #time-close .time-close-wrap {
        display: flex;
        justify-content: space-between;
    }
    #time-close .time-close-wrap div {
        margin: 0;
        width: 32%;
    }
    /* 外来関連リンク群受付・診療時間 / 休診 div.contents#visit-link */
    #container .content #visit-info .section-wrap #visit-link {
        padding: 0;
    }
    #visit-link .link{
        width: 32%;
    }
    #visit-link .link::before{
        height: 40px;
        width: 40px;
    }
    #visit-link .link h4 {
        padding: 20px 0 0 30px;
    }
    
/* お知らせ #news
---------------------------------------------------- */
    #container .content section#news {
        padding: 70px 0 ;
    }
    #container .content #news .section-wrap {
        width: 90%;
    }

/* コア診療科 #core-section
---------------------------------------------------- */
    #core-section .section-wrap .core-section-item{
        padding: 1rem;
        width: 49%;
    }
    
/* ピックアップ #pickup
---------------------------------------------------- */
    #pickup .section-wrap .pickup-item dl {
        padding: 1rem;
    }
}

@media screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
    }
    /*ログイン時のアドミンバー表示調整*/
    body.logged-in #header {
        top: 46px;
    }
    #wp-admin-bar-my-account {
        line-height: 80%;
    }
}

@media(min-width:769px) {}

@media(max-width:768px) {
    
/* 共通要素
---------------------------------------------------- */
    /* エントリー内容 */
    .entry-list .section-wrap .article-list article .post-content {
        flex-wrap: wrap;
    }
    /* エントリー内容 - 日時 */
    .entry-list .section-wrap .article-list article .post-content .entry-time {
        padding: 0 0 .5rem;
        width: 100%;
    }
    
/* メインビジュアル section id="main-vis-wrap" #main-vis-wrap 
---------------------------------------------------- */
    #container .content section#main-vis-wrap{
        padding: 0;
    }
    /* サブキャッチコピー */
    #main-vis-wrap .catch.sub {
        margin: 0 ;
        padding: 20px ;
        width: 100%;
    }
    /* - スライド設定*/
    #main-vis .bx-wrapper .bx-viewport .slider > div {
        height: 40vh;
    }
    #main-vis .bx-wrapper .bx-viewport .slider > div img{
        height: 100%;
        object-fit: cover;
    }
    /* メインキャッチコピー */
    #main-vis-wrap .catch.main {
        position: absolute;
            right: 20px;
    }

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #time-close .time-close-wrap {
        flex-wrap: wrap;
    }
    #time-close .time-close-wrap div {
        margin: 0 0 1rem ;
        text-align: left;
        width: 100%;
    }
    #time-close .time-close-wrap div h4 {
        margin: 0 0 .5rem;
    }
    /* - 受付診療科一覧 */
    #today .time-table-wrap .time-table .panel ul::after {
        display: none;
    }
    #today .time-table-wrap .time-table .panel ul li {
        width: 100%;
    }
    /* 外来関連リンク群受付・診療時間 / 休診 div.contents#visit-link */
    #container .content #visit-info .section-wrap #visit-link {
        flex-wrap: wrap;
    }
    #visit-link .link{
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: 0 0 1rem;
        width: 100%;
    }
    #visit-link .link h4 {
        padding: 0 0 0 30px;
    }
    #visit-link .link .btn.more-link {
        border-top: none;
        margin: 0;
    }
    #visit-link .link .btn.more-link a {
        padding: 0;
    }
    
/* お知らせ #news
---------------------------------------------------- */
    #container .content section#news {
        padding: 50px 0 ;
    }

/* コア診療科 #core-section
---------------------------------------------------- */
    #container .content section#core-section {
        padding: 2rem 0 1rem;
    }
    #container .content section#core-section .section-wrap {
        flex-wrap: wrap;
    }
    #core-section .section-wrap .core-section-item{
        margin: 0 0 3rem;
        width: 100%;
    }

/* ドクターズファイル #doctor-file
---------------------------------------------------- */
    #doctor-file .doctors .doctor-post-list.slick li.doctor-post{
        width: calc( 45vw - 40px ) !important;
    }
    
/* ピックアップ #pickup
---------------------------------------------------- */
    #container .content section#pickup .section-wrap {
        flex-wrap: wrap;
    }
    #pickup .section-wrap .pickup-item{
        border-right: none;
        border-bottom: rgba(255,255,255,1.00) solid 1px;
        width: 100%;
    }
    #pickup .section-wrap .pickup-item .img {
        padding: 1rem;
    }
    #pickup .section-wrap .pickup-item .img img {
        display: block;
        margin: 0 auto;
        width: 60%;
    }

/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content section#recruit::before {
        width: 60%;
        height: 80%;
        position: absolute;
            top: 10%;
            left: 20%;
    }
    #container .content section#recruit .section-wrap {
        flex-wrap: wrap;
        padding: 30px 0;
    }
    #recruit .section-wrap header {
        margin: 0;
        width: 100%;
    }
    #recruit .section-wrap header h2.ttl{
        margin: 0 auto 2rem;
    }
    #recruit .section-wrap header p{
        text-align: center;
    }
    #recruit .section-wrap header .btn.more-link a{
        margin: 0 auto;
    }
}

@media(max-width:767px) {}
@media(max-width:576px) {

    /* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 30px;
    }
    #container .content section .section-wrap {
        width: 94%;
    }
    
/* メインビジュアル section id="main-vis-wrap" #main-vis-wrap 
---------------------------------------------------- */
    /* メインキャッチコピー */
    #main-vis-wrap .catch.main {
        position: absolute;
            top: 150px;
    }
    
/* コア診療科 #core-section
---------------------------------------------------- */
    #container .content section#core-section {
        padding: 2rem 0 1rem;
    }
    #core-section .section-wrap .core-section-item{
        margin: 0 0 2rem;
    }
    #core-section .section-wrap .core-section-item .item-content p.btn.more-link {
        margin: 0 0 -3rem;
    }
    #core-section .section-wrap .core-section-item .item-content p.btn.more-link a {
        font-size: 2.4rem;
        height: 3rem;
        min-width: 3rem;
        width: 3rem;
    }

/* ドクターズファイル #doctor-file
---------------------------------------------------- */
    #doctor-file .doctors .doctor-post-list.slick li.doctor-post{
        width: 80vw !important;
    }
    
/* ピックアップ #pickup
---------------------------------------------------- */
    #pickup .section-wrap .pickup-item .img {
        padding: 0;
    }
    #pickup .section-wrap .pickup-item .img img {
        width: 100%;
    }
    
/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content section#recruit .section-wrap{
        width: 94%;
    }

}

@media(max-width:420px) {}

/*モバイル画面横向きの際*/
@media(orientation: landscape) {
    #container .content #front-top {
        height: auto;
    }
}