/***************************** 共通STYLE s *****************************/
.right-rem{right: 1.25rem;}

.tableTh:nth-of-type(4) {
    border-top-right-radius: initial!important;
}
.tableTh:last-of-type {
    border-top-right-radius: 0.5rem;
}

.text-initial{
    text-align: initial!important;
}

/* ボタン非活性 */
.button_lv1.green.disabled {
    background-color: #6ec1b8;
}
.button_lv1.green.disabled:hover {
    background-color: #6ec1b8;
}
.button_lv1.blue.disabled {
    background-color: #93c5fd;
}
.button_lv1.blue.disabled:hover {
    background-color: #93c5fd;
}

.button_lv6.blue {
    background-color: #93c5fd;
    border-radius: 9999px;
    color: #0f2a78;
}

/* ボタン色反転 */
.button_lv1.red.reverse {
    background-color: #fca5a5;
}
.button_lv1.red.reverse:hover {
    background-color: #dc2626;
}

/* 表示エリアを超えるテキストは「...」に変換 */
.text-hidden{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ドットメニュー幅 */
.dropdown__lv2.dotsList {
    width: 10rem;
}

/* spログアウトメニュー位置（右から調整） */
.dropdown__lv2.userListRight {
    top: 1.375rem;
    right: 1rem;
}

/* pc画面以上のサイズで、thタグを表示 */
@media (min-width: 62.5em) {
    .md\:table-cell {
        display: table-cell!important
    }
}

/* Loading 初期非表示 */
.loadingDisp {
    display: none;
}
/***************************** 共通STYLE e ********************************/

/***************************** 休職者情報一覧 s ****************************/
.flex_box{
    flex-direction: row;
    flex-wrap: wrap;
}
.flex_box_col{
    float: left;
    width: 30.333333%!important;
    margin-bottom: 1rem!important;
}
/***************************** 休職者情報一覧 e ****************************/

/***************************** 生活記録管理 s *****************************/
/* 生活記録表 気分画像 s */ 
input[type=radio][name^=rbtFeeling]:disabled:hover+.feeling__label:before {
    opacity: .4;
}
input[type=radio][name^=rbtFeeling]:checked+.feeling__label:before, input[type=radio][name^=rbtFeeling]:hover+.feeling__label:before {
    opacity: 1;
}
input[id^=feeling_very_good]+.feeling__label:before {
    background-image: url(../img/lifelog/face_icon/very_good.png);
}
input[id^=feeling_good]+.feeling__label:before {
    background-image: url(../img/lifelog/face_icon/good.png);
}
input[id^=feeling_ordinarily]+.feeling__label:before {
    background-image: url(../img/lifelog/face_icon/ordinarily.png);
}
input[id^=feeling_not_really_good]+.feeling__label:before {
    background-image: url(../img/lifelog/face_icon/not_really_good.png);
}
input[id^=feeling_not_good]+.feeling__label:before {
    background-image: url(../img/lifelog/face_icon/not_good.png);
}
input[id^=feeling_terrible]+.feeling__label:before {
    background-image: url(../img/lifelog/face_icon/terrible.png);
}
/* 生活記録表 気分画像 e */ 

/* 生活記録表一覧 s */
.activity_comment_img {
    width: 16px;
    height: 16px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.activity_comment_tooltip:hover::before{
    position: absolute;
    display: block;
    content: attr(tooltip-title);
    color: #4e5263;
    z-index: 100;
    margin-top: 1px;
    margin-left: 20px;
}

.bg_temp_save {
    background-color: #ffffd8 !important;
}

.table-scroll-tempsave {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: #ffffd8;
    z-index: 1;
    border-right: 1px solid #d1d5db
}
/* 生活記録表一覧 e */

/* 生活記録表 カレンダー s */ 
@media (min-width:48.0625em) {
    #calendar {
        width: 65%; 
        font-size: 0.8em;
        margin: 0 auto;
    }
}
@media (max-width: 600px) {
    .fc-daygrid-bg-harness div.last-week-border {
        border-bottom: 1px solid #ddd;
    }
}

.fc .fc-bg-event {
    background: var(--fc-bg-event-color);
    opacity: 1;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row;
}

.fc-event-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.fc-event-image img {
    max-width: 30%; /* 画像のサイズを調整 */
    max-height: 30%; /* 画像のサイズを調整 */
}
.fc-event-text {
    margin-top: 0.5em;
}

@media (max-width: 600px) {
    .fc-event-image img {
        max-width: 40%; /* スマホ用に画像のサイズを調整 */
        max-height: 40%; /* スマホ用に画像のサイズを調整 */
    }
    .fc-event-text {
        display: none; /* スマホ用に文字を非表示 */
    }
}
/* 生活記録表 カレンダー e */ 

/* 生活記録表詳細登録 s */ 
/* 活動内容画像 */
.activity-img-check{
    width: 3.5rem;
}

/* 活動内容チェックボックス */
.activity_checkbox_input-input {
    margin: 0;
    width: 0;
    opacity: 0;
}
.activity_checkbox_input:hover{
    opacity: 0.8; /* ホバー時の透明度*/
}
.activity_checkbox_input:hover > .activity_checkbox_input-input-dummyinput{
    transform: scale(1.1);
}
.activity_checkbox_input-input:focus + .activity_checkbox_input-input-dummyinput{
    transform: scale(1.1);
}    

/* チェック前の円 */
.activity_checkbox_input-input-dummyinput {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 23px; /* 円の大きさ*/
    height: 23px; /* 円の大きさ*/
    border: solid 3px #4B5263;/* 好きなカラー */
    background: #FFFFFF;
    border-radius: 50%;
    transition: all .15s linear;
    margin-top: -3.0rem;
    margin-left: -3.8rem;
}
/* チェック後の円 */
.activity_checkbox_input-input:checked + .activity_checkbox_input-input-dummyinput {
    background: #4B5263;/* 好きなカラー */
    margin-top: -3.0rem;
    margin-left: -3.8rem;
}
/* チェックマーク-１ */
.activity_checkbox_input-input:checked + .activity_checkbox_input-input-dummyinput::before {
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    left: 60%;
    width: 40%;
    height: 4px;
    border-radius: 2px;
    transform: translate(-6px, 5px) rotateZ(-135deg);
    transform-origin: 2px 2px;
    background: #FFFFFF;
}
/* チェックマーク-２ */
.activity_checkbox_input-input:checked + .activity_checkbox_input-input-dummyinput::after {
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    left: 60%;
    width: 80%;
    height: 4px;
    border-radius: 2px;
    transform: translate(-6px, 5px) rotateZ(-45deg);
    transform-origin: 2px 2px;
    background: #FFFFFF;
}

/* 背景画像設定 */
/* 就寝 */
.sleep {
    background-image: url(../img/lifelog/sleep_square.png);
    background-size: contain;
}
/* 食事 */
.meal {
    background-image: url(../img/lifelog/meal_square.png);
    background-size: contain;
}
/* 外出 */
.outing {
    background-image: url(../img/lifelog/outing_square.png);
    background-size: contain;
}
/* 昼寝 */
.siesta {
    background-image: url(../img/lifelog/siesta_square.png);
    background-size: contain;
}
/* 娯楽 */
.entertainment {
    background-image: url(../img/lifelog/entertainment_square.png);
    background-size: contain;
}
/* その他 */
.others {
    background-image: url(../img/lifelog/others_square.png);
    background-size: contain;
}
/* 服薬 */
.medicine {
    position: relative
}
.medicine:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../img/lifelog/medicine_square.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    bottom: 0;
}

