@charset "utf-8";
/* CSS Document */
/*ダークモードCSS*/
#btn-dark{
    background: #121212;
    padding: 0.5rem;
    font-size: 1rem;
    color: white;
    border-radius: 8px;
    border: 1px solid white;
    cursor: pointer;
    line-height: 1em;
    margin-left: 1px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}

body.dark-mode {
  background-color: #121212 !important;
  color: white !important;
}
body.dark-mode .main_header,
body.dark-mode .side_menu_inner,
body.dark-mode .side_menu_inner_sc,
body.dark-mode .background_color_content,
body.dark-mode .lbg_yg,
body.dark-mode .bg_yg,
body.dark-mode .bg_rpk,
body.dark-mode .bg_bl,
body.dark-mode .bg_or,
body.dark-mode .bg_pk,
body.dark-mode .dbg_bl,
body.dark-mode .bg_gray,
body.dark-mode .lbg_gray,
body.dark-mode .bg_byg,
body.dark-mode .bg_bor,
body.dark-mode .bg_bbl,
body.dark-mode .dbg_or,
body.dark-mode .header_ttl_p,
body.dark-mode .inversion_btn,
body.dark-mode .kyusinbi_box,
body.dark-mode .bring_list,
body.dark-mode .document_pdf_btn span,
body.dark-mode .attending_chart,
body.dark-mode .about_online_parts ul a,
body.dark-mode .news_scroll_day,
body.dark-mode .open_section,
body.dark-mode .tell_box.pink p,
body.dark-mode .chartlink.blue,
body.dark-mode .figure_backgroundcolor,
body.dark-mode .respite_link a,
body.dark-mode .content_menu_inner,
body.dark-mode .tell-open-close_ttl,
body.dark-mode .tab_class.green-b:hover,
body.dark-mode input:checked + .tab_class.green-b,
body.dark-mode .tab_class,
body.dark-mode .item_patient,
body.dark-mode .item_recruit,
body.dark-mode .item_medical,
body.dark-mode .item_important,
body.dark-mode .item_other,
body.dark-mode .event_swiper_inner ul li,
body.dark-mode .event_more_view,
body.dark-mode .tell_emergency div p,
body.dark-mode .bg_bpk,
body.dark-mode .about_doctor_ttl,
body.dark-mode .inquiry_link a,
body.dark-mode .occupation_select,
body.dark-mode .btn_border,
body.dark-mode .work_live_floatright_txt_btn a,
body.dark-mode .timetable_bus,
body.dark-mode .center_pdf a,
body.dark-mode .other_event_content ul li,
body.dark-mode .other_event_item.pink,
body.dark-mode .pickup_ttl,
body.dark-mode .menu_all,
body.dark-mode .background_menu_left,
body.dark-mode .work_live_floatright_txt_btn p,
body.dark-mode .top_zaitaku_txt_catch,
body.dark-mode .top_zaitaku_txt li a,
body.dark-mode .chartlink.greenblue span,
body.dark-mode .chartlink.orange span,
body.dark-mode .chartlink.pink span,
body.dark-mode .chartlink.blue span,
body.dark-mode .chartlink.green span,
body.dark-mode .insurance_pharmacy_document p,
body.dark-mode .insurance_pharmacy_document_question p,
body.dark-mode .external_link_ul,
body.dark-mode .border_top_tbl th,
body.dark-mode .hukusi-service-sub,
body.dark-mode .osinagaki_list ul,
body.dark-mode .flow_routine > li .icon_routine,
body.dark-mode .recruit_view_btn,
body.dark-mode .recruit_interview_inner,
body.dark-mode .main_visual.hukusi .copy,
body.dark-mode footer
{
    background-color: #121212 !important;
    color: white !important;
    border-color: white;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode p,
body.dark-mode label,
body.dark-mode span,
body.dark-mode td,
body.dark-mode .flow_routine > li dl dt
{
  color: white !important;
}
body.dark-mode a,
body.dark-mode a span {
  color: yellow !important;
}

body.dark-mode .menu-round-icon,
body.dark-mode .document_pdf_btn.pink span,
body.dark-mode .recruit-btn ul a {
  border-color: white !important;
}

body.dark-mode .menu-line-icon {
  background: white !important;
}

body.dark-mode .event_swiper {
  background: #121212 !important;
}

body.dark-mode .swiper-button-next-ev,
body.dark-mode .swiper-button-prev-ev {
  border-color: white !important;
}

body.dark-mode .main_footer .syunan-kinen_logo img {
  background: white !important;
}

/* ボタン */
#btn-dark {
  transition: background 0.3s, color 0.3s;
}
body.dark-mode #btn-dark {
  color: #121212 !important;
  background: white !important;
}

@media(max-width:1180px){
    #btn-dark{
        font-size: 0.8rem;
    }
}