:root{
    --tablet-size:1100px;
    --pc-size:1101px
}

.body {
    padding-bottom: 0px;
}
label {
    /*全体の文字色　flexgridを除外*/
    color: black;
   /* color: green;*//*テスト用文字色*/
}

.error_state {
    outline: dashed !important;
    outline-color: red !important;
}

/* 非活性時の禁止マーク */
.allow_state[disabled] {
    cursor: not-allowed;
}

/* 必須項目 */
body .required_item {
    background-color: #FBEDF4;
}
    /* 入力中は白 */
    body .required_item:focus-within {
        background-color: #FFF;
    }
    /* 使用不可状態は白、半透明 */
    body .required_item:disabled {
        background: #FFF;
        opacity: .6;
    }
    /* grapecity用 */
    body .required_item.wj-state-disabled:not(.wj-popup) {
        background-color: #FFF;
    }

/*ヘッダー部分の背景色*/
.hdr_bg_col {
    background-color: #FDF2DA;
    margin-bottom: 0.5em;
}

/*POPUPのドラッグ可能部分のCSS*/
.wj-popup .wj-dialog-header, .wj-popup .modal-header{
    background-color: inherit!important;
    color: inherit!important;
    height:3em;
    padding:10px;
}

/*入力可*/
.input-available {
    background-color: lightgoldenrodyellow !important;
}

/*入力不可*/
.input-unavailable {
    background-color: darkgray !important;
}

/*推奨の延長保育パターン*/
.input-ext_grp_no {
    background-color: lightgoldenrodyellow !important;
    /*    background-color: gold !important;*/
}

/*タイトル文字サイズ位置アンカー*/
.header_title{
    position:relative;
}
/*タイトル文字サイズ、中央上気味に配置*/
    .header_title label {
        position: absolute;
        top: 20px;
        left: 20px;
        color: black; /*文字色*/
        
        font-size: x-large; /*サイズ*/
        /*font-weight: bold;*/ /*太字*/
        width: Calc(100% - 20px);
    }

/*キャプション文字サイズ*/
.caption_size{
    color: black;
    font-size: large;
}


/*コンテンツ中央揃え*/
@media screen and (min-width:1600px) {
    .contents_center {
        padding-left: Calc(50vw - 800px);
        padding-right: Calc(50vw - 800px);
    }
}

/*入力可の選択セルの文字色*/
.wj-state-selected.input-available {
    color: #FF0000 !important;
}
/*入力可の選択セルの文字色*/
.wj-state-multi-selected.input-available {
    color: #FF0000 !important;
}

/*ボタンの構造が違うため2種類変更が必要*/
/*ボタン部分の色　通常*/
.calendar_icon .wj-input-group-btn,
.clock_icon .wj-input-group-btn {
    background-color: #eee;
    border-color:#e1e1e1;
}

/*ボタン部分の色　特殊*/
.calendar_icon .wj-control .wj-input-group-btn > .wj-btn.wj-btn-default:enabled,
.clock_icon .wj-control .wj-input-group-btn > .wj-btn.wj-btn-default:enabled {
    background-color: #eee;
    border-color: #e1e1e1;
}

.CalenderPicker .wj-input-group-btn {
    background-color: #eee;
    border-color: #e1e1e1;
}

.wj-input-group-btn span{
    background-color: #ffffff;
    opacity:1;
}

.wj-glyph-calendar span{
    background-color: #ffffff;
    opacity: 1;
}
/**/
/*カレンダーアイコン*/
.calendar_icon .wj-glyph-down {
    width: 1em;
    height: 1em;
    border: .1em solid;
    border-top: .3em solid;
    top: .15em;
    background-color: #ffffff;
    opacity: 1;
}

    .calendar_icon .wj-glyph-down:after {
        position: absolute;
        left: .3em;
        top: .1em;
        width: .2em;
        height: .4em;
        border-right: .1em solid;
        border-top: .07em solid;
        opacity: 1;
        content: " ";
        background-color: #ffffff;
    }

/*wijimo時計アイコン*/
.clock_icon .wj-glyph-down {
    width: 1em;
    height: 1em;
    border: .1em solid;
    border-radius: 50%;
    top: .15em;
    background-color: #ffffff;
    opacity: 1;
}

