body,
body button,
body select,
body textarea,
body input{
    font-family: Arial, "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック", sans-serif;
}

body {
    line-height: 1.8;
    color: #222;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 1024px) {
    html,
    body {
        width: 100%;
    }
}

h1 {
    line-height: 1.25;
}

h2 {
    line-height: 1.25;
}

h3 {
    line-height: 1.25;
}

h4 {
    line-height: 1.25;
}

h5 {
    line-height: 1.25;
}

h6 {
    line-height: 1.25;
}

a {
    color: #00a99d;
}

a:visited {
    color:#00a99d;
}

a:hover {
    color:#6fb3da;
    text-decoration: none;
}

a:active {
    color:#00a99d;
}

em {
    font-size: 1.25em;
    font-weight: bold;
}

label {
    display: inline-block;
    padding: 4px 6px 4px 0;
}

table {
    width: 100%;
    background: #FFF;
}

th,
td {
    padding: 10px 7px;
    border: 1px solid  #CBCBCB;
    line-height: 1.2;
}
.eboxTable .subcategory td .tableDiv {
    max-width: 500px;
}

th {
    background: #f6f7f9;
    text-align: center;
    font-weight: normal;
}

optgroup {
    color: #000;
}

.w30{
    width: 30%;
}

.sup {
    font-size: 0.85em;
    color: #888;
}

.odd { /* テーブルのシマシマ 白 */
    background: #fff;
}

.even { /* テーブルのシマシマ グレー */
    background: #f5f5f5;
}

.mt10{
    margin-top: 10px;
}

.tableFixed{
    table-layout: fixed;
}

/* Web Fonts */
@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/careviewer/fontawesome-webfont.eot?v=4.3.0');
    src: url('/fonts/careviewer/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/careviewer/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/fonts/careviewer/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/fonts/careviewer/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/fonts/careviewer/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* Layout
---------------------------------------------------------- */
.container {
    /*padding: 0 10px;*/
    border-top: 2px solid #00A89C;
}

.container:after {
    content: '';
    clear: both;
    display: block;
}

.contents {
    padding: 0 10px 50px 20px;
    clear: both;
    /*background: #EDEDED;*/
}

.box {
    margin-bottom: 10px;
}

.box:last-child {
    margin-bottom: 0;
}

.main {
    float: left;
    width: calc(100% - 240px);
}

.colBox {
    margin: 20px 0 40px;
}

.colBox a {
    display: block;
    position: relative;
    padding: 10px 20px;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
/*
.colBox .iconStudent:before,
.colBox .iconLeaveFile:before,
.colBox .iconReception:before {
    position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    font-size: 42px;
}

.colBox .iconStudent:before { color: #a9ca25; }
.colBox .iconLeaveFile:before { color: #ea7735; }
.colBox .iconReception:before { color: #61a7e8; }
*/
.row {
    margin: 0 -10px;
}

.row:after {
    content: '';
    clear: both;
    display: block;
}

.col {
    float: left;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.col3 {
    float: left;
    width: 33.333%;
}

.col4 {
    float: left;
    width: 25%;
}

.col5 {
    width: 20%;
}

.col8 {
    float: left;
    width: 66.666%;
}


.fixationTable.fixationTable{
    -ms-overflow-x: scroll;
        overflow-x: scroll;
}

.fixationTable.fixationTable table{
    width: 2000px;
}

.textLeft { text-align: left !important; }
.textRight { text-align: right !important; }
.textCenter { text-align: center !important; }




/* Title */
.contents h1 {
    margin: 0 -10px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background: #DA6177;
}

.labelTitle01 {
    font-weight: bold;
    color: #00A99D;
}
/*
.labelTitle01:before {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin-right: 3px;
    border-radius: 100%;
    background: #da6177;
    content: '';
}
*/
.pageSubtitle01 {
    margin: 20px 0 10px;
    padding: 10px;
    border-left: 5px solid #00aa48;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
}

.pageSubtitle01:first-child {
    margin-top: 0;
    margin-bottom: 5px;
}

.pageSubtitle02 {
    margin: 20px 0 10px;
    padding: 10px;
    background: #00aa48;
    color: #fff;
    font-size: 18px;
}

.pageSubtitle03 {
    margin: 20px 0 10px;
    padding: 10px 0 0;
    font-size: 18px;
}

.pageSubtitle03 dt {
    display: inline-block;
    float: left;
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 4px;
    background: #259c59;
    color: #fff;
    font-size: 14px;
}

.pageSubtitle03 dd {
    padding-top: 3px;
    font-weight: bold;
}

.dateTitle{
    background-color: #00A89C;
    margin-bottom: 15px;
    padding:10px;
    color: #fff;
    line-height: 1;
}

.dateTitle input{
    background-color: #fff;
    margin: 0 10px 0 0;
    margin-right: 10px;
}

.dateTitle .floatRight{
    margin-top: 6px;
}
.dateTitle a{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}



/* Topic Path */
.topicPath01 {
    margin: 0 0 20px;
    padding: 5px 10px;
    font-size: 12px;
    background: #F5F5F5;
    width: auto;
}

.topicPath01:after {
	content: "";
	clear: both;
	display: block;
}

.topicPath01 li {
    float: left;
}

.topicPath01 li:before {
    margin: 0 5px;
    content: '\f105';
    font-family: 'FontAwesome';
    color: #00A89C;
}

.topicPath01 li:first-child:before {
    margin-left: 0;
    content: '\f015';
}

/* Input Data Table */
.inputDataTableWrap {
    margin-bottom: 90px;
}

.inputDataTableHeader {
    background: #cfcfcf;
}

.inputDataTableHeader h2 {
    font-size: 18px;
    font-weight: normal;
}

.inputDataTableHeader h2 {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding: 10px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#inputDataTableWrap01 h2 {
    background: #a2c708;
    color: #fff;
}

#inputDataTableWrap01 th {
    background: #f4ffdf;
}

#inputDataTableWrap02 h2 {
    background: #259c59;
    color: #fff;
}

#inputDataTableWrap02 th {
    background: #e2fbed;
}

#inputDataTableWrap03 h2 {
    background: #F66F08;
    color: #fff;
}

#inputDataTableWrap03 th {
    background: #FFF8E4;
}

#inputDataTableWrap04 h2 {
    background: #e12121;
    color: #fff;
}

#inputDataTableWrap04 th {
    background: #FFF1F1;
}


#inputDataTableWrap01 table table th,
#inputDataTableWrap02 table table th,
#inputDataTableWrap03 table table th,
#inputDataTableWrap04 table table th {
    background: #eee;
}

.inputDataTableHeader a:before {
    margin-right: 10px;
    color: #348ee2;
    margin-right: 6px;
    content: '\f139';
    font-family: 'FontAwesome';
}

.inputDataTableHeader a.iconDown:before {
    color: #348ee2;
    content: '\f13a';
    font-family: 'FontAwesome';
}




.inputDataTable > table > tbody > tr > th,
.inputDataTable > tbody > tr > th {
    width: 10%;
    min-width: 180px;
}

.inputDataTable tbody td {
    width: 90%;
}

.inputDataTable table tbody thead th {
    width: auto;
    min-width: auto;
}

.inputDataTable table tbody thead td,
.inputDataTable table tbody tbody td {
    width: auto;
}

.inputDataTable table tbody thead th,
.inputDataTable table tbody thead td,
.inputDataTable table tbody tbody th,
.inputDataTable table tbody tbody td {
    text-align: center;
}

.inputDataTable table tbody tbody th {
    width: auto;
    min-width: auto;
}

.inputDataTable table tbody tbody td {
    width: auto;
    min-width: auto;
}

@media screen and (max-width: 1180px) {
    .inputDataTable > table > tbody > tr > th,
    .inputDataTable > table > tbody > tr > td {
        display: block;
        width: 100%;
        border-top: none;
    }

    .inputDataTable > table > tbody > tr > th > br {
        display: none;
    }

    .inputDataTable > table > tbody > tr:first-child > th {
        border-top: 1px solid #ccc;
    }
}

/* 横並びのテーブル */
.hTable {
    /*max-width: 1024px;*/
}

.hTable thead th,
.hTable tbody td {
    width: auto;
    text-align: center;
}

