@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.purple { color: #9777A3; }

.brown { color: #80522A; }

.red { color: #FF7272; }

.blue { color: #008CD6; }

.yellow { color: #E4BF2B; }

.green { color: #A6D832; }

.wine { color: #D584AF; }

.orange { color: #FF9443; }

.white { color: #fff; }

.lightblue { color: #66B8E3; }

.lighterblue { color: #BBDEFB; }

.lightestblue { color: #EFF4FA; }

.lightyellow { color: #F6F094; }

.bg-lightpurple { background-color: #E7E8F8; }

.bg-red { background-color: #FF7272; }

.bg-orange { background-color: #FFEFE5; }

.bg-yellow { background-color: #E4BF2B; }

.bg-pink { background-color: #F295C3; }

.bg-lightblue { background-color: #66B8E3; }

.bg-lighterblue { background-color: #BBDEFB; }

.bg-lightestblue { background-color: #EFF4FA; }

.bg-blue { background-color: #008CD6; }

.bg-lighterorange { background-color: #FFEFE5; }

.bg-lightergreen { background-color: #ECF8D4; }

.bg-orange { background-color: #FF9443; }

.bg-light3 { background-color: #FFF6E6; }

.bg-green { background-color: #A6D832; }

.bg-transgreen { background-color: rgba(166, 216, 50, 0.8); }

.bg-transorange { background-color: rgba(255, 148, 67, 0.8); }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.text_L { text-align: left; }

.text_R { text-align: right; }

.text_C { text-align: center; }

.padding_textbox { padding: .3rem 1rem; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/*fadein*/
.fadeInDown { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
/*bounce in*/
.bounceIn { opacity: 0; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) translate3d(0, 0, 0); transform: scale(0.3) translate3d(0, 0, 0); }
  50% { opacity: 0.9; -webkit-transform: scale(1.1); transform: scale(1.1); }
  80% { opacity: 1; -webkit-transform: scale(0.89); transform: scale(0.89); }
  100% { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } }

@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) translate3d(0, 0, 0); transform: scale(0.3) translate3d(0, 0, 0); }
  50% { opacity: 0.9; -webkit-transform: scale(1.1); transform: scale(1.1); }
  80% { opacity: 1; -webkit-transform: scale(0.89); transform: scale(0.89); }
  100% { opacity: 1; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); } }
/*fade in left*/
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; visibility: visible !important; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; visibility: visible !important; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

html { overflow: auto; }

body { overflow: hidden; min-width: 100%; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; color: #555; letter-spacing: 0.1rem; font-size: .9rem; }

.bold { font-weight: bold; }

input, textarea, select { outline: none; }

body button:focus, body a { outline: none; -webkit-tap-highlight-color: transparent; word-break: break-all; }

body a.dropdown-item:hover, body a.dropdown-item:active, body a.dropdown-item:focus { background: #008CD6; color: #fff !important; }

body table td, body .btn { white-space: normal; word-break: break-all; }

body a:not(.btn) { color: inherit; }

body main a:not(.btn):not(.crumb) { color: #2196f3; }

body a:not(.btn):hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

body button.btn.mybtn, body a.btn.mybtn { padding-left: 1rem; padding-right: 1rem; white-space: normal; word-break: break-all; text-align: center; color: #fff; background: #008CD6; border-radius: 1.5rem; }

body a.btn.bg-facebook { background-color: #3F5F9C; }

body a.btn.bg-twitter { background-color: #24A3F1; }

body a.btn.bg-x { background-color: #000; }

body a.btn.bg-line { background-color: #00b34f; }

body button.btn.mybtn:hover, body a.btn.mybtn:hover { background: #A6D832; }

body .btn-outline-secondary { border-color: #ccc; }

body .btn-outline-secondary:hover { border-color: #008CD6; background: #008CD6; }

.large { font-size: 130%; }

img { -ms-flex-negative: 0; flex-shrink: 0; height: auto; }

main ol:not(.carousel-indicators), main ul { padding-left: 1.5rem; }
main ol:not(.carousel-indicators) li:not(:last-child), main ul li:not(:last-child) { padding-bottom: .5rem; }

main ul.icons { padding: 0; margin-left: 0; }
main ul.icons li:not(:last-child) { padding-bottom: .5rem; }
main ul.icons li { list-style-type: none; padding-left: 1.5rem; }
main ul.icons li i { margin-left: -1.5rem; }

.kv { background: url("../images/kv.jpg") center center no-repeat; background-size: cover; padding: 345px 1rem 3rem; color: #fff; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700; }
.kv h1 { font-size: 30px; padding: .5rem 0; margin-bottom: 1rem; font-weight: 700; }

.kvin { padding: 1.5rem; background: rgba(166, 216, 50, 0.8); }

h2 { font-size: 1.5rem; font-weight: bold; padding-bottom: .75rem; margin-bottom: 0; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700; }

.h2line { position: relative; margin: 0 0 1.5rem; }

.h2line::before, .h2line::after { position: absolute; bottom: -2px; left: 0; content: ''; height: 2px; }

.h2line::before { z-index: 2; width: 3rem; background-color: #008CD6; }

.h2line::after { width: 100%; background: #eee; }

h3 { font-size: 1.2rem; color: #008CD6; margin-bottom: 1rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700; line-height: 1.5; }

h4 { font-weight: bold; font-size: 1rem; line-height: 1.5; }

ul.none { padding: 0; margin: 0; }
ul.none li { list-style-type: none; padding-bottom: 1rem; padding-left: 1.5rem; }
ul.none li i { margin-left: -1.5rem; }

main .strong, main p strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(0%, #D7F690)); background: linear-gradient(transparent 80%, #D7F690 0%); }

.mybadge { padding: .5rem 1rem; color: #fff; font-size: 75%; display: inline-block; }

ul.sidenav li:last-child a.nav-link { padding-bottom: .75rem; border-radius: 0 0 0.5rem 0.5rem; border-bottom: none; }
ul.sidenav li:first-child a.nav-link { padding-top: .75rem; border-radius: 0.5rem 0.5rem 0 0; }
ul.sidenav li a.nav-link { font-weight: bold; padding: .5rem 0 .5rem 1.5rem; border-bottom: 1px solid #fff; }
ul.sidenav li a.nav-link i { color: #008CD6; margin-left: -1rem; }
ul.sidenav li a.nav-link:hover { background-color: #A6D832; opacity: 1; filter: alpha(opacity=100); }
ul.sidenav li a.nav-link:hover i { color: #fff; }

.rounded_xl { border-radius: 0.5rem; }

.rounded_xl_top { border-radius: 0.5rem 0.5rem 0 0; }

.rounded_xl_bottom { border-radius: 0 0 0.5rem 0.5rem; }

.news-title { font-size: 1rem !important; color: #008CD6 !important; background: url("../images/chevron-down-solid.svg") right center no-repeat; background-size: 15px; }

.news-title-minus { background: url("../images/chevron-up-solid.svg") right center no-repeat; background-size: 15px; }

.news-caption font, .news-caption { font-size: 1rem !important; color: #555 !important; }

.side_collapse { background: url("../images/chevron-down-solid-white.svg") 95% center no-repeat; background-size: 15px; }

.side_collapse_minus { background: url("../images/chevron-up-solid-white.svg") 95% center no-repeat #008CD6; background-size: 15px; }

#detail_open { background: #A6D832; padding: .5rem 1.5rem; }
#detail_open a { display: block; padding: .25rem 0; font-size: .8rem; }

/*calender*/
#calenders .carousel-control-next-icon { background: url(../images/chevron-right.svg) center center no-repeat !important; }

#calenders .carousel-control-prev-icon { background: url(../images/chevron-left.svg) center center no-repeat !important; }

body #calenders table.caledit { width: 70% !important; }

table.timetable th, table.timetable td { padding-left: .25rem; padding-right: .25rem; }

.border_blue { border: 1px solid #008CD6; }

.menu_card { position: relative; display: block; -webkit-transition: 0.3s; transition: 0.3s; /*background: $blue;*/ }
.menu_card img { opacity: 1; filter: alpha(opacity=100); }
.menu_card span { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 1.1rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700; display: block; text-align: center; width: 100%; padding-left: .75rem; padding-right: .75rem; background: #008CD6; opacity: 0.7; }
.menu_card:hover { background: #A6D832; opacity: 1; filter: alpha(opacity=100); }
.menu_card:hover img { opacity: 0.2; filter: alpha(opacity=20); }

.treatment_card { text-align: center; padding: 2rem 1rem; }
.treatment_card span { display: block; padding-top: 1rem; color: #008CD6; font-weight: bold; }

div.tooltip-inner { background: #008CD6; text-align: left; }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #008CD6 !important; }

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #008CD6 !important; }

.pagenate a { display: block; margin-bottom: .5rem; background: #008CD6; padding: 1rem; color: #fff !important; border-radius: 2rem; }
.pagenate a:hover { background: #A6D832; }

h3.widget-title { color: #555; }

.widget { padding: 1rem; border: 1px solid #dee2e6; border-radius: 0.5rem; margin-bottom: 1rem; }
.widget ul { padding-left: 0rem; margin-bottom: 0rem; list-style-type: none; }
.widget ul li { padding-bottom: 0 !important; }
.widget ul li a { display: block; padding: .5rem 0; border-top: 1px solid #dee2e6; }

@media (max-width: 991.98px) { .index main .border-right { border-right: none !important; } }
@media (max-width: 767.98px) { body { padding-top: 80px; }
  .btn, body { font-size: .8rem; }
  h2 { font-size: 1.2rem; }
  h3 { font-size: 1.1rem; }
  h4 { font-size: .9rem; }
  .kv { padding: 5rem 1rem 1rem; }
  .kv h1 { font-size: 1.5rem; }
  .kv p, .kv li { font-size: .8rem; } }
@media (max-width: 575.98px) { .menu_card span { font-size: .9rem; }
  .treatment_card { padding: 1rem; }
  table th, table td, table caption { font-size: 0.7rem !important; } }
@media (min-width: 768px) { .side_wrap { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; height: 100% !important; border-right: 1px solid #dee2e6 !important; } }
/*診療時間表下の発熱外来等部分*/
.subject_timetable_wrap .subject_timetable { margin: 0 0 5%; background-color: #fde9dc; padding: 15px; border-radius: 10px; }
.subject_timetable_wrap .subject_timetable h4, .subject_timetable_wrap .subject_timetable p, .subject_timetable_wrap .subject_timetable li, .subject_timetable_wrap .subject_timetable a { color: #ff6600 !important; }
.subject_timetable_wrap .subject_timetable strong { background: none !important; }

.sp_no { display: block; }

@media (max-width: 767.98px) { .subject_timetable_wrap { margin-top: -100px; padding-top: 100px; }
  .sp_no { display: none; } }
main ol.online-flow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 0; }
main ol.online-flow li { list-style: none; width: calc((100% - 6rem ) / 4); border: 1px solid #dee2e6; position: relative; }
main ol.online-flow li:not(:last-of-type) { padding-bottom: 0; margin-right: 2rem; }
main ol.online-flow li:not(:last-of-type)::after { content: " "; display: block; width: 0; height: 0; position: absolute; right: -1.5rem; top: 40%; border-top: 1rem solid transparent; border-left: 1rem solid #007bff; border-bottom: 1rem solid transparent; border-right: 0rem solid transparent; margin: auto; }
main ol.online-flow li .flow-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 6rem; border-bottom: 1px solid #dee2e6; padding: 0.75rem; }
main ol.online-flow li .flow-txt { padding: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; word-break: break-word; }
@media (max-width: 767.98px) { main ol.online-flow { display: block; }
  main ol.online-flow li { width: 100%; }
  main ol.online-flow li:not(:last-of-type) { margin: 0 0 3rem; }
  main ol.online-flow li:not(:last-of-type)::after { right: 0; left: 0; margin: 0 auto; top: auto; bottom: -3rem; border-top: 1rem solid #007bff; border-left: 1rem solid transparent; border-bottom: 1rem solid transparent; border-right: 1rem solid transparent; } }

/*# sourceMappingURL=common.css.map */