.clock_icon .wj-glyph-down:after {
    position: absolute;
    border-left: .1em solid;
    border-bottom: .1em solid;
    width: .25em;
    height: .3em;
    top: .2em;
    left: .35em;
    content: " ";
    background-color:#ffffff;
}

/*<input type="time">のdefaultアイコンを変更するcss*/
input[type='time'] {
    position: relative;
    min-width:90px;
    width: auto;
    display: flex;
}
    /*時計の外の円*/
    input[type='time']:before {
        position: absolute;
        top: 6px;
        right: 10px;
        content: ' ';
        color: black;
        width: 20px;
        height: 20px;
        border: solid .1em;
        opacity: .6;
        background-color: #ffffff;
        border-radius: 50%;
    }
    /*時計の針*/
    input[type='time']:after {
        position: absolute;
        top: .7em;
        right: 15.8px;
        content: ' ';
        height: .55em;
        width: .4em;
        opacity: .7;
        border-left: solid .1em;
        border-bottom: solid .1em;
        border-radius:0px 0px 0px 1px;
        background-color: transparent;
    }
    /*defaultのアイコンを透明にして作成した疑似アイコンより上に持ってくる*/
    input[type='time']::-webkit-calendar-picker-indicator {
        position: absolute;
        opacity: 0;
        z-index: 5;
        top: -2px;
        right: 2px;
        width: 30px;
        height: 30px;
    }

/*<input type="month">のdefaultアイコンを変更するcss*/
input[type='month'] {
    position: relative;
    width: auto;
    display: flex;
}
    /*カレンダーの外枠*/
    input[type='month']:before {
        position: absolute;
        top: 25%;
        right: 8px;
        content: ' ';
        width: 18px;
        height: 18px;
        border: 1.8px solid;
        border-top: 5px solid;
        background-color: #ffffff;
        color: black;
        opacity: 1;
    }

    /*カレンダー内の数字*/
    input[type='month']:after {
        position: absolute;
        top: 43%;
        right: 15px;
        content: ' ';
        height: .55em;
        width: .25em;
        border-top: solid 1.5px;
        border-right: solid 1.8px;
        background-color: transparent;
        color: black;
        opacity: 1;
    }
    /*defaultのアイコンを透明にして作成した疑似アイコンより上に持ってくる*/
    input[type='month']::-webkit-calendar-picker-indicator {
        position: absolute;
        opacity: 0;
        z-index: 5;
        top: 1px;
        right: 0px;
        width: 30px;
        height: 30px;
    }


/*<input type="datetime-local">のdefaultアイコンを変更するcss*/
input[type='datetime-local'] {
    position: relative;
    width: auto;
    display: flex;
}
/*カレンダーの外枠*/
input[type='datetime-local']:before {
    position: absolute;
    top: 6px;
    right: 10px;
    content: ' ';
    width: 18px;
    height: 18px;
    border: 1.8px solid;
    border-top: 5px solid;
    background-color: #ffffff;
    color: black;
    opacity: 1;
}
/*カレンダー内の数字*/
input[type='datetime-local']:after {
    position: absolute;
    top: 0.9em;
    right: 17.5px;
    content: ' ';
    height: .55em;
    width: .25em;
    border-top: solid 1.5px;
    border-right: solid 1.8px;
    background-color: transparent;
    color: black;
    opacity: 1;
}
    /*defaultのアイコンを透明にして作成した疑似アイコンより上に持ってくる*/
    input[type='datetime-local']::-webkit-calendar-picker-indicator {
        position: absolute;
        opacity: 0;
        z-index: 5;
        top: -2px;
        right: 2px;
        width: 30px;
        height: 30px;
    }

.form-inline .form-control {
    /*display: flex;*/
    width: auto;
}

/*月別登降園時間確認アイコン　降園時間(以降)*/
.btn_clock_icon {
    position: relative;
}

    .btn_clock_icon:before {
        position: absolute;
        top: 6px;
        right: 6px;
        content: ' ';
        color: black;
        width: 20px;
        height: 20px;
        border: solid .1em;
        opacity: .6;
        background-color: #ffffff;
        border-radius: 50%;
    }

    .btn_clock_icon:after {
        position: absolute;
        top: .7em;
        right: 11.8px;
        content: ' ';
        height: .55em;
        width: .4em;
        opacity: .7;
        border-left: solid .1em;
        border-bottom: solid .1em;
        border-radius: 0px 0px 0px 1px;
        background-color: transparent;
    }