.wTable tbody th{
  background-color: #fff;
}

/* ebox */
.inputDataTableWrap .ebox {
    margin-bottom: 0;
}

.ebox {
    margin: 20px 0 40px;
}

.eboxTitle {
    /*margin-top: 20px;*/
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 18px;
}

.eboxTitle:before {
    display: inline-block;
    width: 3px;
    height: 30px;
    margin-right: 3px;
    background: #00A89C;
    content: '';
    vertical-align: middle;
}
/*
.eboxTitle.row:first-child {
    margin-top: -11px;
    border-top: none;
}
*/
.eboxTable {
    margin-bottom: 20px;
}

.eboxTable h4 {
	margin-top: 30px;
	margin-bottom: 5px;
	color: #DA6177;
}
.eboxTable h5 {
    margin-top: 30px;
    margin-bottom: 5px;
}
.eboxTable .table-header {
    font-weight: bold;
}
.eboxTable .table-mt20 {
    margin-top: 20px;
}

.eboxTable .bglightGreen {
    background-color: #DCF4F2;
}

.eboxTable .autoCreateBox {
    display: inline-block;
    width: 430px;
}

.eboxTable .autoCreateBoxWithoutWidth {
    display: inline-block;
}

.ebox .cautionText {
    font-size: 14px;
    color: #FF0000;
}

/* list Table */
.listTable01 {
    margin: 20px 0;
}


.listTable01 h3 {
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 18px;
}

.listTable01 h3:before {
    display: inline-block;
    width: 3px;
    height: 30px;
    margin-right: 3px;
    background: #00A89C;
    content: '';
    vertical-align: middle;
}

.listTable01 th,
.listTable01 td {
    padding: 10px 7px;
    line-height: 1.3;
    text-align: center;
}

.listTable01 a {
    display: inline-block;
}

.listTable01 th a {
    color: #fff;
}

.listTable01 .btn {
    margin: 0;
    line-height: 1.3;
}
/*
.listTable01 a.btn {
    margin: 5px 0 10px;
    color: #000;
}
*/
.listTable01 .btn.iconDelete02 {
    line-height: 1.5;
}

.listTable01 .odd {
    background: #fff;
}

.listTable01 .even {
    background: #f5f5f5;
}

.listTableBtnFix .btn {
    min-width: 135px;
}

.listTable02 th,
.listTable02 td {
    padding: 10px 10px 14px;
}

.confirmBtn{
    margin-top: 20px;
    text-align: center;
}

.confirmBtn .btn{
    border-radius: 5px;
    background-color: #00A89C;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 12px;
    line-height: 1;
    display: inline-block;
    width: 200px;
    position: relative;
    border:none;
    box-shadow: 0px 2px 0px #999;
}

.confirmBtn .btn:before{
    content: "\f12a";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
}

.confirmBtn .btn:active{
    top: 2px;
    box-shadow: 0px 1px 0px #999;
    outline:0
}

/* pagenation */
.pagination {
    margin: 10px 0;
}

.pagination ul {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    background-color: #FFF;
    border: 1px solid #ddd;
    /*color: inherit;*/
    color: #000;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    font-size: 12px;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination ul > li > a:hover {
    background: #DDD;
}

.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > .active > a:hover,
.pagination ul > .active > span:hover,
.pagination ul > .active > a:focus,
.pagination ul > .active > span:focus {
  background-color: #DDD;
  color: #000;
  cursor: default;
  z-index: 2;
}

.pagination ul {
    float: right;
}

/* paginationMonitoring */
.paginationMonitoring {
    margin: 10px 0;
    padding-right:10px;
}

.paginationMonitoring ul {
    display: inline-block;
    padding-left: 0;
}

.paginationMonitoring ul > li {
    display: inline;
}

.paginationMonitoring ul > li > a,
.paginationMonitoring ul > li > i {
    background-color: #FFF;
    border: 1px solid #00A99D;
    /*color: inherit;*/
    color: #000;
    float: left;
    line-height: 1.42857;
    margin-left: 10px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    font-size: 100%;
    transition: .3s;
}

.paginationMonitoring ul > li > span {
    background-color: #FFF;
    /*color: inherit;*/
    color: #000;
    float: left;
    line-height: 1.42857;
    margin-left: 10px;
    padding: 4px 8px;
    position: relative;
    text-decoration: none;
    font-size: 100%;
}

.paginationMonitoring ul > li:first-child > a,
.paginationMonitoring ul > li:first-child > i {
    margin-left: 0;
}

.paginationMonitoring ul > li > a:hover {
    background: #00A99D;
    color: #fff;
}

.paginationMonitoring ul > .active > a,
.paginationMonitoring ul > .active > span,
.paginationMonitoring ul > .active > a:hover,
.paginationMonitoring ul > .active > span:hover,
.paginationMonitoring ul > .active > a:focus,
.paginationMonitoring ul > .active > span:focus {
    background-color: #00A99D;
    color: #fff;
    cursor: default;
    z-index: 2;
}

.paginationMonitoring ul {
    float: right;
}

/* login */

.login {
    padding: 40px 0;
}

.login > p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.loginBox {
    width: 600px;
    height: 606px;
    margin: 0 auto;
    padding: 20px;
    background: #00a99d;
    border-radius: 8px 8px 8px 8px;
}

.loginBox p {
    color: #FFF;
    line-height: 1.5;
    font-size: 20px;
    margin-bottom: 10px;
}

.loginBox p.sup {
    text-align: right;
    font-weight: normal;
}

.loginForm {
    width: 100%;
    margin-bottom: 35px;
}

.loginForm input[type="text"],
.loginForm input[type="password"],
.loginForm label[class="checkbox"] {
    width: 100%;
    height: 50px;
    font-size: 18px;
}

.loginForm label[class="checkbox"] {
    font-size: 18px;
    line-height: 2;
}

.loginFormBtn {
    text-align: center;
}

.forgotPasswordLink {
    width: 100%;
    margin-top: -15px;
    margin-bottom: 15px;
    text-align: center;
}

