@charset "UTF-8";
.button { padding: 8px; background-color: #e27189; color: #FFFFFF; text-align: center; }

.button:focus { background-color: #4d0a12; }

.button.is_large { padding: 16px; font-size: 16px; }

.button.is_small { padding: 4px; }

.button.is_wide { padding: 8px 24px; }

.button.is_large-wide { padding: 12px 36px; }

.button.is_small-wide { padding: 4px 12px; }

.button.is_dark-gray { background: #969696; }

.button.is_radius { border-radius: 50px; }

.button.is_hidden { display: none; }

.button.is_low { padding-top: 4px; padding-bottom: 4px; }

.button.is_readonly { background: #E8E8EA; color: #646464; pointer-events: none; }

.label { font-weight: bold; }

.label.is_radius { border-radius: 24px; background-color: #E8E8EA; padding: 8px; }

.label.is_row { padding: 4px 8px; }

.label.is_wide { padding: 2px 8px; }

.label.is_normal { font-weight: normal; }

.wise-icon.is_active { color: #e27189; }

.wise-icon.is_rotato-90 { transform: rotateX(90deg); }

.wise-icon.is_rotato-180 { transform: rotateX(180deg); }

.wise-icon.is_rotato-270 { transform: rotateX(270deg); }

.input-text { background-color: #FFFFFF; border: solid 1px #707070; padding: 8px; font-size: 16px; }

.input-text.is_error { border-color: #FF7979; background: #FFF4E0; }

.input-text-font-very-large { background-color: #FFFFFF; border: solid 1px #707070; padding: 8px; font-size: 16px; font-size: 32px; font-weight: bold; }

.input-text-font-very-large.is_error { border-color: #FF7979; background: #FFF4E0; }

.icon-text { display: flex; align-items: center; line-height: 1.0em; /* フォームエラー用 */ }

.icon-text .icon { margin: 0 4px 0 0; }

.icon-text.form-error-text { color: #cc0000; padding: 8px; font-size: 16px; font-weight: bold; }

.icon-text-column { display: inline-flex; flex-direction: column; align-items: center; }

.icon-text-column .icon { margin: 0 0 4px 0; }

.link { color: #0079FE; }

.link:focus { color: #164962; }

.link-block { display: inline-block; color: #e27189; border: solid 1px #707070; padding: 8px; }

.link-block:focus { color: #164962; }

.link-block.is_bold { font-weight: bold; }

.caption1 { font-size: 24px; }

.caption2 { font-size: 20px; }

.caption3 { font-size: 16px; }

.caption4 { font-size: 14px; }

.caption1, .caption2, .caption3, .caption4 { font-weight: normal; }

.caption1.is_bold, .caption2.is_bold, .caption3.is_bold, .caption4.is_bold { font-weight: bold; }

.color-sample { display: block; width: 32px; height: 32px; }

.color-sample.color-primary { background-color: #e27189; }

.color-sample.color-link { background-color: #e27189; }

.color-sample.color-dark-blue { background-color: #164962; }

.color-sample.color-light-blue { background-color: #D4E7F7; }

.color-sample.color-light-yellow { background-color: #FFFFC8; }

.color-sample.color-danger { background-color: #B40505; }

.color-sample.color-gray { background-color: #E8E8EA; }

.color-sample.color-light-gray { background-color: #F5F5F5; }

.color-sample.color-more-gray { background-color: #DDDDDD; }

.color-sample.color-dark-gray { background-color: #646464; }

.color-sample.color-darker-gray { background-color: #333333; }

.color-sample.color-white { background-color: #FFFFFF; }

.color-sample.color-black { background-color: #000000; }

.color-sample.color-caution { background-color: #cc0000; }

.base-panel { display: flex; flex-direction: column; border: 1px solid #c9c9c9; }

.base-panel .panel-title { background: #F5F5F5; }

.base-panel .panel-content { background-color: #FFFFFF; }

.base-panel.is_gray { border: solid 1px #707070; }

.base-panel.is_gray .panel-title { background: #E8E8EA; }

.base-panel.is_black { border-color: #000000; }

.base-panel.is_black .panel-title { background: #000000; color: #FFFFFF; }

.base-modal { display: flex; flex-direction: column; width: 544px; height: auto; max-height: calc(100% - 70px); background: #F5F5F5; position: fixed; top: 70px; left: calc(50% - (544px / 2)); box-shadow: 0px 0px 1px 1px #ccc; visibility: hidden; opacity: 0; transition: .3s; overflow-y: auto; z-index: 51; /* 初期値 */ }

.base-modal.is_active { opacity: 1; visibility: visible; }

.base-modal .modal-head { display: flex; justify-content: space-between; flex-shrink: 0; }

.base-modal .modal-head h2 { display: flex; align-items: center; background: #e27189; color: #FFFFFF; flex: 1; padding: 0 16px; }

.base-modal .modal-head .close { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; color: #47545A; background: #FFFFFF; font-size: 24px; cursor: pointer; }

.base-modal .modal-content { padding: 24px 32px; flex-shrink: 0; flex: 1; }

.base-modal .modal-content > * { flex-shrink: 0; }

.base-modal .modal-content .decide-button { display: flex; align-items: center; justify-content: center; flex: 1; font-size: 24px; width: 100%; }

.base-modal .modal-content .decide-button .icon { margin-right: 8px; }

.base-modal .button.is_hidden { display: none; }

.base-modal .read-panel-wrapper.is_history-table .read-panel { overflow-y: auto; max-height: 500px; }

@media (orientation: landscape) { .base-modal .read-panel-wrapper.is_history-table .read-panel { max-height: 236px; } }

@media (max-width: 719px) { .base-modal .read-panel-wrapper.is_history-table .read-panel { max-height: 400px; } }

.base-modal .read-panel-wrapper.is_history-table .read-panel .read-row:first-of-type { position: sticky; top: 0; z-index: 2; }

.base-modal .read-panel-wrapper.is_history-table .read-panel .read-edit { background: #ffffff; width: 40px; }

.modal-footer { margin-top: auto; }

.modal-footer a { margin-left: auto; font-size: 20px; }

.modal-footer .decide-button { display: flex; align-items: center; justify-content: center; flex: 1; font-size: 24px; width: 100%; }

.modal-footer .decide-button .icon { margin-right: 8px; }

.is_modal-open .wrapper { position: fixed; }

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #FFFFFF; visibility: hidden; opacity: 0; transition: .3s; z-index: 50; /* 初期値 */ }

.overlay.is_active { visibility: visible; opacity: .8; }

.drawer { width: 560px; min-height: 100%; position: fixed; top: 0; right: -560px; background-color: #fff; border-left: solid 1px #E8E8EA; overflow-y: auto; transition: .6s; z-index: 20; }

.drawer.is_open { right: 0; }

.drawer .header { border: 0; }

.drawer .error-panel { margin-bottom: 16px; }

.drawer .drawer-sub-title { padding: 0 0 24px 0; }

.drawer .drawer-sub-title h2 { padding: 8px 16px; background: #f7f5dd; }

.drawer .drawer-content-titles { display: flex; align-items: center; padding: 0 0 16px 0; /* 支援ノートドロワー用 */ }

.drawer .drawer-content-titles .title-icon { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; color: #FFFFFF; background: #F6CA06; font-size: 20px; border-radius: 20px; margin-right: 8px; }

.drawer .drawer-content-titles button { margin-left: auto; }

.drawer .drawer-content-titles .status { margin-left: auto; }

.drawer .drawer-content-titles .accordion-icon { margin-left: auto; color: #0079FE; padding-right: 8px; font-size: 16px; }

.drawer .drawer-content-titles.is_hidden { display: none; }

.drawer .drawer-content-subtitles { display: flex; align-items: center; padding: 0 0 8px 0; }

.drawer .drawer-content-subtitles.is_top-margin { margin-top: 16px; }

.drawer .adress-item { display: flex; border: 1px solid #b4b4b4; border-bottom: 0; }

.drawer .adress-item .adress-input { position: relative; display: flex; align-items: center; background: #FFFFFF; border-right: 1px solid #b4b4b4; flex: 1; }

.drawer .adress-item .adress-input input { font-size: 20px; flex: 1; padding: 12px 0 12px 8px; }

.drawer .adress-item .adress-icon { display: flex; justify-content: center; flex-shrink: 0; align-items: center; width: 56px; border-right: 1px solid #b4b4b4; font-size: 24px; background: #FFFFFF; color: #646464; padding: 0px 1px 0px 1px; background-clip: content-box; }

.drawer .adress-item .adress-icon:last-child { border-right: none; }

.drawer .adress-item .search-button { color: #0079FE; border-right: 1px solid #b4b4b4; }

@keyframes drawer-close { 0% { right: 0; }
  99% { opacity: 1; }
  100% { transform: translateX(0px);
    opacity: 0; } }

@keyframes drawer-open { 0% { opacity: 1; }
  100% { transform: translateX(-560px); } }

.drawer-menu { background-color: #E8E8EA; position: relative; }

.drawer-menu .menu-buttons { display: flex; }

.drawer-menu .menu-button { display: flex; position: relative; border-right: solid 1px #FFFFFF; font-size: 10px; align-items: center; justify-content: center; }

.drawer-menu .menu-button a { width: 64px; height: 56px; justify-content: center; }

.drawer-menu .menu-button .icon { font-size: 24px; color: #0079FE; }

.drawer-menu .menu-button .mell-logo { display: flex; flex-direction: column; align-items: center; }

.drawer-menu .menu-button .mell-logo .mell-logo-svg { width: 24px; height: 24px; }

.drawer-menu .menu-button .under-bar { background-color: #b4b4b4; }

.drawer-menu .menu-button:first-child { border-left: solid 1px #FFFFFF; margin: 0 0 0 16px; }

.drawer-menu .menu-button.is_right { border-right: none; border-left: solid 1px #FFFFFF; margin: 0 0 0 auto; }

.drawer-menu .menu-button.is_right + .is_right { margin-left: 0; }

.drawer-menu .menu-button.is_active { background-color: #FFFFFF; }

.drawer-menu .menu-button.is_active .icon { color: #e27189; }

.drawer-menu .menu-button.is_active .link { color: #e27189; }

.drawer-menu .menu-button.is_active .under-bar { background-color: #e27189; }

.drawer-menu .under-bar { position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background-color: #cbcbcb; }

/* .drawer-content-titles { display: flex; align-items: center; .drawer-content-title { padding: 0 16px; color: #646464; } .drawer-content-title-controler { margin: 0 0 0 auto; &.control-link { padding: 0 16px; } } } */
/* 編集用ドロワー */
.drawer-form { display: flex; flex-direction: column; height: 100%; max-height: 100%; }

.drawer-form-content { flex: 1; padding: 24px 16px; overflow-y: auto; display: flex; flex-direction: column; }

.drawer-form-content > * { flex-shrink: 0; }

.drawer-form-content .drawer-form-scroll { display: flex; flex-direction: column; flex: 1; max-height: 100%; }

.drawer-form-content .drawer-form-scroll.is_hidden { display: none; }

.drawer-form-content .drawer-form-scroll > * { flex-shrink: 0; }

.drawer-check-content { flex: 1; overflow-y: auto; }

.drawer-form-column-2 { display: flex; justify-content: space-between; }

.drawer-form-column-2 > .drawer-form-item { width: calc(50% - 4px); }

.drawer-form-item { margin-bottom: 36px; }

.drawer-form-item.is_bottom { margin-bottom: 0px; }

.drawer-form-item.is_column { display: flex; flex-direction: column; }

.drawer-form-item.is_row { display: flex; }

.drawer-form-item.is_left-padding { padding-left: 48px; }

.drawer-form-item.search-condition { margin-bottom: 16px; }

.drawer-form-item.sub-item { margin-bottom: 16px; }

.drawer-form-item .icon-input { flex: 1; height: 48px; }

.drawer-form-item .icon-input input { font-size: 20px; }

#residentialStyle .icon-input input { -webkit-text-fill-color: #000000; opacity: 1; }

.drawer-form-item .icon-input:not(.is_hidden) + .icon-select { border-top: 0; }

.drawer-form-item .icon-input:not(.is_hidden) + .icon-input { border-top: 0; }

.drawer-form-item .icon-input:not(.is_hidden) + .icon-input.brunch-num { border-top: 1px solid #b4b4b4; border-left: 0; flex-grow: 0; width: 96px; }

.drawer-form-item .icon-input:not(.is_hidden) + .icon-input.brunch-num input { width: 56px; }

.drawer-form-item .icon-input:not(.is_hidden) + textarea { border-top: 0; }

.drawer-form-item .icon-input:not(.is_hidden) + .check-panel { border-top: 0; }

.drawer-form-item .icon-input:not(.is_hidden).check-panel { border-top: 0; }

.drawer-form-item .icon-input.mastar-bottom { margin-bottom: 8px; }

.drawer-form-item.is_middle { display: flex; align-items: center; }

.drawer-form-item.is_end { justify-content: flex-end; }

.drawer-form-item .icon-select { height: 48px; }

.drawer-form-item .icon-select select { font-size: 20px; }

.drawer-form-item .icon-select:not(.is_hidden) + .icon-select { border-top: 0; }

.drawer-form-item .icon-select:not(.is_hidden) + .icon-input { border-top: 0; }

.drawer-form-item .icon-select:not(.is_hidden) + textarea { border-top: 0; }

.drawer-form-item .icon-select:not(.is_hidden) + .check-panel { border-top: 0; }

.drawer-form-item .select-narrow-button { width: 48px; border-color: #b4b4b4; }

.drawer-form-item textarea { width: 100%; height: 240px; padding: 16px; border: 1px solid #b4b4b4; font-size: 16px; }

.drawer-form-item textarea[rows] { height: auto; }

.drawer-form-item textarea[readonly] { background: #F5F5F5; }

.drawer-form-item .import-button { display: block; margin-left: auto; }

.drawer-form-item .tenkey { margin-top: 16px; }

.drawer-form-item .read-item.search-result-item { border-top: 0; border-left: 0; padding: 4px; }

.drawer-form-item .read-item.search-result-item .search-result-icon { padding-left: 8px; }

/* 訪問日カレンダー */
.drawer-edit-calender { display: flex; flex: 1; flex-direction: column; border: 1px solid; border-bottom: none; }

.drawer-edit-calender .head { display: flex; font-weight: bold; background-color: #e9e9e9; border-bottom: 1px solid; }

.drawer-edit-calender .head .day { min-width: calc(100% / 7); text-align: center; padding: 4px 8px; border-right: 1px solid; }

.drawer-edit-calender .head .day:last-child { border-right: none; }

.drawer-edit-calender .data { display: flex; border-bottom: 1px solid; }

.drawer-edit-calender .data .select-wrap { display: flex; min-width: calc(100% / 7); padding: 4px 8px; position: relative; border-right: 1px solid; }

.drawer-edit-calender .data .select-wrap:last-child { border-right: none; }

.drawer-edit-calender .data .select-wrap select { width: 100%; height: 32px; border: 1px solid #b4b4b4; border-radius: 3px; padding-left: 16px; }

.drawer-edit-calender .data .select-wrap:before { z-index: 1; position: absolute; right: 12px; top: 0; content: "▼"; line-height: 40px; color: #7F878C; pointer-events: none; }

.drawer-check { padding: 16px 0 0 0; }

.drawer-check .check-title { padding: 8px 24px; border-bottom: solid 1px #E8E8EA; font-size: 16px; }

.drawer-check .check-item { display: flex; align-items: center; padding: 16px; border: solid 1px #E8E8EA; border-bottom: 0; }

.drawer-check .check-item:last-child { border: solid 1px #E8E8EA; }

.drawer-check .check-item input[type="checkbox"] { display: none; }

.drawer-check .check-item .check-icon { width: 20px; font-size: 24px; margin-right: 8px; color: #e27189; }

.drawer-check .check-item .check-icon .checked { display: none; }

.drawer-check .check-item .check-icon .not-check { display: block; }

.drawer-check .check-item input[type="checkbox"]:checked + .check-icon .checked { display: block; }

.drawer-check .check-item input[type="checkbox"]:checked + .check-icon .not-check { display: none; }

.drawer-check .check-item label { flex: 1; font-size: 16px; }

.drawer-single-check { padding: 16px 0 0 0; }

.drawer-single-check .check-title { padding: 8px 24px; border-bottom: solid 1px #E8E8EA; font-size: 16px; }

.drawer-single-check .single-check-item { display: flex; align-items: center; padding: 16px 24px; border-bottom: solid 1px #E8E8EA; }

.drawer-single-check .single-check-item input[type="radio"] { display: none; }

.drawer-single-check .single-check-item .check-icon { width: 20px; font-size: 20px; margin-right: 8px; }

.drawer-single-check .single-check-item .check-icon .checked { display: none; }

.drawer-single-check .single-check-item .check-icon .not-check { display: block; }

.drawer-single-check .single-check-item input[type="radio"]:checked + .check-icon .checked { display: block; }

.drawer-single-check .single-check-item input[type="radio"]:checked + .check-icon .not-check { display: none; }

.drawer-single-check .single-check-item label { flex: 1; font-size: 20px; }

/* 文例検索 テキストエリア */
.template-textarea { /* > * + * { border-top: 0!important; } */ }

.template-textarea textarea { border-radius: 0; }

.drawer-subtitle { display: flex; flex-shrink: 0; align-items: center; background: #E8E8EA; height: 68px; padding: 0 24px; }

/* .drawer-footer { display: flex; align-items: center; margin-top: auto; padding: 0 16px; a { margin-left: auto; font-size: 20px; } } */
.drawer-overlay { width: 100vw; height: 100%; position: fixed; top: 0; background: #000; opacity: .3; /* 仮z-index */ z-index: 19; }

/* 開始時間〜終了時間 */
.input-time-start-end { display: flex; align-items: center; }

.input-time-start-end .range { padding: 0 16px; }

.input-time-start-end input { width: 180px; }

.is_drawer-open > .wrapper { position: fixed; }

.drawer-scroll-wrap { display: flex; flex: 1; flex-direction: column; overflow-y: auto; }

.drawer-form-variable-area { padding: 8px; background: #E8E8EA; }

.drawer-form-variable-area .drawer-content-titles { padding-bottom: 8px; }

.drawer-form-variable-area .drawer-form-item { margin-bottom: 16px; }

.drawer-form-variable-area .tenkey { padding: 16px 8px; }

.drawer-form-variable-area .read-panel .read-item, .drawer-form-variable-area .read-panel .read-edit { background: #fff; }

.drawer-form-variable-area .icon-input.is_readonly { color: #646464; }

.drawer-form-variable-area .search-result-item.is_readonly .icon { color: #646464; }

.drawer-form-variable-area .search-result-item.is_readonly p { color: #646464; }

.drawer-form-variable-area textarea { background-color: #FFFFFF; }

.drawer-form-variable-area .variable-nest { padding: 8px 16px; background-color: #c9c9c9; }

.drawer-form-variable-area .button-area { display: flex; justify-content: flex-end; padding: 4px 0 12px; }

.drawer-form-variable-area .button-area.is_hidden { display: none; }

.drawer-form-variable-area .button-area .button { padding: 6px 24px; }

.status { padding: 4px 8px; font-size: 12px; color: #FFFFFF; display: inline-block; /* 新規 */ /* 訂正 */ /* 登録中 */ /* 登録済み */ /* 参照 */ /* 削除中 */ /* 削除済み */ }

.status.is_new { background: #3888AF; }

.status.is_correction { background: #1B7C42; }

.status.is_registering { background: #F58D11; }

.status.is_registered { background: #BC4F5B; }

.status.is_reference { background: #FF6B12; }

.status.is_deleting { background: #646464; }

.status.is_deleted { background: #DDDDDD; color: #333333; }

.icon-select { height: 56px; position: relative; display: flex; align-items: center; background: #FFFFFF; border: 1px solid #b4b4b4; overflow: hidden; }

.icon-select:focus { background: #FFFFC8; }

.icon-select:after { content: "▼"; font-size: 20px; color: #0079FE; display: block; position: absolute; right: 8px; pointer-events: none; }

.icon-select .icon { font-size: 24px; padding-left: 16px; color: #646464; }

.icon-select select { flex: 1; padding: 12px; font-size: 22px; width: 100%; padding-right: 36px; }

.icon-select select:focus { outline: none; }

.icon-select.is_error { border-color: #FF7979; background: #FFF4E0; }

.icon-select.is_readonly { background: #f5f5f5; }

.icon-select.is_readonly:after { color: #646464; }

/* 絞り込み付き */
.select-narrow { display: flex; }

.select-narrow .icon-select { flex: 1; }

.select-narrow .select-narrow-button { display: flex; justify-content: center; align-items: center; width: 56px; background: #fff; border: 1px solid #b4b4b4; border-left: 0; font-size: 24px; color: #e27189; }

.select-narrow .select-narrow-button.is_active { background: #e27189; color: #FFFFFF; }

.icon-input { height: 56px; position: relative; display: flex; align-items: center; background: #FFFFFF; border: 1px solid #b4b4b4; }

.icon-input .icon { font-size: 24px; padding-left: 16px; color: #646464; }

.icon-input .icon.is_active { color: #0079fe; }

.icon-input input { flex: 1; padding: 12px 0 12px 8px; font-size: 22px; }

.icon-input.is_readonly { background: #F5F5F5; }

.icon-input.is_error { border-color: #FF7979; background: #FFF4E0; }

/* 検索ボタン付き */
.input-search { display: flex; }

.input-search .icon-input { flex: 1; }

.input-search .search-button { display: flex; justify-content: center; flex-shrink: 0; align-items: center; width: 56px; border: 1px solid #b4b4b4; border-left: 0; font-size: 24px; background: #FFFFFF; color: #0079FE; }

/* クリアボタン付き */
.input-clear { display: flex; /* 絞り込み付きselect */ }

.input-clear .icon-input { flex: 1; border-bottom: 0; }

.input-clear .icon-input ::placeholder { font-size: 20px; }

.input-clear .search-button { display: flex; justify-content: center; flex-shrink: 0; align-items: center; width: 56px; border: 1px solid #b4b4b4; border-left: 0; border-bottom: 0; font-size: 24px; background: #FFFFFF; color: #646464; }

/* 年月日入力 [type="date"] */
.icon-input-date:after { content: "▼"; font-size: 20px; color: #e27189; display: block; position: absolute; right: 5px; pointer-events: none; }

.tab-content { display: none; max-height: 100%; overflow-y: auto; }

.tab-content.is_active { display: block; }

/* 記録入力用 */
.record-tab { display: flex; position: relative; padding: 16px 24px 0 24px; }

.record-tab:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #b4b4b4; z-index: 1; }

.record-tab .tab-button { width: 120px; color: #646464; font-size: 16px; font-weight: bold; background: #F5F5F5; border: 1px solid #B4B4B4; border-bottom-width: 4px; z-index: 2; }

.record-tab .tab-button + .tab-button { border-left: 0; }

.record-tab .tab-button.is_active { background: #FFFFFF; color: #e27189; border-bottom-color: #e27189; }

/* フェースシート用 */
.face-sheet-menu .tab-button.is_active { background: #e27189; color: #FFFFFF; }

.jump-panel { display: flex; flex-direction: row-reverse; position: relative; padding: 8px 24px 4px 24px; border-bottom: 4px solid #B4B4B4; }

.jump-panel .button { display: flex; align-items: center; justify-content: center; border-radius: 3px; margin-left: 8px; font-size: 20px; min-width: 40px; }

/* 汎用 */
.page-tab { display: flex; position: relative; padding: 16px 24px 0 24px; }

.page-tab:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #b4b4b4; z-index: 1; }

.page-tab .tab-button { width: 120px; color: #646464; font-size: 16px; font-weight: bold; background: #F5F5F5; border: 1px solid #B4B4B4; border-bottom-width: 4px; z-index: 2; }

.page-tab .tab-button + .tab-button { border-left: 0; }

.page-tab .tab-button.is_active { background: #FFFFFF; color: #e27189; border-bottom-color: #e27189; }

/* 汎用 改修ver */
.content-tab { display: flex; padding: 8px 24px 4px 24px; position: relative; }

.content-tab::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #e27189; z-index: 1; }

.content-tab .tab-button { min-width: 120px; color: #e27189; font-size: 16px; font-weight: bold; background: #FFFFFF; border: 1px solid #e27189; border-bottom-width: 0px; border-radius: 0; z-index: 2; margin-left: 0; }

.content-tab .tab-button + .tab-button { border-left: 0; }

.content-tab .tab-button.is_active { color: #ffffff; background: #e27189; }

.content-tab .sub-button-area { margin-left: auto; display: flex; align-items: center; }

.content-tab .new-button { height: 28px; }

/* 転記先 */
.copy-row { display: flex; width: 100%; }

.copy-row .copy-item { font-size: 12px; color: #FFFFFF; background: #e27189; padding: 6px 8px; border-radius: 4px; }

.copy-row .copy-item + .copy-item { margin-left: 2px; }

.date-select { display: flex; align-items: center; }

.date-select .prev, .date-select .next { display: flex; align-items: center; justify-content: center; color: #FFFFFF; background: #e27189; width: 20px; height: 20px; font-size: 12px; border-radius: 50%; }

.date-select .prev.is_disable, .date-select .next.is_disable { background: #646464; }

.date-select .days { font-size: 16px; font-weight: bold; padding: 0 8px; }

.date-select .facility { margin-left: auto; max-width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.icon-check { display: flex; align-items: center; /* labelのforを不要にする */ }

.icon-check.is_disable label { pointer-events: none; }

.icon-check.is_disable .check-icon .checked { color: #333333; pointer-events: none; }

.icon-check.is_disable .check-icon .not-check { color: #E8E8EA; pointer-events: none; }

.icon-check input[type="checkbox"] { display: none; }

.icon-check label { display: flex; align-items: center; font-size: 16px; }

.icon-check .check-icon { font-size: 24px; margin-right: 8px; color: #0079FE; }

.icon-check .check-icon .checked { display: none; }

.icon-check .check-icon .not-check { display: block; }

.icon-check input[type="checkbox"]:checked + label .check-icon .checked { display: block; }

.icon-check input[type="checkbox"]:checked + label .check-icon .not-check { display: none; }

.icon-check input[type="checkbox"]:checked + .check-icon .checked { display: block; }

.icon-check input[type="checkbox"]:checked + .check-icon .not-check { display: none; }

.icon-check.is_disable { pointer-events: none; }

.icon-check.is_disable .check-icon .checked { color: #333333; }

.icon-check.is_disable .check-icon .not-check { color: #E8E8EA; }

.icon-check.is_icon-only .check-icon { margin: 0; }

.icon-radio { display: flex; align-items: center; /* labelのforを不要にする */ }

.icon-radio input[type="radio"] { display: none; }

.icon-radio label { display: flex; align-items: center; font-size: 16px; }

.icon-radio .radio-icon { font-size: 24px; margin-right: 8px; color: #E8E8EA; }

.icon-radio input[type="radio"]:checked + label .radio-icon { color: #0079FE; }

.icon-radio input[type="radio"]:checked + .radio-icon { color: #0079FE; }

.icon-radio input[type="radio"]:checked + .radio-icon { color: #0079FE; }

.icon-radio input[type="radio"]:checked + .radio-icon { color: #0079FE; }

.icon-radio.is_icon-only .radio-icon { margin: 0; }

/* 単位付き数値入力 */
.input-unit { display: flex; align-items: center; position: relative; }

.input-unit input { padding: 12px 8px; font-size: 22px; width: 96px; border: 1px solid #b4b4b4; }

.input-unit input[type="number"] { text-align: right; }

.input-unit > .icon { position: absolute; top: 16px; left: 16px; font-size: 24px; color: #646464; }

.input-unit .value { min-height: 52px; padding: 12px 8px 12px 40px; font-size: 22px; width: 96px; border: 1px solid #b4b4b4; text-align: right; background-color: #ffffff; }

.input-unit .value.is_focus { background: #FDFCE2; }

.input-unit .value.is_readonly { border: 0; }

.input-unit .value.is_10-digits { width: 152px; }

.input-unit .value.is_11-digits { width: 168px; }

.input-unit .value.is_minus-value { color: #cc0000; }

.input-unit .value.is_disable { background-color: #F5F5F5; pointer-events: none; }

.input-unit .unit { font-size: 20px; padding: 8px; margin-right: 16px; }

.input-unit .unit-top { font-size: 20px; padding: 8px; margin-left: 16px; }

.input-tais p { font-size: 20px; padding: 8px; }

.input-tais input { width: 100%;}

.input-tais.is_plan-edit .icon-input { border: none;}

.input-tais.is_plan-edit input { font-size: 18px;}

.input-tais.is_plan-edit .search-button { border-right: 1px solid #707070; border-bottom: 1px solid #707070; border-top: 0px;}

.input-tais.is_code-master { display: flex;}

.input-tais.is_code-master .icon-input { border: none; border-right: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4;}

.tais-variable-area { padding: 0 0 8px 0;}

.tais-textarea textarea { border: none; border-top: 1px solid #707070;}

/* マスタ検索付きテキストエリア */
.input-master-textarea .input-masters { display: flex; align-items: center; justify-content: flex-end; padding: 0 8px; height: 40px; font-size: 12px; background: #F5F5F5; border: 1px solid #b4b4b4; border-bottom: 0; }

.input-master-textarea .input-masters .input-icon { display: flex; align-items: center; padding-left: 4px; margin-right: auto; font-size: 24px; color: #646464; }

.input-master-textarea .input-masters p { margin-right: 4px; }

.input-master-textarea .input-masters .button + .button { margin-left: 8px; }

.input-master-textarea textarea { border-radius: 0; }

.input-master-textarea.is_readonly .button { background: #E8E8EA; pointer-events: none; }

.choose-item { padding: 0 8px; border: 1px solid #FFFFFF; border-radius: 15px; }

.choose-item.is_string { flex-shrink: 0; }

.choose-item.is_chosen { border-color: #000000; }

.choose-item.is_single { margin-right: 0; }

.choose-item.is_row { width: 100%; }

.alert { padding: 16px; }

.alert.is_notfound { border: 1px solid #989898; background: #F5F5F5; color: #666; font-size: 16px; font-weight: bold; width: 100%; }

.alert.is_notfound .icon { font-size: 20px; color: #b2b2b2; margin: 0 8px 0 0; }

.content .alert { margin-bottom: 24px; }

.base-modal .alert.is_notfound { background: #ffffff; }

.jump-panel { display: flex; align-items: flex-end; padding: 8px 24px 4px 24px; border-bottom: 4px solid #B4B4B4; }

.jump-panel .button { display: flex; align-items: center; justify-content: center; border-radius: 3px; margin-left: 8px; font-size: 20px; min-width: 40px; min-height: 40px; }

.jump-panel .button.is_text { font-size: 16px; }

.jump-content, .single-jump-content { position: relative; }

.jump-content .jump-index, .single-jump-content .jump-index { display: flex; padding-bottom: 16px; align-items: center; justify-content: center; }

.jump-content .jump-index p, .single-jump-content .jump-index p { color: #c6c6c6; padding: 0 8px; }

.jump-content .jump-index .jump-index-line, .single-jump-content .jump-index .jump-index-line { border-top: 1px solid #c6c6c6; height: 2px; flex: 1; }

.drawer-content-titles .close-icon { display: none; }

.drawer-content-titles .open-icon { display: block; }

.drawer-content-titles.is_open .close-icon { display: block; }

.drawer-content-titles.is_open .open-icon { display: none; }

.accordion-content { display: none; }

.accordion-content-open { display: block; }

.header { display: flex; width: 100%; height: 56px; color: #FFFFFF; background-color: #e27189; border-top: 4px solid #FFF571; border-bottom: 1px solid #88a3af; flex-shrink: 0; }

.header .header-title { display: flex; padding: 8px 24px; align-items: center; line-height: 1em; }

.header .header-title .icon { margin: 0 16px 0 0; font-size: 32px; }

.header .header-controler { display: flex; margin: 0 0 0 auto; }

.header .header-controler > .icon-text-column { margin-right: 4px; width: 66px; }

.header .header-controler .reload { padding: 8px; }

.header .header-controler .reload .icon { font-size: 24px; }

.header .header-controler .reload .text { font-size: 10px; font-weight: normal; }

.header .header-controler .search { padding: 8px; }

.header .header-controler .search .icon { font-size: 24px; }

.header .header-controler .search .text { font-size: 10px; font-weight: normal; }

.header .header-controler .help { padding: 8px 8px 0 8px; }

.header .header-controler .help .icon { font-size: 24px; }

.header .header-controler .help .text { font-size: 10px; font-weight: normal; }

.header .header-controler .logout { padding: 8px 8px 0 8px; }

.header .header-controler .logout .icon { font-size: 24px; }

.header .header-controler .logout .text { font-size: 10px; font-weight: normal; }

.header .header-controler .close { width: 56px; height: 56px; padding: 12px; font-size: 24px; color: #47545A; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; margin-right: 16px; }

.header .header-controler .swicthing { display: flex; margin-right: 8px; width: auto; }

.header .header-controler .swicthing button { padding: 12px; background: #FFFFFF; font-size: 32px; display: flex; align-items: center; color: #e27189; }

.header .header-controler .swicthing button + button { margin-left: 1px; }

.header .header-controler .swicthing button.is_disable { color: #646464; pointer-events: none; }

.patient-header { display: flex; width: 100%; height: 56px; color: #333333; background-color: #FCFBF2; border-top: 4px solid #e27189; border-bottom: 1px solid #8BA3AF; position: sticky; top: 0; }

.patient-header .patient-data { display: flex; padding: 8px 0 8px 24px; align-items: center; width: 236px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.patient-header .patient-data .icon { margin: 0 8px 0 0; font-size: 26px; color: #e27189; }

.patient-header .patient-data .patinet-data-names { display: flex; flex-direction: column; }

.patient-header .patient-data .patient-code { font-size: 12px; }

.patient-header .patient-data .patient-furigana { font-size: 12px; max-width: 168px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.patient-header .patient-data .patient-name { font-size: 18px; font-weight: bold; height: 20px; line-height: 20px; display: flex; }

.patient-header .patient-data .patient-name .name { max-width: 136px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 2px; }

.patient-header .patient-data .patient-name .honorific { font-size: 14px; margin-top: 1px; }

.patient-header .patient-subdata { height: 38px; padding: 0px; margin-top: 8px; border-left: 1px solid #999; font-size: 12px; }

.patient-header .patient-subdata .patient-subdata-row { display: flex; align-items: center; max-width: 100%; }

.patient-header .patient-subdata .patient-subdata-row > p { padding: 0 8px; border-left: 1px solid #999; }

.patient-header .patient-subdata .patient-subdata-row > p + p { margin-top: 1px; }

.patient-header .patient-subdata .patient-subdata-row > p:first-child { border: 0; }

.patient-header .patient-subdata .patient-subdata-row > p.address { display: flex; align-items: center; }

.patient-header .patient-subdata .patient-subdata-row > p.address a { max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.patient-header .patient-subdata .patient-subdata-row > p.address .button { margin-left: 4px; padding: 2px 8px; }

.patient-header .patient-subdata .care-level { font-weight: bold; }

.patient-header .header-controler { display: flex; margin: 0 0 0 auto; }

.patient-header .header-controler > * + * { margin-left: 16px; }

.patient-header .header-controler .patient-search { font-size: 10px; padding: 0 8px; color: #FFFFFF; }

.patient-header .header-controler .patient-search .icon { font-size: 24px; }

.patient-header .header-controler .close { padding: 12px; font-size: 32px; color: #47545A; background-color: #FFFFFF; display: flex; align-items: center; }

.patient-header .header-controler .help { color: #e27189; padding: 8px; }

.patient-header .header-controler .help .icon { font-size: 24px; }

.patient-header .header-controler .help .text { font-size: 10px; font-weight: normal; }

.footer { height: 56px; flex-shrink: 0; border-top: 1px solid #e27189; background: #F5F5F5; }

.footer .footer-menu { display: flex; height: 100%; }

.footer .footer-menu .footer-menu-item { display: block; flex: 1; flex-shrink: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #969696; }

.footer .footer-menu .footer-menu-item.is_active { color: #e27189; }

.footer .footer-menu .footer-menu-item .icon { font-size: 28px; }

.footer .footer-menu .footer-menu-item .text { font-size: 10px; }

.footer .footer-controller { display: flex; height: 100%; /* 確定チェック */ /* 注意書き */ /* MeLL+送信 縦 */ /* MeLL+送信 横 */ }

.footer .footer-controller .button { display: flex; justify-content: center; align-items: center; padding: 8px 32px; font-size: 20px; }

.footer .footer-controller .button.register-button { margin-left: auto; }

.footer .footer-controller .button.is_hidden { display: none; }

.footer .footer-controller .confirm-check { margin-left: auto; display: flex; align-items: center; background: #fff; padding: 0 16px; }

.footer .footer-controller .confirm-check:not(.is_hidden) + .register-button { margin-left: 0; }

.footer .footer-controller .confirm-check.is_hidden { display: none; }

.footer .footer-controller .caution-text { margin-left: auto; color: #cc0000; }

.footer .footer-controller .caution-text .icon { font-size: 18px; }

.footer .footer-controller .caution-text:not(.is_hidden) + .register-button { margin-left: 8px; }

.footer .footer-controller .caution-text:not(.is_hidden) + .confirm-check { margin-left: 8px; }

.footer .footer-controller .sending-mell { margin-left: auto; display: flex; align-items: center; background: #fff; padding: 0 16px; }

.footer .footer-controller .sending-mell .icon-check label { font-size: 14px; }

.footer .footer-controller .sending-mell .icon-check .check-icon { font-size: 20px; }

.footer .footer-controller .sending-mell .icon-check .mell-icon { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.footer .footer-controller .sending-mell .icon-check .mell-icon img.mell-logo-svg { width: 20px; }

.footer .footer-controller .sending-mell .icon-check .mell-icon p { font-size: 12px; }

.footer .footer-controller .sending-mell + .register-button { margin-left: 0; }

.footer .footer-controller .sending-mell-row { margin-left: auto; display: flex; align-items: center; background: #fff; padding: 0 16px; }

.footer .footer-controller .sending-mell-row .icon-check label { font-size: 14px; }

.footer .footer-controller .sending-mell-row .icon-check .check-icon { font-size: 20px; }

.footer .footer-controller .sending-mell-row .icon-check .mell-icon { display: flex; justify-content: center; align-items: center; }

.footer .footer-controller .sending-mell-row .icon-check .mell-icon p { font-size: 12px; padding-right: 8px; }

.footer .footer-controller .sending-mell-row .icon-check .mell-icon img.mell-logo-svg { width: 20px; }

.footer .footer-controller .sending-mell-row + .register-button { margin-left: 0; }

.search-panel { display: flex; flex-shrink: 0; height: 38px; align-items: center; background: #F5F5F5; padding: 0 24px; border-bottom: 1px solid #E8E8EA; }

.search-panel > * { flex-shrink: 0; }

.search-panel button { margin-right: 8px; background: #e27189; display: flex; align-items: center; }

.search-panel button .icon { padding-right: 8px; }

.search-panel .text { max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.search-panel .staff { display: flex; margin-left: auto; align-items: center; max-width: calc(100% - (65% + 100px)); padding-left: 2px; }

.search-panel .staff .icon { color: #4d0a12; font-size: 16px; }

.search-panel .staff .name { padding-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.patient-data-title { display: flex; padding: 5px 24px; align-items: center; background-color: #E8E8EA; position: relative; }

.patient-data-title .patient-data-title-content { display: flex; align-items: center; }

.patient-data-title .status { margin-right: 12px; }

.patient-data-title .title { display: inline-flex; align-items: center; }

.patient-data-title .title .icon { font-size: 24px; margin: 0 16px 0 4px; }

.patient-data-title .print-button { margin-left: auto; height: 36px; }

.patient-data-title .print-button.is_with-option { border-radius: 50px 0 0 50px; padding-right: 16px; }

.patient-data-title .print-button.is_print-option { border-radius: 0 50px 50px 0; padding: 8px 12px 8px 8px; margin-left: 2px; height: 36px; }

.patient-data-title .print-button.is_disable { background-color: #F5F5F5; color: #b4b4b4; pointer-events: none; }

.patient-data-title .copy-button:not(.is_hidden) { margin-left: auto; height: 36px; }

.patient-data-title .copy-button:not(.is_hidden) + .print-button { margin-left: 8px; }

.patient-data-title .copy-button:not(.is_hidden).is_disable { background-color: #F5F5F5; color: #b4b4b4; pointer-events: none; }

.patient-data-title .history-button:not(.is_hidden) { margin-left: auto; height: 36px; }

.patient-data-title .history-button:not(.is_hidden) + .print-button { margin-left: 8px; }

.patient-data-title .history-button:not(.is_hidden) + .copy-button { margin-left: 8px; }

.patient-data-title .history-button:not(.is_hidden).is_disable { background-color: #F5F5F5; color: #b4b4b4; pointer-events: none; }

.patient-data-title .print-option { display: none; position: absolute; right: 16px; top: 54px; padding: 8px; background: #FFFFFF; z-index: 1; border-radius: 8px; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4); }

.patient-data-title .print-option::before { content: ""; display: inline-block; position: absolute; top: -30px; right: 10px; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #FFFFFF; }

.patient-data-title .print-option .print-button { display: block; padding: 8px 16px; }

.patient-data-title .print-option .print-button + .print-button { margin-top: 8px; }

.content-head { padding: 16px 24px; display: flex; align-items: center; }

.content-head.is_right { justify-content: flex-end; }

.content-head + .content { padding-top: 0; }

.modal-condition { overflow: hidden; max-height: calc(100% - 135px); }

.modal-condition .modal-content { display: flex; flex-direction: column; max-height: 850px; overflow-y: auto; }

.modal-condition .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-condition .modal-content .condition-select .calendar-row { display: flex; flex-direction: row; justify-content: space-between; }

.modal-condition .modal-content .condition-select .icon-select + .input-clear > * { border-top: 0; }

.modal-condition .modal-content .condition-select.is_scroll { flex: 1; overflow-y: auto; }

.modal-condition .modal-content .condition-select .input-border { border-bottom: 1px solid #b4b4b4; }

.modal-condition .modal-content .decide-button { font-size: 24px; margin-top: 16px; }

.modal-condition .icon-input input { font-size: 20px; }

.modal-condition .modal-footer { padding: 16px 24px; display: flex; flex-direction: column; flex-shrink: 0; }

.modal-condition .modal-footer .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-condition .modal-footer .condition-select .input-clear { border-bottom: solid 1px #707070; }

/* #modal-schedule-condition { max-height: 800px; .modal-content { max-height: 100%; overflow-y: auto; } } */
.modal-schedule-condition { width: 544px; left: calc(50% - (544px / 2)); }

.modal-condition-fever .modal-content { display: flex; flex-direction: column; }

.modal-condition-fever .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-condition-fever .modal-content .condition-select .check-panel { border-color: #b4b4b4; background-color: #FFF; }

.modal-condition-fever .modal-content .condition-select .check-panel .check-item { border-color: #b4b4b4; }

.modal-condition-fever .modal-content .decide-button { font-size: 24px; margin-top: 16px; }

.modal-notes-setting { width: 544px; left: calc(50% - (544px / 2)); overflow: hidden; max-height: calc(100% - 135px); }

.modal-notes-setting .modal-content { display: flex; flex-direction: column; max-height: 850px; overflow-y: auto; }

.modal-notes-setting .modal-content * { flex-shrink: 0; }

.modal-notes-setting .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-notes-setting .modal-content .condition-select .calendar-row { display: flex; flex-direction: row; justify-content: space-between; }

.modal-notes-setting .modal-content .condition-select .calendar-row .icon-input { width: 220px; }

.modal-notes-setting .modal-content .condition-select .calendar-row p { display: flex; align-items: center; padding: 8px; }

.modal-notes-setting .modal-content .condition-select .check-row { background-color: #FFF; }

.modal-notes-setting .modal-content .condition-select .check-panel.delete-top { border-top: none; }

.modal-notes-setting .modal-content .condition-select .icon-input.delete-top { border-top: none; }

.modal-notes-setting .modal-content .condition-select .icon-select.delete-top { border-top: none; }

.modal-notes-setting .modal-content .condition-select button.delete-top { border-top: none; }

.modal-notes-setting .modal-content .decide-button { font-size: 24px; margin-top: 16px; }

.modal-notes-setting .modal-footer { padding: 16px 24px; display: flex; flex-shrink: 0; }

.modal-notes-setting .modal-footer .decide-button { flex: 1; font-size: 24px; }

.modal-notes-master-setting { width: 544px; left: calc(50% - (544px / 2)); overflow: hidden; max-height: calc(100% - 135px); }

.modal-notes-master-setting .modal-content { display: flex; flex-direction: column; max-height: 850px; overflow-y: auto; }

.modal-notes-master-setting .modal-content * { flex-shrink: 0; }

.modal-notes-master-setting .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-notes-master-setting .modal-content .condition-select .calendar-row { display: flex; flex-direction: row; justify-content: space-between; }

.modal-notes-master-setting .modal-content .condition-select .calendar-row .icon-input { width: 220px; }

.modal-notes-master-setting .modal-content .condition-select .calendar-row p { display: flex; align-items: center; padding: 8px; }

.modal-notes-master-setting .modal-content .condition-select .check-row { background-color: #FFF; }

.modal-notes-master-setting .modal-content .condition-select .check-panel.delete-top { border-top: none; }

.modal-notes-master-setting .modal-content .condition-select .icon-input.delete-top { border-top: none; }

.modal-notes-master-setting .modal-content .condition-select .icon-select.delete-top { border-top: none; }

.modal-notes-master-setting .modal-content .condition-select button.delete-top { border-top: none; }

.modal-notes-master-setting .modal-content .decide-button { font-size: 24px; margin-top: 16px; }

.modal-notes-master-setting .modal-footer { padding: 16px 24px; display: flex; flex-shrink: 0; }

.modal-notes-master-setting .modal-footer .decide-button { flex: 1; font-size: 24px; }

.modal-search-patient { height: 780px; }

.modal-search-patient .modal-content { display: flex; flex-direction: column; }

.modal-search-patient .modal-content .input-patient { display: flex; flex-shrink: 0; flex-direction: column; margin-bottom: 16px; }

.modal-search-patient .modal-content .search-patient-result { flex: 1; overflow-y: auto; }

.modal-search-patient .modal-content .search-patient-result .result-item { background: #FFFFFF; padding: 10px 14px; margin-bottom: 8px; }

.modal-search-patient .modal-content .search-patient-result .result-item .result-patient-id { font-size: 12px; font-weight: bold; }

.modal-search-patient .modal-content .search-patient-result .result-item .result-patient-name { display: flex; flex-wrap: wrap; }

.modal-search-patient .modal-content .search-patient-result .result-item .result-patient-name .name { font-size: 20px; font-weight: bold; padding-right: 16px; }

.modal-search-patient .modal-content .search-patient-result .result-item .result-patient-name .kana { display: flex; flex-direction: column-reverse; font-size: 12px; font-weight: bold; margin-bottom: 2px; }

.modal-history-monthlyplan { width: 544px; left: calc(50% - (544px / 2)); overflow: hidden; max-height: calc(100% - 135px); }

.modal-history-monthlyplan .modal-content { display: flex; flex-direction: column; max-height: 850px; overflow-y: auto; }

.modal-history-monthlyplan .modal-content * { flex-shrink: 0; }

.modal-history-monthlyplan .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-history-monthlyplan .modal-content .condition-select .calendar-row { display: flex; flex-direction: row; justify-content: space-between; }

.modal-history-monthlyplan .modal-content .condition-select .calendar-row .icon-input { width: 220px; }

.modal-history-monthlyplan .modal-content .condition-select .calendar-row p { display: flex; align-items: center; padding: 8px; }

.modal-history-monthlyplan .read-item { background: #ffffff; }

.modal-history-monthlyplan .read-item.insurer { flex-direction: column; }

.modal-history-monitoring { overflow: hidden; max-height: calc(100% - 135px); }

.modal-history-monitoring .modal-content { display: flex; flex-direction: column; max-height: 850px; overflow-y: auto; }

.modal-history-monitoring .modal-content * { flex-shrink: 0; }

.modal-history-monitoring .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-history-monitoring .modal-content .condition-select .calendar-row { display: flex; flex-direction: row; justify-content: space-between; }

.modal-history-monitoring .modal-content .condition-select .calendar-row .icon-input { width: 220px; }

.modal-history-monitoring .modal-content .condition-select .calendar-row p { display: flex; align-items: center; padding: 8px; }

.modal-history-monitoring .read-title.target-plan { flex-direction: column; }

.modal-history-monitoring .read-item { background: #ffffff; }

.modal-history-monitoring .read-item.target-plan { flex-direction: column; }

.modal-history-monitoring .read-edit { background: #ffffff; }

.modal-history-meeting { width: 544px; left: calc(50% - (544px / 2)); overflow: hidden; max-height: calc(100% - 135px); }

.modal-history-meeting .read-panel-wrapper { background-color: #ffffff; }

.modal-history-meeting .read-panel-wrapper.is_history-table-head .read-panel .read-row:last-of-type > * { border-bottom: 0; }

.modal-history-meeting .read-panel-wrapper.is_history-table-body { flex: 1; overflow-y: auto; }

.modal-history-meeting .read-panel-wrapper.is_history-table-body .read-edit { width: 40px; }

.modal-copy-meeting { width: 544px; left: calc(50% - (544px / 2)); overflow: hidden; max-height: calc(100% - 135px); }

@media (orientation: landscape) { .modal-copy-meeting { top: 30px; max-height: calc(100% - 60px); } }

.modal-copy-meeting .modal-content { flex: 1; display: flex; flex-direction: column; }

.modal-copy-meeting .check-panel { margin-bottom: 8px; }

.modal-copy-meeting .read-panel-wrapper.is_history-table-head .read-panel .read-row:last-of-type > * { border-bottom: 0; }

.modal-copy-meeting .read-panel-wrapper.is_history-table-body { overflow-y: auto; background-color: #FFFFFF; margin-bottom: 24px; }

.modal-copy-meeting .read-panel-wrapper.is_history-table-body .read-panel { height: 150px; }

@media (orientation: landscape) { .modal-copy-meeting .read-panel-wrapper.is_history-table-body .read-panel { height: 100px; } }

@media (max-width: 719px) { .modal-copy-meeting .read-panel-wrapper.is_history-table-body .read-panel { height: 100px; } }

.modal-copy-meeting .read-panel-wrapper.is_history-table-body .read-edit { background: #ffffff; width: 40px; }

.modal-copy-meeting .read-panel-wrapper.is_history-table-body:last-of-type { margin-bottom: 0; }

.modal-copy-meeting .condition-select { max-height: 250px; }

@media (orientation: landscape) { .modal-copy-meeting .condition-select { height: 150px; flex: none !important; } }

@media (max-width: 719px) { .modal-copy-meeting .condition-select { height: 200px; } }

.modal-copy-meeting .copy-attention { font-size: 12px; display: contents; }

.modal-care-support-list-condition { width: 544px; left: calc(50% - (544px / 2)); overflow: hidden; max-height: calc(100% - 135px); }

.modal-care-support-list-condition .modal-content { display: flex; flex-direction: column; max-height: 850px; overflow-y: auto; }

.modal-care-support-list-condition .modal-content * { flex-shrink: 0; }

.modal-care-support-list-condition .modal-content .condition-select { display: flex; flex-direction: column; margin-bottom: 16px; }

.modal-care-support-list-condition .modal-content .condition-select .calendar-row { display: flex; flex-direction: row; justify-content: space-between; }

.modal-care-support-list-condition .modal-content .condition-select .calendar-row .icon-input { width: 220px; }

.modal-care-support-list-condition .modal-content .condition-select .calendar-row p { display: flex; align-items: center; padding: 8px; }

.modal-care-support-list-condition .modal-content .condition-select .check-row { background-color: #FFF; }

.modal-care-support-list-condition .modal-content .condition-select .check-panel.delete-top { border-top: none; }

.modal-care-support-list-condition .modal-content .condition-select .icon-input.delete-top { border-top: none; }

.modal-care-support-list-condition .modal-content .condition-select .icon-select.delete-top { border-top: none; }

.modal-care-support-list-condition .modal-content .condition-select button.delete-top { border-top: none; }

.modal-care-support-list-condition .modal-content .decide-button { font-size: 24px; margin-top: 16px; }

.modal-care-support-list-condition .modal-footer { padding: 16px 24px; display: flex; flex-shrink: 0; }

.modal-care-support-list-condition .modal-footer .decide-button { flex: 1; font-size: 24px; }

.modal-monthly-plan-sort { width: 544px; left: calc(50% - (544px / 2)); }

.modal-monthly-plan-sort .sort-key select { font-size: 17px; }

.modal-monthly-plan-sort .modal-footer { flex-direction: column; }

.modal-monthly-plan-sort .modal-footer p { text-align: center; padding: 4px 0; }

/* 汎用 */
.read-panel-wrapper { display: flex; border-top: solid 1px #707070; border-left: solid 1px #707070; /* ドロワー 他項目の値参照など */ /* ドロワー 合計値など */ }

.read-panel-wrapper.master-read { border-top: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }

.read-panel-wrapper.master-read .read-item { border-bottom: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; }

.read-panel-wrapper.is_assessment { border-left: 0; }

.read-panel-wrapper.is_assessment .read-row .read-title:first-child:not(.is_hide) { border-left: solid 1px #707070; }

.read-panel-wrapper.is_assessment .read-row .read-title:first-child:not(.is_hide).is_no-left-border { border-left: none; }

.read-panel-wrapper.is_assessment .read-row .read-item:first-child:not(.is_hide) { border-left: solid 1px #707070; }

.read-panel-wrapper.is_assessment .read-row .read-item:first-child:not(.is_hide).is_no-left-border { border-left: none; }

.read-panel-wrapper.data-history { margin-top: 16px; margin-bottom: 24px; }

.read-panel-wrapper.data-history .read-panel .read-row { min-height: 24px; }

.read-panel-wrapper.data-history .read-panel .read-title { height: 24px; }

.read-panel-wrapper.is_border-none { border: 0; }

.read-panel-wrapper.is_border-none .read-title { border: 0; }

.read-panel-wrapper.is_border-none .read-item { border: 0; }

.read-panel-wrapper.is_border-none .read-item.is_border-double { border: 3px double #707070; }

.read-panel-wrapper .read-title { display: flex; padding: 8px; background: #E5EBEE; font-weight: bold; font-size: 14px; border-right: solid 1px #707070; border-bottom: solid 1px #707070; word-break: break-all; }

.read-panel-wrapper .read-title.master-panel { border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }

@media (max-width: 719px) { .read-panel-wrapper .read-title { font-size: 12px; } }

.read-panel-wrapper .read-title.is_vertical { writing-mode: vertical-rl; -webkit-text-orientation: upright; text-orientation: upright; }

.read-panel-wrapper .read-title.is_bold-border-top { border-top: 4px solid #707070; }

.read-panel-wrapper .read-title.is_bold-border-lr { border-right: 4px solid #707070; border-left: 3px solid #707070 !important; }

.read-panel-wrapper .read-title.is_center { align-items: center; }

.read-panel-wrapper .read-title.is_double-right { border-right: double #707070; }

.read-panel-wrapper .read-title.is_left { text-align: left; align-items: center; }

.read-panel-wrapper .read-title.is_for-scroll { border-right: none; }

.read-panel-wrapper .read-title.is_column { align-items: flex-start; flex-direction: column; }

.read-panel-wrapper .read-title.is_hide { border-bottom: 0; background: #fff; }

.read-panel-wrapper .read-title.is_hide-assesment { background: #fff; }

.read-panel-wrapper .read-title .subtext { text-align: right; font-weight: normal; margin-left: auto; color: #646464; }

.read-panel-wrapper .read-title .read-title-caption { font-size: 12px; }

.read-panel-wrapper .read-subtitle { display: flex; align-items: center; padding: 8px; background: #FCFBF2; font-weight: bold; font-size: 14px; border-right: solid 1px #707070; border-bottom: solid 1px #707070; word-break: break-all; }

@media (max-width: 719px) { .read-panel-wrapper .read-subtitle { font-size: 12px; } }

.read-panel-wrapper .read-subtitle .unit { text-align: right; font-size: 12px; font-weight: normal; margin-left: auto; }

.read-panel-wrapper .read-subtitle.is_border-left { border-left: solid 1px #707070; }

.read-panel-wrapper .read-subtitle.is_column { align-items: flex-start; flex-direction: column; }

.read-panel-wrapper .read-item { display: flex; min-height: 37px; padding: 8px; border-right: solid 1px #707070; border-bottom: solid 1px #707070; word-break: break-all; }

.read-panel-wrapper .read-item.master-panel { border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }

.read-panel-wrapper .read-item.flex-end { justify-content: flex-end; }

.read-panel-wrapper .read-item.accordion-trigger { color: #0079FE; }

.read-panel-wrapper .read-item.accordion-trigger .open-icon { display: block; }

.read-panel-wrapper .read-item.accordion-trigger .close-icon { display: none; }

.read-panel-wrapper .read-item.accordion-trigger.is_open .open-icon { display: none; }

.read-panel-wrapper .read-item.accordion-trigger.is_open .close-icon { display: block; }

.read-panel-wrapper .read-item .checked, .read-panel-wrapper .read-item .not-check { font-size: 24px; }

.read-panel-wrapper .read-item .checked { color: #333333; }

.read-panel-wrapper .read-item .not-check { color: #E8E8EA; }

.read-panel-wrapper .read-item.is_evenly { justify-content: space-evenly; }

.read-panel-wrapper .read-item.is_max-height { height: calc(100% - 38px); }

.read-panel-wrapper .read-item.is_double-right { border-right: double #707070; }

.read-panel-wrapper .read-item.is_double-top { border-top: double #707070; }

.read-panel-wrapper .read-item.is_bold-border-lr { flex-grow: 1; box-sizing: border-box; border-right: 4px solid #707070; border-left: 3px solid #707070 !important; }

.read-panel-wrapper .read-item.is_bold-border-bottom { border-bottom: 4px solid #707070; }

.read-panel-wrapper .read-item.is_center { align-items: center; }

.read-panel-wrapper .read-item.is_no-border { border: none; }

.read-panel-wrapper .read-item.is_no-border-right { border-right: none; }

.read-panel-wrapper .read-item.is_no-bottom { border-bottom: none; }

.read-panel-wrapper .read-item.is_left { text-align: left; align-items: center; }

.read-panel-wrapper .read-item.is_vertical { writing-mode: vertical-rl; -webkit-text-orientation: upright; text-orientation: upright; align-items: center; }

.read-panel-wrapper .read-item.is_total { border-left: solid 1px #707070; }

.read-panel-wrapper .read-item.is_hide { border-bottom: 0; background: #fff; }

.read-panel-wrapper .read-item img { max-width: 100%; }

@media (max-width: 719px) { .read-panel-wrapper .read-item.reduce-item-font { font-size: 10px; } }

.read-panel-wrapper .read-edit { width: 48px; display: flex; align-items: center; justify-content: center; border-right: solid 1px #707070; border-bottom: solid 1px #707070; color: #0079FE; font-size: 16px; }

.read-panel-wrapper .read-edit.master-panel { border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; font-size: 24px; }

.read-panel-wrapper .read-edit.icon-size { font-size: 24px; }

@media (max-width: 719px) { .read-panel-wrapper .read-edit { width: 40px; } }

.read-panel-wrapper .read-edit.is_no-border { border: none; }

.read-panel-wrapper .read-edit.new-button-panel { width: 76px; }

.read-panel-wrapper .read-edit.new-button-panel button { font-size: 12px; padding: 4px 8px; }

.read-panel-wrapper .read-edit.sync-button-panel { width: 52px; }

.read-panel-wrapper .read-edit.sync-button-panel button { font-size: 12px; padding: 4px 8px; }

.read-panel-wrapper .read-panel { flex: 1; flex-direction: column; }

.read-panel-wrapper .read-panel.is_fixed { flex: 0; }

.read-panel-wrapper .read-panel > .read-row { min-height: 38px; }

.read-panel-wrapper .read-panel > .master-row { min-height: 48px; }

.read-panel-wrapper .read-panel .read-row { display: flex; }

.read-panel-wrapper .read-panel .read-row.accordion-row { display: none; }

.read-panel-wrapper .read-panel .read-row.is_low-height { min-height: 19px; }

.read-panel-wrapper .read-panel .read-row.is_tworow-high { min-height: 64px; }

.read-panel-wrapper .read-panel .read-row.is_twocloumn-high { min-height: 76px; }

.read-panel-wrapper .read-panel .read-row.is_column { flex-direction: column; }

.read-panel-wrapper .read-panel .read-row.is_row-divide { min-height: 2px; max-height: 2px; }

.read-panel-wrapper .read-panel .read-row.is_row-divide .read-item { min-height: 2px; max-height: 2px; padding: 0; }

.read-panel-wrapper .read-panel .read-row .vital-item { display: flex; align-items: center; min-height: 48px; padding: 8px; border-right: solid 1px #707070; border-bottom: solid 1px #707070; }

@media (max-width: 719px) { .read-panel-wrapper .read-panel .read-row .vital-item { min-height: 40px; } }

.read-panel-wrapper .read-panel .read-row .vital-item .vital-title { flex: 1; text-align: right; font-size: 16px; font-weight: bold; }

.read-panel-wrapper .read-panel .read-row .vital-item .vital-data { width: 96px; text-align: center; font-size: 24px; }

.read-panel-wrapper .read-panel .read-row .vital-item .vital-unit { flex: 1; font-size: 16px; }

.read-panel-wrapper .read-panel .read-row-secondary { display: flex; flex-direction: column; }

.read-panel-wrapper .read-panel .read-row-secondary.is_tworow-high { min-height: 128px; }

.read-panel-wrapper .read-panel .read-row-secondary .read-row:last-child { flex: 1; }

.read-panel-wrapper .read-panel.is_scroll { overflow-x: auto; }

.read-panel-wrapper .read-panel.is_scroll .read-edit { min-width: 48px; }

.read-panel-column-2 { display: flex; justify-content: space-between; align-items: flex-start; }

.read-panel-column-2 .read-panel-wrapper { width: calc(50% - 4px); }

.read-panel-column-2 .read-panel-wrapper.is_width { width: 100%; }

.read-panel-column-2 .read-panel { height: auto; }

/* 訪問日カレンダー */
.visit-calendar-wrapper { border-top: 0; }

.visit-calendar-wrapper .read-edit { border-right: 0; }

.visit-calendar-wrapper .read-title { border-top: solid 1px #707070; border-right: 0; }

.visit-calendar-wrapper .status { display: inline; color: #000000; padding: 0; font-size: 14px; }

.visit-calendar-panel { flex: 1; margin-right: 8px; border: solid 1px #707070; }

.visit-calendar-panel:last-child { margin-right: 0; }

.visit-calendar-panel .visit-calendar-head { display: flex; }

.visit-calendar-panel .visit-calendar-head .read-edit { border-right: 0; }

.visit-calendar-panel table.visit-calendar { width: 100%; border-collapse: collapse; }

.visit-calendar-panel table.visit-calendar tr { border-bottom: 1px solid #e6e6e6; }

.visit-calendar-panel table.visit-calendar tr:last-child { border-bottom: 0; }

.visit-calendar-panel table.visit-calendar td { font-family: "Helvetica",sans-serif; width: calc(100% / 7); height: 32px; width: 46px; padding: 0 0 0 8px; border-right: 1px solid #e6e6e6; }

.visit-calendar-panel table.visit-calendar td:last-child { border: 0; }

.visit-calendar-panel table.visit-calendar td .day { display: inline-block; width: 16px; }

/* 状態系 */
.read-panel-wrapper .width-8 { min-width: 8px; max-width: 8px; }

.read-panel-wrapper .width-16 { min-width: 16px; max-width: 16px; }

.read-panel-wrapper .width-24 { min-width: 24px; max-width: 24px; }

.read-panel-wrapper .width-32 { min-width: 32px; max-width: 32px; }

.read-panel-wrapper .width-40 { min-width: 40px; max-width: 40px; }

.read-panel-wrapper .width-48 { min-width: 48px; max-width: 48px; }

.read-panel-wrapper .width-56 { min-width: 56px; max-width: 56px; }

.read-panel-wrapper .width-64 { min-width: 64px; max-width: 64px; }

.read-panel-wrapper .width-72 { min-width: 72px; max-width: 72px; }

.read-panel-wrapper .width-80 { min-width: 80px; max-width: 80px; }

.read-panel-wrapper .width-88 { min-width: 88px; max-width: 88px; }

.read-panel-wrapper .width-96 { min-width: 96px; max-width: 96px; }

.read-panel-wrapper .width-104 { min-width: 104px; max-width: 104px; }

.read-panel-wrapper .width-112 { min-width: 112px; max-width: 112px; }

.read-panel-wrapper .width-120 { min-width: 120px; max-width: 120px; }

.read-panel-wrapper .width-128 { min-width: 128px; max-width: 128px; }

.read-panel-wrapper .width-136 { min-width: 136px; max-width: 136px; }

.read-panel-wrapper .width-144 { min-width: 144px; max-width: 144px; }

.read-panel-wrapper .width-152 { min-width: 152px; max-width: 152px; }

.read-panel-wrapper .width-160 { min-width: 160px; max-width: 160px; }

.read-panel-wrapper .width-168 { min-width: 168px; max-width: 168px; }

.read-panel-wrapper .width-176 { min-width: 176px; max-width: 176px; }

.read-panel-wrapper .width-184 { min-width: 184px; max-width: 184px; }

.read-panel-wrapper .width-192 { min-width: 192px; max-width: 192px; }

.read-panel-wrapper .width-200 { min-width: 200px; max-width: 200px; }

.read-panel-wrapper .width-208 { min-width: 208px; max-width: 208px; }

.read-panel-wrapper .width-216 { min-width: 216px; max-width: 216px; }

.read-panel-wrapper .width-224 { min-width: 224px; max-width: 224px; }

.read-panel-wrapper .width-232 { min-width: 232px; max-width: 232px; }

.read-panel-wrapper .width-240 { min-width: 240px; max-width: 240px; }

.read-panel-wrapper .width-248 { min-width: 248px; max-width: 248px; }

.read-panel-wrapper .width-256 { min-width: 256px; max-width: 256px; }

.read-panel-wrapper .width-264 { min-width: 264px; max-width: 264px; }

.read-panel-wrapper .width-272 { min-width: 272px; max-width: 272px; }

.read-panel-wrapper .width-280 { min-width: 280px; max-width: 280px; }

.read-panel-wrapper .width-288 { min-width: 288px; max-width: 288px; }

.read-panel-wrapper .width-296 { min-width: 296px; max-width: 296px; }

.read-panel-wrapper .width-304 { min-width: 304px; max-width: 304px; }

.read-panel-wrapper .width-312 { min-width: 312px; max-width: 312px; }

.read-panel-wrapper .width-320 { min-width: 320px; max-width: 320px; }

.read-panel-wrapper .width-328 { min-width: 328px; max-width: 328px; }

.read-panel-wrapper .width-336 { min-width: 336px; max-width: 336px; }

.read-panel-wrapper .width-344 { min-width: 344px; max-width: 344px; }

.read-panel-wrapper .width-352 { min-width: 352px; max-width: 352px; }

.read-panel-wrapper .width-360 { min-width: 360px; max-width: 360px; }

.read-panel-wrapper .width-368 { min-width: 368px; max-width: 368px; }

.read-panel-wrapper .width-376 { min-width: 376px; max-width: 376px; }

.read-panel-wrapper .width-384 { min-width: 384px; max-width: 384px; }

.read-panel-wrapper .width-392 { min-width: 392px; max-width: 392px; }

.read-panel-wrapper .width-400 { min-width: 400px; max-width: 400px; }

.read-panel-wrapper .width-408 { min-width: 408px; max-width: 408px; }

.read-panel-wrapper .width-416 { min-width: 416px; max-width: 416px; }

.read-panel-wrapper .width-424 { min-width: 424px; max-width: 424px; }

.read-panel-wrapper .width-432 { min-width: 432px; max-width: 432px; }

.read-panel-wrapper .width-440 { min-width: 440px; max-width: 440px; }

.read-panel-wrapper .width-448 { min-width: 448px; max-width: 448px; }

.read-panel-wrapper .width-456 { min-width: 456px; max-width: 456px; }

.read-panel-wrapper .width-464 { min-width: 464px; max-width: 464px; }

.read-panel-wrapper .width-472 { min-width: 472px; max-width: 472px; }

.read-panel-wrapper .width-480 { min-width: 480px; max-width: 480px; }

.read-panel-wrapper .width-488 { min-width: 488px; max-width: 488px; }

.read-panel-wrapper .width-496 { min-width: 496px; max-width: 496px; }

.read-panel-wrapper .width-504 { min-width: 504px; max-width: 504px; }

.read-panel-wrapper .width-512 { min-width: 512px; max-width: 512px; }

.read-panel-wrapper .width-520 { min-width: 520px; max-width: 520px; }

.read-panel-wrapper .width-528 { min-width: 528px; max-width: 528px; }

.read-panel-wrapper .width-536 { min-width: 536px; max-width: 536px; }

.read-panel-wrapper .width-544 { min-width: 544px; max-width: 544px; }

.read-panel-wrapper .width-552 { min-width: 552px; max-width: 552px; }

.read-panel-wrapper .width-560 { min-width: 560px; max-width: 560px; }

.read-panel-wrapper .width-568 { min-width: 568px; max-width: 568px; }

.read-panel-wrapper .width-576 { min-width: 576px; max-width: 576px; }

.read-panel-wrapper .width-584 { min-width: 584px; max-width: 584px; }

.read-panel-wrapper .width-592 { min-width: 592px; max-width: 592px; }

.read-panel-wrapper .width-600 { min-width: 600px; max-width: 600px; }

.read-panel-wrapper .width-608 { min-width: 608px; max-width: 608px; }

.read-panel-wrapper .width-616 { min-width: 616px; max-width: 616px; }

.read-panel-wrapper .width-624 { min-width: 624px; max-width: 624px; }

.read-panel-wrapper .width-632 { min-width: 632px; max-width: 632px; }

.read-panel-wrapper .width-640 { min-width: 640px; max-width: 640px; }

.read-panel-wrapper .width-648 { min-width: 648px; max-width: 648px; }

.read-panel-wrapper .width-656 { min-width: 656px; max-width: 656px; }

.read-panel-wrapper .width-664 { min-width: 664px; max-width: 664px; }

.read-panel-wrapper .width-672 { min-width: 672px; max-width: 672px; }

.read-panel-wrapper .width-680 { min-width: 680px; max-width: 680px; }

.read-panel-wrapper .width-688 { min-width: 688px; max-width: 688px; }

.read-panel-wrapper .width-696 { min-width: 696px; max-width: 696px; }

.read-panel-wrapper .width-704 { min-width: 704px; max-width: 704px; }

.read-panel-wrapper .width-712 { min-width: 712px; max-width: 712px; }

.read-panel-wrapper .width-720 { min-width: 720px; max-width: 720px; }

.read-panel-wrapper .width-728 { min-width: 728px; max-width: 728px; }

.read-panel-wrapper .width-736 { min-width: 736px; max-width: 736px; }

.read-panel-wrapper .width-744 { min-width: 744px; max-width: 744px; }

.read-panel-wrapper .width-752 { min-width: 752px; max-width: 752px; }

.read-panel-wrapper .width-760 { min-width: 760px; max-width: 760px; }

.read-panel-wrapper .width-768 { min-width: 768px; max-width: 768px; }

.read-panel-wrapper .width-776 { min-width: 776px; max-width: 776px; }

.read-panel-wrapper .width-784 { min-width: 784px; max-width: 784px; }

.read-panel-wrapper .width-792 { min-width: 792px; max-width: 792px; }

.read-panel-wrapper .width-800 { min-width: 800px; max-width: 800px; }

.read-panel-wrapper .min-width-8 { min-width: 8px; }

.read-panel-wrapper .min-width-16 { min-width: 16px; }

.read-panel-wrapper .min-width-24 { min-width: 24px; }

.read-panel-wrapper .min-width-32 { min-width: 32px; }

.read-panel-wrapper .min-width-40 { min-width: 40px; }

.read-panel-wrapper .min-width-48 { min-width: 48px; }

.read-panel-wrapper .min-width-56 { min-width: 56px; }

.read-panel-wrapper .min-width-64 { min-width: 64px; }

.read-panel-wrapper .min-width-72 { min-width: 72px; }

.read-panel-wrapper .min-width-80 { min-width: 80px; }

.read-panel-wrapper .min-width-88 { min-width: 88px; }

.read-panel-wrapper .min-width-96 { min-width: 96px; }

.read-panel-wrapper .min-width-104 { min-width: 104px; }

.read-panel-wrapper .min-width-112 { min-width: 112px; }

.read-panel-wrapper .min-width-120 { min-width: 120px; }

.read-panel-wrapper .min-width-128 { min-width: 128px; }

.read-panel-wrapper .min-width-136 { min-width: 136px; }

.read-panel-wrapper .min-width-144 { min-width: 144px; }

.read-panel-wrapper .min-width-152 { min-width: 152px; }

.read-panel-wrapper .min-width-160 { min-width: 160px; }

.read-panel-wrapper .min-width-168 { min-width: 168px; }

.read-panel-wrapper .min-width-176 { min-width: 176px; }

.read-panel-wrapper .min-width-184 { min-width: 184px; }

.read-panel-wrapper .min-width-192 { min-width: 192px; }

.read-panel-wrapper .min-width-200 { min-width: 200px; }

.read-panel-wrapper .min-width-208 { min-width: 208px; }

.read-panel-wrapper .min-width-216 { min-width: 216px; }

.read-panel-wrapper .min-width-224 { min-width: 224px; }

.read-panel-wrapper .min-width-232 { min-width: 232px; }

.read-panel-wrapper .min-width-240 { min-width: 240px; }

.read-panel-wrapper .min-width-248 { min-width: 248px; }

.read-panel-wrapper .min-width-256 { min-width: 256px; }

.read-panel-wrapper .min-width-264 { min-width: 264px; }

.read-panel-wrapper .min-width-272 { min-width: 272px; }

.read-panel-wrapper .min-width-280 { min-width: 280px; }

.read-panel-wrapper .min-width-288 { min-width: 288px; }

.read-panel-wrapper .min-width-296 { min-width: 296px; }

.read-panel-wrapper .min-width-304 { min-width: 304px; }

.read-panel-wrapper .min-width-312 { min-width: 312px; }

.read-panel-wrapper .min-width-320 { min-width: 320px; }

.read-panel-wrapper .min-width-328 { min-width: 328px; }

.read-panel-wrapper .min-width-336 { min-width: 336px; }

.read-panel-wrapper .min-width-344 { min-width: 344px; }

.read-panel-wrapper .min-width-352 { min-width: 352px; }

.read-panel-wrapper .min-width-360 { min-width: 360px; }

.read-panel-wrapper .min-width-368 { min-width: 368px; }

.read-panel-wrapper .min-width-376 { min-width: 376px; }

.read-panel-wrapper .min-width-384 { min-width: 384px; }

.read-panel-wrapper .min-width-392 { min-width: 392px; }

.read-panel-wrapper .min-width-400 { min-width: 400px; }

.read-panel-wrapper .min-width-408 { min-width: 408px; }

.read-panel-wrapper .min-width-416 { min-width: 416px; }

.read-panel-wrapper .min-width-424 { min-width: 424px; }

.read-panel-wrapper .min-width-432 { min-width: 432px; }

.read-panel-wrapper .min-width-440 { min-width: 440px; }

.read-panel-wrapper .min-width-448 { min-width: 448px; }

.read-panel-wrapper .min-width-456 { min-width: 456px; }

.read-panel-wrapper .min-width-464 { min-width: 464px; }

.read-panel-wrapper .min-width-472 { min-width: 472px; }

.read-panel-wrapper .min-width-480 { min-width: 480px; }

.read-panel-wrapper .min-width-488 { min-width: 488px; }

.read-panel-wrapper .min-width-496 { min-width: 496px; }

.read-panel-wrapper .min-width-504 { min-width: 504px; }

.read-panel-wrapper .min-width-512 { min-width: 512px; }

.read-panel-wrapper .min-width-520 { min-width: 520px; }

.read-panel-wrapper .min-width-528 { min-width: 528px; }

.read-panel-wrapper .min-width-536 { min-width: 536px; }

.read-panel-wrapper .min-width-544 { min-width: 544px; }

.read-panel-wrapper .min-width-552 { min-width: 552px; }

.read-panel-wrapper .min-width-560 { min-width: 560px; }

.read-panel-wrapper .min-width-568 { min-width: 568px; }

.read-panel-wrapper .min-width-576 { min-width: 576px; }

.read-panel-wrapper .min-width-584 { min-width: 584px; }

.read-panel-wrapper .min-width-592 { min-width: 592px; }

.read-panel-wrapper .min-width-600 { min-width: 600px; }

.read-panel-wrapper .min-width-608 { min-width: 608px; }

.read-panel-wrapper .min-width-616 { min-width: 616px; }

.read-panel-wrapper .min-width-624 { min-width: 624px; }

.read-panel-wrapper .min-width-632 { min-width: 632px; }

.read-panel-wrapper .min-width-640 { min-width: 640px; }

.read-panel-wrapper .min-width-648 { min-width: 648px; }

.read-panel-wrapper .min-width-656 { min-width: 656px; }

.read-panel-wrapper .min-width-664 { min-width: 664px; }

.read-panel-wrapper .min-width-672 { min-width: 672px; }

.read-panel-wrapper .min-width-680 { min-width: 680px; }

.read-panel-wrapper .min-width-688 { min-width: 688px; }

.read-panel-wrapper .min-width-696 { min-width: 696px; }

.read-panel-wrapper .min-width-704 { min-width: 704px; }

.read-panel-wrapper .min-width-712 { min-width: 712px; }

.read-panel-wrapper .min-width-720 { min-width: 720px; }

.read-panel-wrapper .min-width-728 { min-width: 728px; }

.read-panel-wrapper .min-width-736 { min-width: 736px; }

.read-panel-wrapper .min-width-744 { min-width: 744px; }

.read-panel-wrapper .min-width-752 { min-width: 752px; }

.read-panel-wrapper .min-width-760 { min-width: 760px; }

.read-panel-wrapper .min-width-768 { min-width: 768px; }

.read-panel-wrapper .min-width-776 { min-width: 776px; }

.read-panel-wrapper .min-width-784 { min-width: 784px; }

.read-panel-wrapper .min-width-792 { min-width: 792px; }

.read-panel-wrapper .min-width-800 { min-width: 800px; }

@media (max-width: 719px) { .read-panel-wrapper .reduce-width-8 { min-width: 8px; max-width: 8px; }
  .read-panel-wrapper .reduce-width-16 { min-width: 16px; max-width: 16px; }
  .read-panel-wrapper .reduce-width-24 { min-width: 24px; max-width: 24px; }
  .read-panel-wrapper .reduce-width-32 { min-width: 32px; max-width: 32px; }
  .read-panel-wrapper .reduce-width-40 { min-width: 40px; max-width: 40px; }
  .read-panel-wrapper .reduce-width-48 { min-width: 48px; max-width: 48px; }
  .read-panel-wrapper .reduce-width-56 { min-width: 56px; max-width: 56px; }
  .read-panel-wrapper .reduce-width-64 { min-width: 64px; max-width: 64px; }
  .read-panel-wrapper .reduce-width-72 { min-width: 72px; max-width: 72px; }
  .read-panel-wrapper .reduce-width-80 { min-width: 80px; max-width: 80px; }
  .read-panel-wrapper .reduce-width-88 { min-width: 88px; max-width: 88px; }
  .read-panel-wrapper .reduce-width-96 { min-width: 96px; max-width: 96px; }
  .read-panel-wrapper .reduce-width-104 { min-width: 104px; max-width: 104px; }
  .read-panel-wrapper .reduce-width-112 { min-width: 112px; max-width: 112px; }
  .read-panel-wrapper .reduce-width-120 { min-width: 120px; max-width: 120px; }
  .read-panel-wrapper .reduce-width-128 { min-width: 128px; max-width: 128px; }
  .read-panel-wrapper .reduce-width-136 { min-width: 136px; max-width: 136px; }
  .read-panel-wrapper .reduce-width-144 { min-width: 144px; max-width: 144px; }
  .read-panel-wrapper .reduce-width-152 { min-width: 152px; max-width: 152px; }
  .read-panel-wrapper .reduce-width-160 { min-width: 160px; max-width: 160px; }
  .read-panel-wrapper .reduce-width-168 { min-width: 168px; max-width: 168px; }
  .read-panel-wrapper .reduce-width-176 { min-width: 176px; max-width: 176px; }
  .read-panel-wrapper .reduce-width-184 { min-width: 184px; max-width: 184px; }
  .read-panel-wrapper .reduce-width-192 { min-width: 192px; max-width: 192px; }
  .read-panel-wrapper .reduce-width-200 { min-width: 200px; max-width: 200px; }
  .read-panel-wrapper .reduce-width-208 { min-width: 208px; max-width: 208px; }
  .read-panel-wrapper .reduce-width-216 { min-width: 216px; max-width: 216px; }
  .read-panel-wrapper .reduce-width-224 { min-width: 224px; max-width: 224px; }
  .read-panel-wrapper .reduce-width-232 { min-width: 232px; max-width: 232px; }
  .read-panel-wrapper .reduce-width-240 { min-width: 240px; max-width: 240px; }
  .read-panel-wrapper .reduce-width-248 { min-width: 248px; max-width: 248px; }
  .read-panel-wrapper .reduce-width-256 { min-width: 256px; max-width: 256px; }
  .read-panel-wrapper .reduce-width-264 { min-width: 264px; max-width: 264px; }
  .read-panel-wrapper .reduce-width-272 { min-width: 272px; max-width: 272px; }
  .read-panel-wrapper .reduce-width-280 { min-width: 280px; max-width: 280px; }
  .read-panel-wrapper .reduce-width-288 { min-width: 288px; max-width: 288px; }
  .read-panel-wrapper .reduce-width-296 { min-width: 296px; max-width: 296px; }
  .read-panel-wrapper .reduce-width-304 { min-width: 304px; max-width: 304px; }
  .read-panel-wrapper .reduce-width-312 { min-width: 312px; max-width: 312px; }
  .read-panel-wrapper .reduce-width-320 { min-width: 320px; max-width: 320px; }
  .read-panel-wrapper .reduce-width-328 { min-width: 328px; max-width: 328px; }
  .read-panel-wrapper .reduce-width-336 { min-width: 336px; max-width: 336px; }
  .read-panel-wrapper .reduce-width-344 { min-width: 344px; max-width: 344px; }
  .read-panel-wrapper .reduce-width-352 { min-width: 352px; max-width: 352px; }
  .read-panel-wrapper .reduce-width-360 { min-width: 360px; max-width: 360px; }
  .read-panel-wrapper .reduce-width-368 { min-width: 368px; max-width: 368px; }
  .read-panel-wrapper .reduce-width-376 { min-width: 376px; max-width: 376px; }
  .read-panel-wrapper .reduce-width-384 { min-width: 384px; max-width: 384px; }
  .read-panel-wrapper .reduce-width-392 { min-width: 392px; max-width: 392px; }
  .read-panel-wrapper .reduce-width-400 { min-width: 400px; max-width: 400px; }
  .read-panel-wrapper .reduce-width-408 { min-width: 408px; max-width: 408px; }
  .read-panel-wrapper .reduce-width-416 { min-width: 416px; max-width: 416px; }
  .read-panel-wrapper .reduce-width-424 { min-width: 424px; max-width: 424px; }
  .read-panel-wrapper .reduce-width-432 { min-width: 432px; max-width: 432px; }
  .read-panel-wrapper .reduce-width-440 { min-width: 440px; max-width: 440px; }
  .read-panel-wrapper .reduce-width-448 { min-width: 448px; max-width: 448px; }
  .read-panel-wrapper .reduce-width-456 { min-width: 456px; max-width: 456px; }
  .read-panel-wrapper .reduce-width-464 { min-width: 464px; max-width: 464px; }
  .read-panel-wrapper .reduce-width-472 { min-width: 472px; max-width: 472px; }
  .read-panel-wrapper .reduce-width-480 { min-width: 480px; max-width: 480px; }
  .read-panel-wrapper .reduce-width-488 { min-width: 488px; max-width: 488px; }
  .read-panel-wrapper .reduce-width-496 { min-width: 496px; max-width: 496px; }
  .read-panel-wrapper .reduce-width-504 { min-width: 504px; max-width: 504px; }
  .read-panel-wrapper .reduce-width-512 { min-width: 512px; max-width: 512px; }
  .read-panel-wrapper .reduce-width-520 { min-width: 520px; max-width: 520px; }
  .read-panel-wrapper .reduce-width-528 { min-width: 528px; max-width: 528px; }
  .read-panel-wrapper .reduce-width-536 { min-width: 536px; max-width: 536px; }
  .read-panel-wrapper .reduce-width-544 { min-width: 544px; max-width: 544px; }
  .read-panel-wrapper .reduce-width-552 { min-width: 552px; max-width: 552px; }
  .read-panel-wrapper .reduce-width-560 { min-width: 560px; max-width: 560px; }
  .read-panel-wrapper .reduce-width-568 { min-width: 568px; max-width: 568px; }
  .read-panel-wrapper .reduce-width-576 { min-width: 576px; max-width: 576px; }
  .read-panel-wrapper .reduce-width-584 { min-width: 584px; max-width: 584px; }
  .read-panel-wrapper .reduce-width-592 { min-width: 592px; max-width: 592px; }
  .read-panel-wrapper .reduce-width-600 { min-width: 600px; max-width: 600px; }
  .read-panel-wrapper .reduce-width-608 { min-width: 608px; max-width: 608px; }
  .read-panel-wrapper .reduce-width-616 { min-width: 616px; max-width: 616px; }
  .read-panel-wrapper .reduce-width-624 { min-width: 624px; max-width: 624px; }
  .read-panel-wrapper .reduce-width-632 { min-width: 632px; max-width: 632px; }
  .read-panel-wrapper .reduce-width-640 { min-width: 640px; max-width: 640px; }
  .read-panel-wrapper .reduce-width-648 { min-width: 648px; max-width: 648px; }
  .read-panel-wrapper .reduce-width-656 { min-width: 656px; max-width: 656px; }
  .read-panel-wrapper .reduce-width-664 { min-width: 664px; max-width: 664px; }
  .read-panel-wrapper .reduce-width-672 { min-width: 672px; max-width: 672px; }
  .read-panel-wrapper .reduce-width-680 { min-width: 680px; max-width: 680px; }
  .read-panel-wrapper .reduce-width-688 { min-width: 688px; max-width: 688px; }
  .read-panel-wrapper .reduce-width-696 { min-width: 696px; max-width: 696px; }
  .read-panel-wrapper .reduce-width-704 { min-width: 704px; max-width: 704px; }
  .read-panel-wrapper .reduce-width-712 { min-width: 712px; max-width: 712px; }
  .read-panel-wrapper .reduce-width-720 { min-width: 720px; max-width: 720px; }
  .read-panel-wrapper .reduce-width-728 { min-width: 728px; max-width: 728px; }
  .read-panel-wrapper .reduce-width-736 { min-width: 736px; max-width: 736px; }
  .read-panel-wrapper .reduce-width-744 { min-width: 744px; max-width: 744px; }
  .read-panel-wrapper .reduce-width-752 { min-width: 752px; max-width: 752px; }
  .read-panel-wrapper .reduce-width-760 { min-width: 760px; max-width: 760px; }
  .read-panel-wrapper .reduce-width-768 { min-width: 768px; max-width: 768px; }
  .read-panel-wrapper .reduce-width-776 { min-width: 776px; max-width: 776px; }
  .read-panel-wrapper .reduce-width-784 { min-width: 784px; max-width: 784px; }
  .read-panel-wrapper .reduce-width-792 { min-width: 792px; max-width: 792px; }
  .read-panel-wrapper .reduce-width-800 { min-width: 800px; max-width: 800px; } }

.read-panel-wrapper .width-auto { flex: 1; }

.read-panel-wrapper .width-auto-2 { flex: 2; }

.read-panel-wrapper .width-auto-3 { flex: 3; }

.read-panel-wrapper .is_high { min-height: 54px; }

.read-panel-wrapper .is_middle { align-items: center; }

.read-panel-wrapper .is_center { justify-content: center; align-items: center; text-align: center; }

.read-panel-wrapper .is_column { flex-direction: column; }

.read-panel-wrapper .is_right { justify-content: flex-end; }

.read-panel-wrapper .is_text-center { justify-content: center; }

.read-panel-wrapper .is_font-caution { color: #cc0000; }

.read-panel-wrapper .is_font-s { font-size: 12px; }

.read-panel-wrapper .is_font-l { font-size: 16px; }

.read-panel-wrapper .is_font-s { font-size: 12px; }

.read-panel-wrapper .is_font-xl { font-size: 20px; }

.read-panel-wrapper .is_font-bold { font-weight: bold; }

.read-panel-wrapper .is_high { min-height: 54px !important; }

.read-panel-wrapper .is_low { min-height: 24px !important; }

.read-panel-wrapper .is_wrap { flex-wrap: wrap; }

.read-panel-wrapper .is_comments { padding: 4px; }

.read-panel-wrapper .is_small-padding { padding: 4px 8px; }

.read-panel-wrapper .is_narrow-padding { padding: 2px 8px; }

.read-panel-wrapper .is_no-padding { padding: 0px; }

.read-panel-wrapper .is_border-top { border-top: solid 1px #707070; }

.read-panel-wrapper .is_border-right { border-right: solid 1px #707070; }

.read-panel-wrapper .is_border-bottom { border-bottom: solid 1px #707070; }

.read-panel-wrapper .is_border-top-bold { border-top: solid 1px #707070; border-top-width: 2px; }

.read-panel-wrapper .is_border-left-bold { border-left: solid 1px #707070; border-left-width: 2px; }

.read-panel-wrapper .is_border-right-bold { border-right-width: 3px; }

.read-panel-wrapper .is_border-bottom-bold { border-bottom-width: 3px; }

.read-panel-wrapper .is_divide { padding: 0 !important; width: 4px; }

.read-panel-wrapper .is_selected { background: #FFFFC8; font-weight: bold; }

.read-panel-wrapper .is_max-height { height: 100%; }

.read-panel-wrapper .is_color-caution { color: #cc0000; }

.read-panel-wrapper .is_minus { color: #cc0000; }

.read-item.add-unit { display: flex; padding: 0; position: relative; }

.read-item.add-unit .icon { position: absolute; left: 8px; font-size: 20px; color: #646464; }

.read-item.add-unit p { display: flex; flex: 1; align-items: center; height: 100%; font-size: 18px; padding: 0 8px 0 36px; justify-content: flex-end; }

.read-item.add-unit p.is_focus { background: #FDFCE2; }

.read-item.add-unit p.is_readonly { pointer-events: none; background: #F5F5F5; }

.read-item .template-textarea { width: 100%; }

.read-item .template-textarea .input-masters { border: 0; }

.read-item .template-textarea .icon-input { border: 0; border-top: solid 1px #707070; }

/* テンキー */
.tenkey { padding: 16px; background: #FCFBF2; border-radius: 8px; overflow: hidden; /* 体温用 */ }

.tenkey .tenkey-row { display: flex; margin-bottom: 8px; height: 64px; }

.tenkey .tenkey-row:last-child { margin-bottom: 0; }

.tenkey .tenkey-row .button { border-radius: 8px; margin-right: 8px; color: #FFFFFF; font-size: 32px; }

.tenkey .tenkey-row .button:nth-child(4n) { margin-right: 0; }

.tenkey .tenkey-row .button.num-button { width: 128px; height: 64px; background: #e27189; border-bottom: 3px solid #174A63; }

.tenkey .tenkey-row .button.sub-button { width: 85px; height: 64px; font-size: 32px; background: #E8E8EA; border-bottom: 3px solid #cccccc; color: #A4ABAF; }

.tenkey .tenkey-row .button.zero-button { width: 264px; height: 64px; background: #e27189; border-bottom: 3px solid #174A63; }

.tenkey .tenkey-row .button.clear-button { color: #B40505; }

.tenkey .tenkey-row .button.minus-button { display: none; }

.tenkey .tenkey-row .button.minus-button.is_active { display: inline; color: #FFFFFF; background: #e27189; border-bottom: 3px solid #174A63; }

.tenkey .tenkey-row .button:active { border-bottom: 0; margin-top: 3px; outline: 0; }

.tenkey .tenkey-row .button:focus { outline: 0; }

.tenkey .shortcutkey-row { display: flex; justify-content: space-between; margin-bottom: 16px; height: 64px; }

.tenkey .shortcutkey-row .button { border-radius: 8px; color: #002D50; font-size: 32px; color: #FFFFFF; background: #e27189; border-bottom: 3px solid #174A63; }

.tenkey .shortcutkey-row .button.main-button { width: 90px; height: 64px; }

.tenkey .shortcutkey-row .button.sub-button { width: 60px; height: 64px; }

.tenkey .shortcutkey-row .button:active { border-bottom: 0; margin-top: 3px; }

.tenkey .shortcutkey-row .button:focus { outline: 0; }

.check-title { height: 40px; padding: 0 16px; display: flex; align-items: center; background: #E8E8EA; margin-bottom: 16px; }

.check-title .all-check { margin-left: auto; color: #e27189; }

.check-panel { border-top: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }

.check-panel .check-row { display: flex; }

.check-panel .check-row .check-item { flex: 1; height: 48px; padding: 0 8px; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; display: flex; align-items: center; background: #FFFFFF; }

.check-panel .check-row .check-item.blank { border: 0; background: none; }

.check-panel .check-row .check-item.is_large { height: auto; }

.check-panel .check-row .check-item.is_disable { background: #F5F5F5; }

.check-panel .check-row .check-item .icon-check { width: 100%; }

.check-panel .check-row .check-item .icon-check label { width: 100%; }

.check-panel .check-row .check-item .icon-check label .sub-text { margin-left: auto; font-size: 12px; }

.check-panel .check-row .check-item .check-content { flex: 1; max-width: 90%; flex-direction: column; }

.check-panel .check-row .check-item .check-content .title { font-weight: bold; margin: 4px 0px 2px 0px; }

.check-panel .check-row .check-item .check-content .content { padding-left: 20px; padding-bottom: 4px; font-size: 14px; }

.check-panel .check-row .check-item .icon-radio { width: 100%; }

.check-panel .check-row .check-item .icon-radio label { width: 100%; }

.check-panel + .input-unit { margin-top: 16px; }

.check-panel .remove { display: none; margin-left: auto; font-size: 14px; color: #646464; }

.check-panel.js_remove-check input[type="radio"]:checked + label .remove { display: inline-block; }

.check-panel.is_readonly .check-item { background: #f5f5f5; }

.check-panel.is_readonly .check-item .check-icon { color: #646464; }

.check-panel.is_readonly .check-item .icon-radio { /* labelのforを不要にする */ }

.check-panel.is_readonly .check-item .icon-radio .radio-icon { color: #E8E8EA; }

.check-panel.is_readonly .check-item .icon-radio input[type="radio"]:checked + label .radio-icon { color: #646464; }

.check-panel.is_readonly .check-item .icon-radio input[type="radio"]:checked + .radio-icon { color: #646464; }

.check-panel.is_readonly .check-item .icon-radio input[type="radio"]:checked + .radio-icon { color: #646464; }

.check-panel.is_readonly .check-item .icon-radio input[type="radio"]:checked + .radio-icon { color: #646464; }

.check-panel.is_readonly .check-item label { pointer-events: none; }

.modal-patient-sign { top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; }

.modal-patient-sign .modal-content { padding: 0; text-align: center; }

.modal-patient-sign .patient-sign { background: #FFFFFF; margin: 0 auto; /* width: 100%; height: 768px; */ }

.modal-patient-sign .patient-sign img { width: 100%; height: auto; }

.modal-patient-sign .patient-sign-edit { padding: 8px 16px; display: flex; justify-content: space-between; }

.modal-patient-sign .patient-sign-edit .button { width: 100px; }

/* 画像添付 */
.post-img-panel { margin-bottom: 24px; }

.post-img-panel .post-img-row { display: flex; justify-content: space-between; width: 100%; padding-top: 6px; }

.post-img-panel .post-img-item { display: flex; flex-direction: column; width: calc((100% / 3) - 4px); height: 278px; }

.post-img-panel .post-img-item .post-img { display: flex; flex: 1; align-items: center; justify-content: center; width: 100%; height: 230px; border: solid 1px #707070; }

.post-img-panel .post-img-item .post-img.blank { border: 0; }

.post-img-panel .post-img-item .post-img div, .post-img-panel .post-img-item .post-img a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.post-img-panel .post-img-item .post-img img { max-width: 100%; max-height: 100%; height: auto; }

.post-img-panel .post-img-item .post-img-title { width: 100%; border: solid 1px #707070; border-top: 0; padding: 8px; overflow: hidden; white-space: nowrap; text-align: center; height: 38px; }

.modal-login-help { width: 80%; left: 10%; }

.modal-login-help h3 { padding: 8px; color: #cc0000; border-bottom: solid 1px #707070; }

.modal-login-help ul { padding: 8px; margin-bottom: 16px; }

.modal-login-help ul li { padding: 8px; font-size: 16px; border-bottom: solid 1px #707070; }

.modal-login-help .close-button { display: flex; margin: 0 auto; align-items: center; font-size: 15px; }

.modal-login-help .close-button .icon { padding-right: 4px; font-size: 15px; }

.error-panel { border: 1px solid #FF7979; background: #FFF4E0; padding: 16px; }

.error-panel .error-title { color: #B40505; font-size: 16px; font-weight: bold; }

.error-panel .error-title .icon { font-size: 20px; }

.error-panel .error-item { font-style: 16px; padding: 8px; }

.error-panel .error-item + .error-item { border-top: solid 1px #707070; }

.error-panel.is_monthly-plan { display: flex; flex-direction: column; max-height: 128px; overflow-y: hidden; padding-top: 0; padding-right: 0; }

.error-panel.is_monthly-plan .error-panel-close { position: sticky; position: -webkit-sticky; height: 16px; top: 0; flex-shrink: 0; }

.error-panel.is_monthly-plan .close { position: absolute; top: 0px; right: 0px; color: #646464; font-size: 18px; padding: 4px; background: #ffffff; }

.error-panel.is_monthly-plan .error-panel-main { flex: 1; overflow-y: auto; padding-right: 16px; }

.content .error-panel { margin-bottom: 16px; }

.container > .error-area .error-panel { margin: 16px 24px; }

/* 検索結果アイテム */
/* マスタ検索系のボタン */
.search-condition .decide-button { width: 100%; margin: 16px 0; display: flex; justify-content: center; align-items: center; font-size: 24px; }

.search-condition .decide-button .icon { margin-right: 8px; }

/* 検索結果 */
.search-result { overflow-y: auto; flex: 1; }

.search-result-panel { flex: 1; overflow-y: auto; }

.search-result-item { display: flex; align-items: center; border: 1px solid #b4b4b4; min-height: 48px; max-height: 80px; max-width: 100%; overflow: hidden; background: #FFFFFF; }

.search-result-item.ex_height { height: 64px; }

.search-result-item.noborder { border-top: 0; border-left: 0; padding: 4px; }

.search-result-item.is_readonly { background: #f5f5f5; }

.search-result-item.is_readonly .clear-button { display: none; }

.search-result-item.is_readonly .search-button { display: none; }

.search-result-item .search-result-icon { padding: 0 8px 0 16px; font-size: 20px; color: #0079FE; display: flex; align-items: center; }

.search-result-item .search-result-icon.is_disabled { color: #E8E8EA; }

.search-result-item .search-result-name { max-height: 100%; max-width: 100%; flex: 1; padding-right: 10px; overflow: hidden; }

.search-result-item .search-result-name > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.search-result-item .search-result-name.is_noicon { padding-left: 8px; }

.search-result-item .search-result-name .code { font-size: 12px; }

.search-result-item .search-result-name .furigana { font-size: 12px; }

.search-result-item .search-result-name .name { font-size: 16px; color: #e27189; font-weight: bold; }

.search-result-item .search-result-name .name.def_title { color: #000; font-weight: normal; }

.search-result-item .search-result-name .servicecode-num { max-width: 100%; display: flex; align-items: center; }

.search-result-item .search-result-name .servicecode-num .name { width: 216px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.search-result-item .search-result-name .servicecode-num .num { width: 54px; text-align: right; font-size: 16px; color: #e27189; font-weight: bold; }

.search-result-item .search-result-name .master-title { font-size: 12px; font-weight: bold; color: #e27189; }

.search-result-item .search-result-name .master-sentence { font-size: 16px; line-height: 1.3em; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; word-break: break-all; }

.search-result-item .search-result-subdata { display: flex; flex-direction: column; align-items: flex-end; font-size: 12px; text-align: right; padding-right: 8px; height: 32px; max-width: 200px; }

.search-result-item .search-result-subdata .is_lineup { display: flex; }

.search-result-item .search-result-subdata .is_lineup p { padding-left: 16px; }

.search-result-item .search-result-subdata .name { font-size: 16px; }

.search-result-item .search-result-subdata p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 128px; }

.search-result-item .search-result-subdata p.benefit { max-width: 160px; }

.search-result-item .search-result-subdata p.is_minus { color: #cc0000; }

.search-result-item .search-result-subdata .plan-date { max-width: 140px; }

.search-result-item .search-result-subdata.is_costheight { height: 42px; }

.search-result-item .search-button { width: 48px; height: 46px; display: flex; align-items: center; justify-content: center; color: #0079FE; background: #FFFFFF; font-size: 24px; border-left: 1px solid #b4b4b4; padding: 0px 1px 0px 1px; background-clip: content-box; }

.search-result-item .clear-button { width: 48px; height: 46px; display: flex; align-items: center; justify-content: center; color: #47545A; background: #FFFFFF; font-size: 20px; border-left: 1px solid #b4b4b4; }

.search-result-item + .search-result-item { border-top: 0; }

.search-result-item + .check-panel { border-top: 0; }

.search-result-item .icon-input { border: 0; height: 46px; }

/* 検索結果 チェック式 */
.search-result-check input[type="radio"], .search-result-check input[type="checkbox"] { display: none; }

.search-result-check .search-result-icon { color: #E8E8EA; }

.search-result-check .search-result-icon .check, .search-result-check .search-result-icon .not-check { color: #0079FE; font-size: 22px; }

.search-result-check .search-result-icon .check { display: none; }

.search-result-check input[type="radio"]:checked + .search-result-item .search-result-icon { color: #0079FE; }

.search-result-check input[type="checkbox"]:checked + .search-result-item .search-result-icon .check { display: block; }

.search-result-check input[type="checkbox"]:checked + .search-result-item .search-result-icon .not-check { display: none; }

.search-result-check ~ .search-result-check .search-result-item { border-top: 0; }

/* 旧 .search-result-item { display: flex; align-items: center; border: $base-border; height: 48px; .search-result-icon { padding: 0 8px 0 16px; font-size: 24px; display: flex; align-items: center; } .search-result-name { .furigana { font-size: 12px; } .name { font-size: 16px; color: $color-primary; font-weight: bold; } } .search-result-subdata { margin-left: auto; font-size: 12px; text-align: right; padding-right: 8px; height: 32px; } } */
.upload-progress { position: fixed; top: calc(50vh - 80px); left: calc(50% - 160px); width: 320px; height: 160px; background: #F5F5F5; z-index: 100; box-shadow: 0px 0px 1px 1px #ccc; padding: 8px; }

.upload-progress .progress-text { font-weight: bold; text-align: center; font-size: 16px; padding-top: 16px; color: #164962; justify-content: center; }

.upload-progress .progress-text .wise-icon { font-size: 20px; margin-right: 4px; color: #164962; }

.upload-progress .progress-icon { text-align: center; padding-top: 20px; font-size: 24px; color: #e27189; }

.upload-progress .progress-icon .wise-icon { animation: spin 1.5s linear infinite; }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.upload-progress .progress-count { text-align: center; font-size: 14px; padding-top: 16px; color: #164962; }

.copy-check .copy-check-buttons { display: flex; justify-content: space-between; padding: 0 0 24px 0; }

.copy-check .copy-check-button input[type="checkbox"] { display: none; }

.copy-check .copy-check-button label { display: flex; align-items: center; justify-content: center; width: 80px; height: 48px; font-size: 16px; background: #F5F5F5; border: solid 1px #707070; border-radius: 4px; color: #e27189; }

.copy-check .copy-check-button input[type="checkbox"]:checked + label { background: #e27189; border-color: #e27189; color: #FFFFFF; }

.copy-check .copy-check-button.is_blank { pointer-events: none; visibility: hidden; width: 80px; }

/* swal2 3ボタンver ベースは2課佐々木さん作成 */
.custom-swal-button { border: 0; border-radius: 50px; background: initial; background-color: #0079FE; color: #FFFFFF; font-size: 15px; margin: 4px; padding: 8px 24px; }

.custom-swal-cancel-button { border: 0; border-radius: 50px; background: initial; background-color: #969696; color: #FFFFFF; font-size: 15px; margin: 4px; padding: 8px 24px; }