.AuthorityEx {
    display: none;
}

#date-time-edit::before {
    content:"　";
    width:100%;
}

/*aタグ選択時の強調表示CSS*/
.wj-state-selected a, .wj-state-last-selected a{
    color: white;
}

/*チェックボックスで表示/非表示を切り替えるCSS*/
/*input[type="checkbox"]:checked + details > summary {
	display:block;
	cursor:pointer;
}

details > :not(summary) {
	max-height:0;
	overflow:hidden;
	transition:max-height 0.5s ease;
}

input[type="checkbox"]:checked + details > :not(summary) {
	max-height:150px;
}
*/

/*タイトル行のCSS設定*/

.custom_header_row_area {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
}

.title_label {
    margin: 3px 0 0 10px;
    min-width: 100px;
    font-size:1.2em;
}

.custom_row_area {
    display: flex;
}



.container_btn div {
    margin: 5px 4px 0px 4px;
}

.container_btn button {
    margin: 0px 2.5px;
}

.search_flex_area_btn {
    justify-content: right;
}


@media (min-width: 1600px) {
    .container-xxl {
        max-width: 1600px;
    }
}


.search_condition_ex{
    padding-left:2em;
}
    .search_condition_ex  label{
        font-size:0.9em;
    }

.search_flex_area {
    display: flex;
    /*width: auto;*/
    margin-bottom: 5px;
    padding-right: 1em!important;
}


        .search_flex_area label {
            white-space: nowrap;
            width: auto;
            padding: 0px 5px;
            position: relative;
            top: 5px;
        }


.flex_content {
    display: flex;
    /*width: auto;*/
    margin-bottom: 5px;
}


   /* .flex_content label {
        white-space: nowrap;
        width: auto;
        padding: 0px 5px;
        position: relative;
        top: 5px;
        min-width:7em;
    }*/


input:not(input[type="checkbox"]):not(input[type="radio"]), button, select, textarea {
    font-size: smaller;
}

.btn_main_search {
    width: 118px;
}

.btn_main_search_big {
    min-width: 170px;
    width:auto;
}

/*検索条件部水色以外のマージン*/
.search_condition_sub_btn div {
    margin: 0px 4px 0px 4px;
}
/*検索条件部水色以外のボタンマージン*/
    .search_condition_sub_btn button {
        margin: 0px 2.5px;
    }

/*検索条件部水色以外のボタン*/
.btn_search_condition_sub {
    width: 118px;
}
/*検索条件部水色以外のボタン*/
.btn_search_condition_sub_big {
    width: 130px;
}


/*検索条件部以外のボタン*/
.btn_common {
    width: 120px;
}
.btn_common_big {
    min-width: 225px;
    width: auto;
}

/*ポップアップヘッダ部のボタン*/
.btn_popup_header {
    width: 100px;
}

/*ポップアップ内部のボタン*/
.btn_popup_content {
    width: 100px;
}
.btn_popup_content_big {
    min-width: 130px;
    width:auto;
}


/*検索条件部分のチェック、ラジオ*/
.search-condition-radio > input[type="radio"] {
    top: 8px;
    left: 2px;
    position: relative;
}

.search-condition-check > input[type="checkbox"] {
    top: 8px;
    left:2px;
    position: relative;
}

.common-radio > input[type="radio"] {
    top: 4px;
    left: 2px;
    position: relative;
}

.common-check > input[type="checkbox"] {
    top: 8px;
    left: 2px;
    position: relative;
}
.common-check > label {
    top: 5px;    
    position: relative;
    padding-bottom:5px;
}

.popup-common {
    padding: 10px 8px 10px 8px;
    /*min-width: 750px;*/
    min-width: 600px;
}



/*.col-3 {
    margin-bottom: 5px;
}*/

.common-item-lbl {    
    position: relative;
    top: 5px;    
}

.common-item-lbl-EX {
    white-space: nowrap;
    /*width: auto;*/
    padding: 0px 5px;    
    min-width: 5em;
}


/*検索項目アコーディオン設定*/
summary {
    cursor: pointer;
    position: relative;
    background-image: url(../img/00/arrow-down-circle.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
}

[open] summary {
    background-image: url(../img/00/arrow-up-circle.svg);
}

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

/*aタグボタン抑制*/
.suppress_onclick{
    pointer-events:none;
}