.forgotPasswordLink a {
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

.forgotPasswordLink a:hover {
    opacity: 0.6;
}

input.loginBtn {
    width: 270px;
    height: 50px;
    margin-top: 0;
    padding: 8px 20px;
    background: #FFF;
    /*border: 1px solid #da6177;*/
    border: 0;
    box-shadow: 0 3px rgba(0,0,0,.3);
    color: #222;
    font-size: 16px;
}

input.loginBtn:active {
    top: 2px;
    box-shadow: 0 1px rgba(0,0,0,.3);
}

input.loginBtn:visited,
input.loginBtn:hover {
    color: #222;
}

.loginAttention {
    margin-left: 23px;
}

/* operation */
.operation {
    margin: 20px 0;
    border: 1px solid #CBCBCB;
    background: #FFF;
}

.operation01 {
    margin: 30px 0;
}

.operation h2 {
	padding: 10px;
    font-size: 16px;
    background: #00A99D;
    color: #FFF;
    border-bottom: 1px solid #CCC;
}

.operation h3 a {
    display: block;
    position: relative;
    padding: 10px;
    background: #00aa48;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.operationTitle01 {
    display: block;
    position: relative;
    padding: 10px;
    background: #00aa48;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.operationTitle01.iconSearch:before {
    color: #fff;
}

.operationBox {
    padding: 20px;
}

.operationGroup {
    float: left;
    margin-right: 10px;
}

.operationGroup p {
    line-height: 1;
}

.operationGroup button {
    margin-top: 15px;
}

.operationGroup .noframeBtn {
    top: 10px;
}

/* operation table */
.operationTable {
    border: none;
}

.operationTable th,
.operationTable td {
    border: none;
    padding: 4px 0;
}

.operationTableData {
    width: 300px;
}

.operationTableTitle {
    min-width: 90px;
    padding-right: 10px;
}

.searchSchoolLabel label {
    width: 220px;
}

.printBtnArea {
    max-width: 210mm;
    margin: 20px auto 30px;
}

.printBtnArea p {
    margin: 5px 0;
}

.printPreviewBar {
    margin: 0 10px 20px;
    padding: 10px;
    background: #00aa48;
    color: #fff;
    font-size: 16px;
}

.scrollX {
    overflow: auto;
}

@media screen and (max-width: 1024px) {
    .scrollX {
        overflow: auto;
    }
    .scrollX table {
        min-width: 1024px;
    }
}


/* selectOperation */
.selectOperation {
    margin: 30px 0;
    padding: 0 10px 20px;
    border: 1px solid #00aa48;
    background: #fff;
}

.selectOperation h2 {
    margin: 0 -10px 10px;
    padding: 10px;
    background: #00aa48;
    color: #fff;
    font-size: 16px;
}

/*エラー*/
.error-title {
    color: #e40101;
    font-size: 1.175em;
    font-weight: bold;
}
.error-box {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #e40101;
    background: #ffdede;
    color: #e40101;
    font-size: 0.875em;
    clear: both;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-exclamation-triangle:before {
    content: "\f071";
}

.highlight-red {
    background-color: #FFDEDE;
}

/* 承認欄 */
.processContainer .printBtnArea {
    margin-bottom: 0;
}

.printBtnArea + .printContainer .printBtnArea {
    margin: 10px auto 30px;
}

.processTable01 table {
    max-width: 400px;
}

.processTable01 th {
    background: #f1f1f1;
}

.processTable01 th,
.processTable01 td {
    padding: 5px 10px;
    border: 1px solid #ddd;
    text-align: center;
}

.processTable01 a.btn {
    margin: 0 0 5px;
}

.processTable01 th:nth-child(1) {
    background: #e6f5f1;
    color: #00996d;
}

.processTable01 th:nth-child(2) {
    background: #e6f1f8;
    color: #078fb9;
}

.processTable01 th:nth-child(3) {
    background: #e6f7f8;
    color: #07afb9;
}

.processTable01 td { font-weight: bold; }

.printBtnArea  .processTable01 td .btnSm {
    color: #fff;
}

.processTable01 td:nth-child(1) .btnSm {
    border-color: #00996d;
    background: #00996d;
    box-shadow: inset 0px 0px 0px #007855, 0px 3px 0px 0px #007855, 0px 2px 2px #007855;
}

.processTable01 td:nth-child(2) .btnSm {
    border-color: #078fb9;
    background: #078fb9;
    box-shadow: inset 0px 0px 0px #0e6986, 0px 3px 0px 0px #0e6986, 0px 2px 2px #0e6986;
}
.processTable01 td:nth-child(2) a { color: #078fb9; }

.processTable01 td:nth-child(3) .btnSm {
    border-color: #07afb9;
    background: #07afb9;
    box-shadow: inset 0px 0px 0px #0f7b82, 0px 3px 0px 0px #0f7b82, 0px 2px 2px #0f7b82;
}
.processTable01 td:nth-child(3) a { color: #07afb9; }

.processTable01 td:nth-child(1) .btnSm:active,
.processTable01 td:nth-child(2) .btnSm:active,
.processTable01 td:nth-child(3) .btnSm:active { box-shadow: none; }


/* ラベル付きのリスト */
.labelTable {
    max-width: 1024px;
}

.labelTable {
    margin-bottom: 5px;
}

.labelTable dl,
.labelTable dt,
.labelTable dd {
    display: inline-block;
    font-weight: normal;
}

.labelTable .checkbox {
    margin-bottom: 3px;
    padding: 8px 8px 8px 34px;
}

.labelTable table {
    margin-bottom: 20px;
}

.labelTable table:last-child {
    margin-bottom: 0;
}

.labelTable tr:last-child th,
.labelTable tr:last-child td {
    padding-bottom: 0;
}

.labelTable th,
.labelTable td {
    line-height: 1.3;
    padding: 0 2px 15px 0;
    border: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
}

.labelTable td {
    padding: 0 4px 15px 0;
}

.inputDataTable .labelTable tbody td {
    width: auto;
}

.labelTable input[type="text"] {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .labelTable th {
        display: block;
        padding: 12px 0 4px 0;
    }
    .labelTable th:fitst-child {
        padding-top: 0;
    }
    .labelTable td {
        display: inline-block;
        padding: 0 4px 4px 0;
    }
}


















/* ======================================== modal ======================================== */

.mfp-container {
    /* 2017.03.07 モーダルが画面以上の大きさだったとき、スクロールが出ない問題出るように修正 */
    /*overflow: hidden;*/
}

.mfp-iframe html, .mfp-iframe body {
    padding: 0 !important;
}

.mfp-fade.mfp-bg {
    background: rgba(255,255,255,.9);
}

.mfp-iframe-holder .mfp-content {
    max-width: none !important;
    min-width: 500px;
}

.mfp-iframe-scaler {
    padding-top: 0 !important;
    /*min-height: 345px;*/
}

.mfp-iframe-scaler iframe {
    /*overflow: hidden;*/
}

.modalSmallWrap {
	position: relative;
	margin: 0 auto;
	width: 640px;
	box-sizing: border-box;
}

.modalSmallWrap p {
	margin-bottom: 10px;
}

.modalSmallWrap .formGroup {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.modalSmallWrap .modalBox {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

@media screen and (max-width: 1024px) {
	.modalSmallWrap {
		width: auto;
	}
}

.modal {
	z-index: 100000;
	width: 100%;
	height: 100%;
	background: #000;
}

@media screen and (max-width: 1024px) {
	.modalSmallWrap {
		width: auto;
	}
}

.modal {
    z-index: 100000;
    width: 100%;
    height: 100%;
}

.modalLg .mfp-iframe-holder .mfp-content {
    width: 100%;
    height: 100% !important;
}

.modalHeader {
    z-index: 1000;
    padding: 10px;
    background: #DA6177;
    color: #fff;
    font-weight: bold;
}

.modalFixHeader {
    position: fixed;
    width: 100%;
}

.modalFixHeader + .modalContent {
    padding: 40px 20px 40px;
}

.modalCloseBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 10px;
    background: #fff;
    color: #ef8237;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.modalCloseBtn:before {
    font: normal normal normal 14px/1 'FontAwesome';
    content: '\f00d';
}

.mfp-close {
    z-index: 1000;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 65px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    opacity: 1 !important;
    text-align: center !important;
}

.mfp-close:before {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    content: "\f057";
    font: normal normal normal 14px/1 FontAwesome;
    color: #DA6177;
}


.modalContent {
    padding: 20px;
    background: #fff;
    border-top: none;
}

.modalContent:after {
    display: block;
    clear: both;
    content: '';
}

.modalContent.ebox-content {
    margin-bottom: 0;
}

.modalContent form {
    text-align: center;
}

.modalRow {
    display: table-row;
}

label.modalCol {
    font-weight: bold;
}

.modalCol {
    display: table-cell;
    padding: 5px;
    text-align: left;
}

.modalGroup {
    margin-bottom: 10px;
}

.modalGroup:after {
    display: block;
    clear: both;
    content: '';
}

.modalTable {
    margin-bottom: 10px;
}

.modalTable th, .modalTable td  {
    padding: 5px;
}

.modalTable .err {
    display: block;
}


@media screen and (max-width: 480px) {
	.mfp-iframe-holder .mfp-content {
	    max-width: 100% !important;
	    width: 100% !important;
	    min-width: auto !important;
	}
	.modalRow .modalCol {
	    display: block;
	    line-height: 1.3;
	    margin-bottom: 10px;
	    padding: 0;
	}

	.modalRow .modalCol:first-child {
	    margin-bottom: 0;
	}

	.modalTable th, .modalTable td {
	    display: block;
	    padding: 0;
	}
}






.assessmentNum {
    width: auto;
}

.assessmentNum:after {
    content: "";
    display: block;
    clear: both;
}

.assessmentNum dt {
    width: 8em;
    line-height: 28px;
    clear: left;
    float: left;
}

.assessmentMedical tbody td {
    vertical-align: top;
}

.assessmentMedical tbody td h3 {
    margin-bottom: 5px;
}

.assessmentTel {
    width: auto;
}

.assessmentTel:after {
    content: "";
    display: block;
    clear: both;
}

.assessmentTel dt {
    width: 5em;
    line-height: 28px;
    clear: left;
    float: left;
}




#calendar table {
    table-layout: fixed;
}
#calendar div ,
#calendar td ,
#calendar th {
    box-sizing: content-box;
}

#calendar table.wc-header {
    display:block;
}
#calendar table.wc-header tbody{
    display:block;
}
#calendar table.wc-header tbody tr{
    display: flex;
}
#calendar table.wc-header tbody tr td.wc-time-column-header:nth-child(1) {
    display:block;
    min-width: 2%;
    box-sizing: border-box;
}
#calendar table.wc-header tbody tr td.wc-time-column-header:nth-child(2) {
    display:block;
    min-width: 6%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #CBCBCB;
}
#calendar table.wc-header tbody tr td.wc-day-column-header {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: calc(92% / 8);
    border: none;
    border-right: 1px solid #CBCBCB;
}