/* アコーディオン */
.accordion {
    border-bottom: 2px solid #d0d0d0;
}

.accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 1em;
    color: #2589d0;
    font-weight: 600;
    cursor: pointer;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #4b5263b3;
    border-right: 3px solid #4b5263b3;
    content: '';
    transition: transform .3s;
}

.accordion[open] summary::after {
    transform: rotate(225deg);
}

.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #4b5263;
    transition: transform .5s, opacity .5s;
}

.accordion[open] p {
    transform: none;
    opacity: 1;
}

/* タブ */
.tab {
    display: flex;
    flex-wrap: wrap;
}

.tab > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #6e7283;
    text-align: center;
    cursor: pointer;
}

.tab > label:hover {
    opacity: .8;
}

.tab input {
    display: none;
}

.tab > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab label:has(:checked) {
    background-color: #fff;
    border-color: #2589d0 #f0f0f0 #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #4e5263;
}

.tab label:has(:checked) + div {
    display: block;
}

/* 比率を同じにする */
.aspect-ratio {
    aspect-ratio: 1;
}

.feeling__label_big:before {
    width: 3rem;
    height: 3rem;
}

/* 生活記録表詳細登録 e */ 

/***************************** 生活記録管理 e *****************************/

/***************************** 行選択.内容（定期連絡・面談） s *************/
table.detail {
    border-collapse: collapse;
 }
 table.detail td {
    border-width: 1px 0px; /* 上下だけ引く */
    border-color: #999999;   /* 線色：黒 */
    border-style: solid;   /* 線種：実線 */
    padding: 0.3em;        /* セル内側の余白 */
 }
/***************************** 行選択.内容（定期連絡・面談） e *************/


/***************************** 書類管理 s ****************************/


#leaveDocList td{
    min-height: 2em;
    vertical-align: middle;
}

@media (min-width:48.0625em) { /*sm*/

    #leaveDocList .col-comment{
        max-width:200px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        white-space: normal;
    }

    #leaveDocList .col-operation{
        width:240px;
        min-width:240px;
    }
}
/***************************** 書類管理 e ****************************/


/***************************** 休職者への連絡通知 s *************/
#message_area .accordion-content a,
#message_area .details-content a {
    text-decoration: underline;
    color: -webkit-link;
    cursor: pointer;
 }
/***************************** 休職者への連絡通知 e *************/