#calendar table td.wc-grid-timeslot-header:nth-child(1) {
    width: 2%;
}
#calendar table td.wc-grid-timeslot-header:nth-child(2) {
    width: 6%;
}
#calendar table .wc-hour-header.wc-business-hours {
    max-width: 20px;
}



#routine table {
    table-layout: fixed;
}
#routine div ,
#routine td ,
#routine th {
    box-sizing: content-box;
}

#routine td ,
#routine th {
    border-top: 0;
    border-bottom: 0;
}

#routine table.wc-header {
    display:block;
}
#routine table.wc-header tbody{
    display:block;
}
#routine table.wc-header tbody tr{
    display: flex;
}
#routine table.wc-header tbody tr td.wc-time-column-header:nth-child(1) {
    display:block;
    min-width: 2%;
    box-sizing: border-box;
}
#routine table.wc-header tbody tr td.wc-time-column-header:nth-child(2) {
    display:block;
    min-width: 6%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #CBCBCB;
}
#routine table.wc-header tbody tr td.wc-day-column-header {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: calc(92% / 8);
    border: none;
    border-right: 1px solid #CBCBCB;
}

#routine table td.wc-grid-timeslot-header:nth-child(1) {
    width: 2%;
}
#routine table td.wc-grid-timeslot-header:nth-child(2) {
    width: 6%;
}
#routine table .wc-hour-header.wc-business-hours {
    max-width: 20px;
}



.carePlan {
    padding: 15px;
    border: 1px solid #CCC;
    background: #FFF;
}

.carePlanHeader {
    margin-bottom: 15px;
    width: auto;
}

.carePlanHeader:after {
    content: "";
    clear: both;
    display: block;
}

.carePlanHeader p {
    text-align: right;
}

.carePlanHeader h2 {
    float: left;
    font-size: 18px;
}

.carePlanHeader ul {
    float: right;
}

.carePlanHeader li {
    line-height: 1.5;
}

.carePlanRadio label {
    font-size: 12px;
    white-space: nowrap;
    width: 100%;
}

.carePlanBox01:not(:nth-of-type(1)){
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ccc
;
}


.carePlanBox01 .copyCont.copyCont{
    margin-bottom: 10px;
}

.carePlanBox01 .copyCont dt{
    font-weight: bold;
    white-space: nowrap;
}

.carePlanBox01 .copyCont.parent dt {
    font-size: 18px;
    color: #00A89C;
}


.carePlanBox01 .copyCont.parent dt:before{
    content:"";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #00A89C;
    margin-right: 5px;
}


.carePlanBox01 .copyCont dd{
    line-height: 1.5;
    font-size: 16px;
    background-color: #f6f7f9;
    padding: 5px 10px;
}


.carePlanBox01 .copyCont dl.lof{
    overflow: hidden;
    padding-right: 30px;
}


.carePlanBox01 .periodWide dd{
    width: auto;
}


.carePlanBox01 .copyCont dd input{
    margin: 0;
    background-color: #fff;
}


.carePlanBox01 .copyCont dd input.w100{
    width: calc(100% - 200px);
}



/* ========================================  carePlanContent ======================================== */
/*
.ebox.carePlan h3 {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    background: none;
    font-size: 21pt;
    font-weight: bold;
}
*/

.carePlan {
    position: relative;
}

.tabArea .tabBox.carePlan {
    padding-top: 20px;
}

.carePlan h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.carePlanHeadIcon {
    position: absolute;
    top: 20px;
    right: 10px;
}

.carePlanHeadIcon li {
    display: inline-block;
}

.carePlanHeadIcon li.carePlanIcon {
    border: 3px solid #000;
    font-weight: bold;
    padding: 5px;
    line-height: 1;
}

.carePlanHeadIcon th ,
.carePlanHeadIcon td {
    padding: 5px;
}

.carePlan h3 + div {
    margin-bottom: 10px;
}

.carePlanPrint {
    display: none;
}

.carePlanContent {
    margin-bottom: 20px;
    width: auto;
}

.carePlanContent:after {
    content: "";
    clear: both;
    display: block;
}

.carePlanContent h2 {
    font-size: 16px;
}

.carePlanTable {
    margin-bottom: 20px;
}

.carePlanTable table ,
.carePlanTable th ,
.carePlanTable td {
    border: 0;
    padding: 0;
    text-align: left;
    background: transparent;
}

.carePlanTable th ,
.carePlanTable td {
    padding: 3px;
    line-height: 1.3;
    border-bottom: 1px solid #000;
}

.carePlanTable th {
    font-weight: bold;
    width: 1%;
    padding-right: 1em;
    white-space: nowrap;
}

.carePlanTable td {
    font-size: 16px;
}

.carePlanTable td span {
    font-size: 20px;
}

.carePlanTable .carePlanTablePad {
    padding-top: 30px;
}

.carePlanTable td.carePlanTableSp {
    border-bottom: 0;
    width: 1em;
}


.carePlan .eboxTable {
    margin-bottom: 10px;
}

.carePlanDocu1Consent label {
    display: inline-block;
}

.responder {
    margin-left: 50px;
}

.consentDateLabel {
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 4px 6px 4px 0;
}

.consentDate {
    display: inline-block;
    width: 120px;
}

.carePlanConsentTable {
    margin-bottom: 30px;
}

.carePlanConsentTable table {
    width: 100%;
    table-layout: fixed;
}

.carePlanConsentTable table ,
.carePlanConsentTable th ,
.carePlanConsentTable td {
    border: 0;
    padding: 0;
    text-align: right;
    background: transparent;
}

.carePlanConsentTable th ,
.carePlanConsentTable td {
    padding: 3px;
    line-height: 1.3;
    border-bottom: 1px solid #000000;
}

.carePlanConsentTable th {
    font-weight: bold;
    width: 50px;
    padding-right: 1em;
    white-space: nowrap;
}

.carePlanConsentTable td:not(.carePlanTableConsentSp .stampFieldTd) {
    font-size: 16px;
    width: 100%;
}

.carePlanConsentTable .carePlanConsentTablePad {
    padding-top: 30px;
    vertical-align: bottom;
}

.carePlanConsentTable .carePlanConsentTablePad img,
.carePlanDocu1Consent .carePlanConsentTablePad img {
    width: 200px;
    height: auto;
}

.carePlanConsentTable td.carePlanTableConsentSp {
    border-bottom: 0;
    width: 40px;
}

.carePlanConsentTable .responder {
    text-align: center;
}

.carePlanConsentTable .responder span {
    vertical-align: -12px;
    word-wrap: break-word;
}

.stampField {
    display: none;
    width: 40px;
    vertical-align: bottom;
}

.stampField a {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-bottom: 3px;
    float: right;
    line-height: 29px;
    text-align: center;
    font-size: 12px;
    color: #CCCCCC;
    border-radius: 50%;
    border: dashed 1px #CCCCCC;
    pointer-events: none;
}

input[name="reason_for_visiting_care"] + label {
    margin-top: 5px;
}

.reasonForVisitingCare {
    display: inline-block;
}

.reasonForVisitingCarePdf {
    display: none;
}

.reasonForVisitingCarePdf p {
    display: inline-block;
    margin: 0 25px;
}

.carePlanRadioCheckedPdf {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    border: solid 1px #707070;
}




/* ========================================  carerecordContent ======================================== */

/* ========================================  carerecordContent ======================================== */

.carerecord .tabMenu li {
    border: 0;
    color: #FFF;
}

.carerecord .tabMenu li:nth-child(1) { background: #E8AFA2; }
.carerecord .tabMenu li:nth-child(2) { background: #ADB3BD; }
.carerecord .tabMenu li:nth-child(3) { background: #94C2BA; }
.carerecord .tabMenu li:nth-child(4) { background: #F8C6AD; }
.carerecord .tabMenu li:nth-child(5) { background: #F7E0B2; }
.carerecord .tabMenu li:nth-child(6) { background: #B0CD9F; }
.carerecord .tabMenu li:nth-child(7) { background: #B0CD9F; }
.carerecord .tabMenu li:nth-child(8) { background: #C6A9B5; }

.carerecord .tabMenu li:nth-child(1).active { background: #d46148; }
.carerecord .tabMenu li:nth-child(2).active { background: #5e697d; }
.carerecord .tabMenu li:nth-child(3).active { background: #2b8778; }
.carerecord .tabMenu li:nth-child(4).active { background: #f48f5c; }
.carerecord .tabMenu li:nth-child(5).active { background: #f2c465; }
.carerecord .tabMenu li:nth-child(6).active { background: #639d3f; }
.carerecord .tabMenu li:nth-child(7).active { background: #639d3f; }
.carerecord .tabMenu li:nth-child(8).active { background: #935d74; }


.carerecord .tabMenu li img {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}

.carerecordBox {
    display: none;
}

.tabBox {
    width: auto;
}

.tabBox:after {
    content: "";
    clear: both;
    display: block;
}
.tabBox .tabTitle {
    display: inline-block;
    font-size: 20px;
    border-bottom: 3px solid #00a99d;
}

.carerecordMenu {
    width: 200px;
    float: left;
}

.carerecordMenu li {
    width: 100%;
}

.carerecordArea {
    width: calc(100% - 220px);
    float: right;
}

.carerecordBox.show {
    display: block;
}

.carerecordMenu li {
    padding: 5px;
    margin-bottom: 2px;
    border: 1px solid #CCC;
    cursor: pointer;
}

.carerecordCustomizationMenu {
    width: 300px;
    float: left;
}

.carerecordCustomizationMenu .tglBtn {
    float: right;
    margin-top: -2px;
}


.carerecordMenu li:nth-child(1) ,
.carerecordMenu li:nth-child(8) ,
.carerecordMenu li:nth-child(15) {
    border-left: 5px solid #f48f5c;
}

.carerecordMenu li:nth-child(2) ,
.carerecordMenu li:nth-child(9) ,
.carerecordMenu li:nth-child(16) {
    border-left: 5px solid #d46148;
}

.carerecordMenu li:nth-child(3) ,
.carerecordMenu li:nth-child(10) ,
.carerecordMenu li:nth-child(17) {
    border-left: 5px solid #935d74;
}

.carerecordMenu li:nth-child(4) ,
.carerecordMenu li:nth-child(11) ,
.carerecordMenu li:nth-child(18) {
    border-left: 5px solid #5e697d;
}

.carerecordMenu li:nth-child(5) ,
.carerecordMenu li:nth-child(12) ,
.carerecordMenu li:nth-child(19) {
    border-left: 5px solid #2b8778;
}

.carerecordMenu li:nth-child(6) ,
.carerecordMenu li:nth-child(13) ,
.carerecordMenu li:nth-child(20) {
    border-left: 5px solid #639d3f;
}

.carerecordMenu li:nth-child(7) ,
.carerecordMenu li:nth-child(14) ,
.carerecordMenu li:nth-child(21) {
    border-left: 5px solid #f2c465;
}



.carerecordMenu li:nth-child(1).active ,
.carerecordMenu li:nth-child(8).active ,
.carerecordMenu li:nth-child(15).active ,
.carerecordMenu li:nth-child(1):hover ,
.carerecordMenu li:nth-child(8):hover ,
.carerecordMenu li:nth-child(15):hover {
    background: #FACBB3;
}

.carerecordMenu li:nth-child(2).active ,
.carerecordMenu li:nth-child(9).active ,
.carerecordMenu li:nth-child(16).active ,
.carerecordMenu li:nth-child(2):hover ,
.carerecordMenu li:nth-child(9):hover,
.carerecordMenu li:nth-child(16):hover{
    background: #EAADA1;
}

.carerecordMenu li:nth-child(3).active ,
.carerecordMenu li:nth-child(10).active ,
.carerecordMenu li:nth-child(17).active ,
.carerecordMenu li:nth-child(3):hover ,
.carerecordMenu li:nth-child(10):hover ,
.carerecordMenu li:nth-child(17):hover {
    background: #C6A9B5;
}

.carerecordMenu li:nth-child(4).active ,
.carerecordMenu li:nth-child(11).active ,
.carerecordMenu li:nth-child(18).active ,
.carerecordMenu li:nth-child(4):hover ,
.carerecordMenu li:nth-child(11):hover ,
.carerecordMenu li:nth-child(18):hover {
    background: #A9B1B9;
}

.carerecordMenu li:nth-child(5).active ,
.carerecordMenu li:nth-child(12).active ,
.carerecordMenu li:nth-child(19).active ,
.carerecordMenu li:nth-child(5):hover ,
.carerecordMenu li:nth-child(12):hover ,
.carerecordMenu li:nth-child(19):hover {
    background: #91C2B9;
}

.carerecordMenu li:nth-child(6).active ,
.carerecordMenu li:nth-child(13).active ,
.carerecordMenu li:nth-child(20).active ,
.carerecordMenu li:nth-child(6):hover ,
.carerecordMenu li:nth-child(13):hover ,
.carerecordMenu li:nth-child(20):hover {
    background: #ACCB99;
}

.carerecordMenu li:nth-child(7).active ,
.carerecordMenu li:nth-child(14).active ,
.carerecordMenu li:nth-child(21).active ,
.carerecordMenu li:nth-child(7):hover ,
.carerecordMenu li:nth-child(14):hover ,
.carerecordMenu li:nth-child(21):hover {
    background: #FAE2AE;
}


.carerecordMenu .carerecordColor01 { border-left: 5px solid #f48f5c; }
.carerecordMenu .carerecordColor02 { border-left: 5px solid #d46148; }
.carerecordMenu .carerecordColor03 { border-left: 5px solid #935d74; }
.carerecordMenu .carerecordColor04 { border-left: 5px solid #5e697d; }
.carerecordMenu .carerecordColor05 { border-left: 5px solid #2b8778; }
.carerecordMenu .carerecordColor06 { border-left: 5px solid #639d3f; }
.carerecordMenu .carerecordColor07 { border-left: 5px solid #f2c465; }

.carerecordMenu .carerecordColor01.active,
.carerecordMenu .carerecordColor01:hover {
    background: #FACBB3;
}
.carerecordMenu .carerecordColor02.active,
.carerecordMenu .carerecordColor02:hover {
    background: #EAADA1;
}
.carerecordMenu .carerecordColor03.active,
.carerecordMenu .carerecordColor03:hover {
    background: #C6A9B5;
}
.carerecordMenu .carerecordColor04.active,
.carerecordMenu .carerecordColor04:hover {
    background: #A9B1B9;
}
.carerecordMenu .carerecordColor05.active,
.carerecordMenu .carerecordColor05:hover {
    background: #91C2B9;
}
.carerecordMenu .carerecordColor06.active,
.carerecordMenu .carerecordColor06:hover {
    background: #ACCB99;
}
.carerecordMenu .carerecordColor07.active,
.carerecordMenu .carerecordColor07:hover {
    background: #FAE2AE;
}


.carerecordMenu li img {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 3px;
}


.openAndClose {
    padding-left: 10px;
    font-size: 25px;
    color: #555555;
}

.hollowTableUpperLeft {
    box-shadow: inset 8px 8px 3px -3px #ccc;
}
.hollowTableUpperRight {
    box-shadow: inset 0 8px 3px -3px #ccc;
}
.hollowTableLeft {
    box-shadow: inset 8px 0 3px -3px #ccc;
}

.radioServiceType {
    display: none;
}
.labelServiceType {
    width: 90px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: center;
    padding-left: 4px;
    margin-right: 12px;
}
.radioServiceType:checked + .labelServiceType {
    border: 1px solid #01A99C;
    background-color: #01A99C;
    color: #FFFFFF;
}
.iconCheckServiceType:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    color: #CCCCCC;
}
.radioServiceType:checked + .iconCheckServiceType:before {
    color: #FFFFFF;
}

.meal53,
.snack53,
#evacuation_amount_other,
#peripheral_symptom_other {
    display: none;
}

.linkContinueInput {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.linkContinueInput div {
    cursor: pointer;
}

.linkContinueInput div a {
    text-decoration: underline;
}

.linkContinueInput div a:hover {
    text-decoration: none;
}

.linkContinueInput img {
    width: 22px;
    height: auto;
    padding-bottom: 5px;
    vertical-align: middle;
}

.linkContinueInput span[class^="linkList_"] {
    display: none;
}

.carerecordBox tr[class^="asMoushiokuri_"] {
    display: none;
}




/* ========================================  selectModal ======================================== */

div[id^="select-modal-"] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 6000;
}
.select-modal__background {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%;
}
.select-modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1000px;
}
.select-modal__content {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
}
.select-modal__header {
    margin: 0 30px;
    padding-top: 30px;
    height: 70px;
    border-bottom: 2px solid #01A99C;
    text-align: right;
}
.select-modal__header a {
    float:left;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
}
.select-modal__main {
    margin: 20px 30px 0 30px;
    padding-bottom: 30px;
}
.select-modal__main.sougei-calendar {
    overflow: scroll;
    max-height: 70vh;
}
.select-modal__decision {
    margin-top: 24px;
}
.select-modal__close {
    position: absolute;
    top: -20px;
    right: -55px;
}
.select-modal__close a {
    font-size: 40px;
    color: #FFFFFF;
}





/* ========================================  selectRecordContent ======================================== */

.bigcateCheckbox {
    text-align: left;
}
.bigcateCheckbox label {
    background-color: #DCF4F2;
}
.bigcateCheckbox label:hover {
    background-color: #DCF4F2;
}
#midcate-select-result {
    color: #222222;
    margin-left: 10px;
}





/* ========================================  vitalMealHydrationListContent ======================================== */

.vitalMealHydrationListTable {
    table-layout: fixed;
    width: 100%;
    min-width: 730px;
}

.vitalMealHydrationListTable th.width70 {
    width: 70px;
}

.vitalMealHydrationListTable th.width90 {
    width: 90px;
}

.vitalMealHydrationListTable td {
    text-align: center;
}

.displayFoodRequirement {
    text-align: left;
}

.displayFoodRequirement p {
    width: 60px;
    margin: 0 auto;
}





/* ========================================  graphContent ======================================== */

.recordGraph .tabMenu li {
    border: 0;
    color: #FFFFFF;
    padding: 2px 10px;
}

.recordGraph .tabMenu li:nth-child(1) { background: #D46148; opacity: 0.5; }
.recordGraph .tabMenu li:nth-child(2) { background: #B0CD9F; opacity: 0.5; }
.recordGraph .tabMenu li:nth-child(3) { background: #ADB3BD; opacity: 0.5; }

.recordGraph .tabMenu li:nth-child(1).active { opacity: 1; }
.recordGraph .tabMenu li:nth-child(2).active { opacity: 1; }
.recordGraph .tabMenu li:nth-child(3).active { opacity: 1; }

.recordGraph .tabMenu li a:link,
.recordGraph .tabMenu li a:visited,
.recordGraph .tabMenu li a:hover,
.recordGraph .tabMenu li a:active {
    text-decoration: none;
    color: #FFFFFF;
}

.recordGraph .tabMenu li img {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    opacity: 1;
}

#chartVital {
    width: 100%;
    height: 500px;
}

#graphLegendArrhythmia {
    text-align: center;
    padding-left: 500px;
    margin-top: -48px;
}

#graphLegendArrhythmia .arrhythmiaCircle {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 10px;
    background-color: #FFFFFF;
    border: solid 2px #F5A50E;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    box-shadow: 0 0 0 2px #F5A50E;
    -webkit-box-shadow: 0 0 0 2px #F5A50E;
    -moz-box-shadow: 0 0 0 2px #F5A50E;
}

#graphLegendArrhythmia .arrhythmiaLabel {
    font-size: 14px;
    color: #F5A50E;
    vertical-align: middle;
}

#chartHydration,
#chartTemperature,
#chartPressureAndPulse {
    margin-top: 30px;
    margin-right: 40px;
}

.gridLineLighter {
    opacity: 0.3;
}

#chartHydration .c3-text {
    display: none;
    font-size: 16px;
    margin-bottom: 10px;
}

#chartHydration .c3-text + text {
    transform: translateY(-20px);
}

#chartTemperature .c3-text,
#chartPressureAndPulse .c3-text {
    font-size: 15px;
}

#chartTemperature .c3-text + text {
    transform: translate(26px, 4px);
}

.clickedCircleLabel {
    font-size: 20px;
}

#chartPressureAndPulse .c3-text + text {
    transform: translate(20px, 4px);
}

.gridLineLighter {
    opacity: 0.3;
}

.c3-lines-high,
.c3-lines-low {
    display: none;
}

#graphLegend {
    float: right;
    margin-right: 40px;
}

#graphLegend label {
    background-color: #FFFFFF;
    margin: 0;
    z-index: 2;
}

#graphLegend .checkboxBloodPressureLabel {
    color: #C35FE8;
}

#graphLegend .checkboxPulseLabel {
    color: #DB5A5A;
}

.arrhythmiaCircle {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 10px;
    background-color: #F5A50E;
    border: solid 3px #fff;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #F5A50E;
    -webkit-box-shadow: 0 0 0 2px #F5A50E;
    -moz-box-shadow: 0 0 0 2px #F5A50E;
}

.arrhythmiaLabel {
    font-size: 15px;
    color: #F5A50E;
    vertical-align: middle;
}

#chartAllGraph {
    width: 100%;
    height: 500px;
}

#allGraph .ebox {
    margin-top: 0;
    margin-right: calc(60px + 5.8%);
    margin-left: calc(60px - 3%);
}

#allGraph .ebox table,
#allGraphSP .ebox table {
    width: 100%;
    table-layout: fixed;
}

#allGraph .carerecordGridBox {
    display: grid;
    grid-template-columns: 40px repeat(7, 1fr);
    column-gap: 2px;
    padding: 2px;
    width: calc(95% - 170px);
    margin-top: 40px;
    margin-right: calc(60px + 5.8%);
    margin-left: calc(100px + 5%);
}

#allGraph .carerecordGridTitle,
#allGraphSP .carerecordGridTitle {
    margin: auto 0;
    font-size: 16px;
    font-weight: bold;
}

#allGraph .carerecordGridItem,
#allGraphSP .carerecordGridItem {
    margin: 3px;
    padding: 10px;
    background-color: #e1e1e1;
    color:#FFF;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}

#allGraph .carerecordGridItemTime,
#allGraphSP .carerecordGridItemTime {
    font-weight: bold;
    color: #545454;
}

#allGraph .text-black,
#allGraphSP .text-black {
    color: #0b0b0b;
}

#allGraph .previousDaysBtn {
    margin: -24px 0 20px 60px;
}

#allGraph .nextDaysBtn {
    margin: -24px 30px 20px 0;
}

#allGraphSP .ebox {
    margin-top: 0;
}

#allGraphSP .carerecordGridBox {
    display: grid;
    grid-template-columns: 40px repeat(7, 1fr);
    column-gap: 2px;
    padding: 2px;
    width: 100%;
}

#allGraphSP .dateLabel {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}



/* ======================================== 利用規約 ======================================== */
#tosContent {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}

#tosTitle {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

#tosPdf {
    width: 700px;
    height: 600px;
}

.checkboxTosConfirmedLabel {
    background-color: #FFFFFF;
}

#tosConfirmed {
    text-align: left;
}

#buttonsTosAgree {
    margin-bottom: 30px;
}

.btnTosAgree,
.btnTosNotAgree {
    width: 130px;
    height: 50px;
    font-size: 16px;
    margin: 0 50px !important;
    vertical-align: middle
}

.btnTosAgree {
    background-color: #BBBBBB;
    color: #FFFFFF;
}

.btnTosAgree:hover {
    color: #FFFFFF;
}

#tosNowLoading {
    margin-top: 50px;
    margin-bottom: -80px;
    font-weight: bold;
    font-size: 18px;
}

#tosViewer {
    width: 100%;
    height: 100%;
}

#tosViewer #tosPdf {
    width: 100%;
    height: 100%;
}

#tosViewer #tosNowLoading {
    text-align: center;
}



/* ======================================== 設定画面 ======================================== */
.password-field {
    position: relative;
    display: inline-block;
    min-width: 250px;
}

.password-field .btnEye {
    position: absolute;
    top: 4px;
    right: 2px;
    line-height: 1.2;
}

.verifyPasswordButton .btnMdTall {
    margin: 15px 0;
}


/* ======================================== パスワード再設定 ======================================== */
.userSettingBeforeLogin {
    padding-top: 40px;
}

.userSettingBeforeLogin > p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.userSettingBeforeLogin .description {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}

.userSettingBeforeLoginBox {
    width: 600px;
    height: auto;
    margin: 0 auto 60px auto;
    padding: 20px;
    background: #CAEBEB;
    border-radius: 8px 8px 8px 8px;
}

.userSettingBeforeLoginBox p {
    color: #000000;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 10px;
}

.userSettingBeforeLoginBox p.sup {
    text-align: right;
    font-weight: normal;
}

.userSettingBeforeLoginForm {
    width: 100%;
}

.userSettingBeforeLoginForm input,
.userSettingBeforeLoginForm select {
    width: 100%;
    min-width: 560px;
    height: 50px;
    font-size: 18px;
}

.userSettingBeforeLoginForm textarea {
    width: 100%;
    font-size: 18px;
    margin: 0;
}

.userSettingBeforeLoginForm label {
    font-size: 24px;
    line-height: 2;
}

.userSettingBeforeLoginForm .password-field .btnEye {
    top: 8px;
    right: 6px;
}

.userSettingBeforeLoginForm .hissu {
    margin-left: 20px;
    vertical-align: middle;
}

.userSettingBeforeLoginForm p:nth-child(n+2) {
    margin-top: 15px;
}

.userSettingBeforeLoginButtons {
    text-align: center;
}

.userSettingBeforeLoginButtons .btnMdTall {
    margin: 0 60px;
}




/* ========================================  life Content ======================================== */

.groupCheckbox {
    text-align: left;
}

.groupCheckbox label {
    background-color: #DCF4F2;
}

.groupCheckbox label:hover {
    background-color: #DCF4F2;
}

#member-select-result {
    color: #222222;
    margin-left: 15px;
}

.lifeDescription {
    font-size: 14px;
    color: #FF0000;
    margin-top: 10px;
    margin-bottom: 30px;
}

.lifeDescriptionTitle {
    font-weight: bold;
}

.lifeDescriptionColumn {
    display: inline-block;
    vertical-align: top;
}

.lifeDescriptionRequiredList span:first-child {
    display: inline-block;
    width: 210px;
}




/* ========================================  lineworks Content ======================================== */

.lineworks .tabMenu li {
    border: 0;
    color: #FFF;
    width: 180px;
}

.lineworks .tabMenu li:nth-child(1) { background: #E8AFA2; }
.lineworks .tabMenu li:nth-child(2) { background: #ADB3BD; }
.lineworks .tabMenu li:nth-child(3) { background: #94C2BA; }

.lineworks .tabMenu li:nth-child(1).active { background: #d46148; }
.lineworks .tabMenu li:nth-child(2).active { background: #5e697d; }
.lineworks .tabMenu li:nth-child(3).active { background: #2b8778; }

.lineworks .tabMenu li img {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}

.lineworksMemberBox {
    display: none;
}

.lineworksMemberBox.show {
    display: block;
}




/* ======================================== ユーザー用分析・統計画面 ======================================== */

#statisticsForm #furigana {
    margin-left: 15px;
}

.statisticsResultHeaderName {
    display: inline-block;
    margin-right: 20px;
    font-size: 20px;
}

.statisticsResultHeaderCount {
    display: inline-block;
    font-size: 15px;
}

.statisticsResult {
    position: relative;
    margin-top: 20px;
    width: 49%;
    min-width: 600px;
    height: 400px;
    display: inline-block;
}

.statisticsResult p {
    font-size: 20px;
    text-align: center;
}

.statisticsResult .c3-chart-arcs {
    transform: translate(220px, 180px);
}

.pieChartField {
    position: absolute;
    top: 0;
    left: 0;
}

.pieChartField p {
    margin-right: 300px;
}

.statisticsRankingField {
    position: absolute;
    bottom: 15px;
    left: 410px;
    width: 210px;
    height: 180px;
    background-color: #FFEEBF;
    border-radius: 10px;
    border: 1px solid #FAD498;
}

.statisticsRankingField p {
    margin-top: 5px;
    font-size: 15px;
}

.statisticsRankingField ol {
    margin-top: 5px;
    margin-left: 20px;
}

.pieChartTooltipCategory {
    text-align: center;
}

.pieChartTooltipCategory p,
.pieChartTooltipCount p {
    font-size: 14px;
    margin: 5px;
}

.pieChartTooltipCount p {
    text-align: left;
}




/* ======================================== LIFE情報管理画面 ======================================== */

#lifeContents .ebox .eboxTable table {
    table-layout: fixed;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}

#lifeContents .ebox .eboxTable th {
    width: 260px;
    height: 60px;
}

#lifeContents .ebox .eboxTable td {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

#lifeContents input {
    margin: 0;
    max-width: 100%;
}

#lifeContents select {
    width: auto;
    max-width: 100%;
}

#lifeContents .tabMenu li {
    padding: 2px 15px;
}

#lifeContents .annotation {
    display: inline-block;
    font-size: 13px;
    color: #777777;
}

#lifeContents input[type="number"] {
    width: 161px;
}

#lifeContents .dietaryIntakeInputField input[type="number"] {
    width: 80px;
}

#lifeContents .displayDietaryIntakeAutoCalc,
#lifeContents .b10FixedValue {
    display: none;
}

#lifeContents .medical_history,
#lifeContents .medicine,
#lifeContents .screening_and_monitoring,
#lifeContents .oral_improvement_record,
#lifeContents .program {
    margin-bottom: 20px;
}

#lifeContents .ebox .eboxTable .tdCheckbox {
    min-width: 50px;
    text-align: center;
    padding: 0;
}

#lifeContents .ebox .eboxTable .largeInputText input {
    width: 100%;
}

#lifeContents .ebox .mb20 {
    margin-bottom: 20px;
}

#lifeContents .ebox .eboxTable .mediumText {
    width: 50%;
    max-width: 600px;
}

#lifeContents .ebox .eboxTable .checkboxViewLabel {
    color: #222222;
}

#lifeContents .parentheses {
    margin-top: 5px;
    font-size: 11px;
}




/* ======================================== 職員一括登録画面 ======================================== */

#officeUserBulkCreate input {
    width: 80px;
    margin-right: 20px;
}

#officeUserBulkCreate .rowOfficeUser td {
    text-align: left;
    padding: 10px 20px;
}

#officeUserBulkCreate .password-field .btnEye {
    right: 22px;
}

#officeUserBulkCreate #deleteOfficeUserRow {
    float: right;
}

#officeUserBulkCreate .rowControlButtons .cautionText {
    display: none;
    font-size: 14px;
    color: #FF0000;
}

#officeUserBulkCreate .submitButtons {
    padding-top: 20px;
    text-align: center;
}

#officeUserBulkCreate .submitButtons button {
    margin: 0 50px;
}

#confirm-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 6000;
}
.confirm-modal__background {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.confirm-modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1000px;
    height: 300px;
}
.confirm-modal__content {
    background-color: #CAEBEB;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.confirm-modal__header {
    padding-top: 30px;
    text-align: center;
}
.confirm-modal__header p {
    font-size: 22px;
    font-weight: bold;
    color: #222222;
}
.confirm-modal__main {
    width: 80%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: left;
}
.confirm-modal__main p {
    font-size: 18px;
    color: #222222;
}
.confirm-modal__main .cautionText {
    padding-top: 15px;
}
.confirm-modal__main .cautionText p {
    font-size: 16px;
    font-weight: bold;
    color: #E12121;
}
.confirm-modal__buttons {
    text-align: center;
    margin-top: 24px;
}
.confirm-modal__buttons button {
    margin-left: 50px;
    margin-right: 50px;
}
.confirm-modal__button-close {
    position: absolute;
    top: -20px;
    right: -55px;
}
.confirm-modal__button-close a {
    font-size: 40px;
    color: #FFFFFF;
}




/* ======================================== 利用者一括登録画面 ======================================== */

#downloadLoginInfo .cautionText {
    margin: 10px 0;
}

#downloadLoginInfo .buttons {
    margin: 40px 0;
}

#downloadLoginInfo .btnBgWhite {
    margin-right: 40px;
}




/* ======================================== 利用者一括登録画面 ======================================== */

#userBulkCreate input {
    width: 80px;
    margin-right: 20px;
}

#userBulkCreate .rowUser td {
    text-align: left;
    padding: 10px 20px;
}

#userBulkCreate .listTable01 {
    margin-bottom: 0;
}

#userBulkCreate select[id^=birth_y_jp_],
#userBulkCreate select[id^=birth_d_],
#userBulkCreate select[id^=birth_m_] {
    width: 50px;
}

#userBulkCreate #deleteUserRow {
    float: right;
}

#userBulkCreate .submitButtons {
    padding-top: 20px;
    text-align: center;
}

#userBulkCreate .submitButtons button {
    margin: 0 50px;
}

#userBulkCreate #yahooCredit {
    display: block;
    margin: 6px 15px 15px 15px;
}




/* ======================================== 介護記録一括登録画面 ======================================== */
#careRecordBulkRegistration input,
#careRecordBulkRegistration label {
    margin-bottom: 0;
}

#careRecordBulkRegistration .selectMembers {
    margin: 20px 0 20px;
}

#careRecordBulkRegistration .selectMembers .eboxTable {
    margin: 25px 0 20px 0;
}

#careRecordBulkRegistration .tabMenu li {
    border: 0;
    color: #FFF;
    padding: 3px 10px;
}

#careRecordBulkRegistration .tabMenu li:nth-child(1) { background: #FACBB3; }
#careRecordBulkRegistration .tabMenu li:nth-child(2) { background: #EAADA1; }
#careRecordBulkRegistration .tabMenu li:nth-child(3) { background: #C6A9B5; }

#careRecordBulkRegistration .tabMenu li:nth-child(1).active { background: #f48f5c; }
#careRecordBulkRegistration .tabMenu li:nth-child(2).active { background: #d46148; }
#careRecordBulkRegistration .tabMenu li:nth-child(3).active { background: #935d74; }

#careRecordBulkRegistration .tabMenu li img {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}

#careRecordBulkRegistration .commonItems {
    margin-bottom: 50px;
}

#careRecordBulkRegistration .commonBoxTitle,
#careRecordBulkRegistration .inputBoxTitle {
    font-size: 18px;
    font-weight: bold;
}

#careRecordBulkRegistration .inputBoxTitle {
    margin-top: 30px;
}

#careRecordBulkRegistration .inputBoxTitle a {
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    margin-left: 10px;
}

#careRecordBulkRegistration .inputBoxTitle a:hover {
    cursor: pointer;
}

#careRecordBulkRegistration div[class^="detailHideBox_"] {
    display: none;
    height: 49px;
    text-align: left;
    padding-left: 30px;
    border: 1px solid #CBCBCB;
    background: #f6f7f9;
}

#careRecordBulkRegistration p[class^="detailHideBoxLabel_"] {
    margin-top: 12px;
}

#careRecordBulkRegistration .submitButtons {
    text-align: center;
}

#careRecordBulkRegistration .submitButtons button {
    margin: 0 50px;
}





/* ======================================== 利用者情報インポート画面 ======================================== */

#userImport #inputField {
    margin-top: 20px;
}

#userImport #fileInputField {
    margin-top: 5px;
}

#userImport #fileInputField input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

#userImport #fileInputField label {
    display: inline-block;
    padding: 1px 6px;
    margin: 0 4px 0 0;
    background: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 5px;
    cursor: pointer;
}

#userImport #fileInputField #fileName {
    display: inline-block;
    width: 380px;
    height: 32px;
    padding: 3px 10px;
    margin: 0 15px 0 0;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
}

#userImport #errorField {
    width: 800px;
    max-height: 260px;
    overflow-y: auto;
}

#userImport #errorField::-webkit-scrollbar {
    width: 10px;
}

#userImport #errorField::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

#userImport #errorField::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 50, .5);
    border-radius: 10px;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

#userImport .downloadFormat {
    margin-top: 15px;
}

#userImport .downloadFormat .downloadLink {
    color: #000000;
    font-weight: bold;
}

#userImport .annotation {
    font-size: 14px;
    color: #FF0000;
    margin: 15px 0;
}

#choiceCsvTypeField {
    padding: 5px 0 25px 0;
}





/* ========================================  selectModal ======================================== */

div[id^="select-list-modal-"] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 6000;
}
.select-list-modal__background {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%;
}
.select-list-modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    max-width: 1200px;
    height: auto;
}
.select-list-modal__content {
    background-color: #FFFFFF;
}
.select-list-modal__header {
    margin: 0 30px;
    padding-top: 30px;
    height: 70px;
    border-bottom: 2px solid #01A99C;
    text-align: right;
}
.select-list-modal__header a {
    float:left;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
}
.select-list-modal__main {
    margin: 20px 30px 0 30px;
    padding-bottom: 30px;
    /*height: 600px;*/
    max-height: 600px;
    overflow-y: auto;
}
.select-list-modal__main::-webkit-scrollbar {
    width: 10px;
}
.select-list-modal__main::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
.select-list-modal__main::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 50, .5);
    border-radius: 10px;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
.select-list-modal__close {
    position: absolute;
    top: -20px;
    right: -55px;
}
.select-list-modal__close a {
    font-size: 40px;
    color: #FFFFFF;
}





/* ======================================== 興味・関心チェックシート画面 ======================================== */
#mainContents .ebox .eboxTable table {
    table-layout: fixed;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}

#mainContents .ebox .eboxTable th {
    width: 260px;
    height: 60px;
}

#mainContents .ebox .eboxTable td {
    padding: 5px 10px;
}

#mainContents input {
    margin: 0;
    max-width: 100%;
}

#mainContents select {
    width: auto;
    max-width: 100%;
}

#mainContents .tabMenu li {
    padding: 2px 15px;
}

#mainContents .annotation {
    display: inline-block;
    font-size: 13px;
    color: #777777;
}

#mainContents input[type="number"] {
    width: 161px;
}

#mainContents .ebox .eboxTable .tdCheckbox {
    min-width: 50px;
    text-align: center;
    padding: 0;
}

#mainContents .ebox .eboxTable .largeInputText input {
    width: 100%;
}

#mainContents .ebox .mb10 {
    margin-bottom: 10px;
}

#mainContents .ebox .mb20 {
    margin-bottom: 20px;
}

#mainContents .ebox .eboxTable .mediumText {
    width: 50%;
    max-width: 600px;
}

#mainContents .ebox .eboxTable .checkboxViewLabel {
    color: #222222;
}

#mainContents .parentheses {
    margin-top: 5px;
    font-size: 11px;
}
#mainContents .ebox .eboxTable .tdRadio {
    text-align: left;
    padding: 10px 7px;
}
#mainContents .ebox .eboxTable .tdRadio .radio {
    margin: 1px 0;
}

#mainContents .ebox .eboxTable th #deleteOther_1 {
    display: none;
}

#mainContents #selectedCarePlan {
    margin-top: 10px;
}

#mainContents #deselectionCarePlan {
    margin-left: 20px;
}

#mainContents .tabBox .basicInfo {
    max-width: 910px;
}

#mainContents .subTitle {
    font-weight: bold;
    font-size: 15px;
}

/* ======================================== Common ======================================== */
.mt-3 {
    margin-top: 1rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.color-gray {
    color: gray !important;
}

.fc-daygrid-event-dot.color-gray {
    border-color: gray !important;
}