article.box .inner{
    margin-bottom: 5rem;
}

/*日付選択*/

.datepicker-wrapper{
    max-width: 100%;
    margin-right: 2rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40% 2rem 40%;
    grid-template-columns: 40% 2rem 40%;
    -ms-grid-rows: 2rem 2rem;
    grid-template-rows: 2rem 2rem;
    grid-template-areas:
            "label-start  label-start label-end"
            "picker-start delimiter   picker-end";
}
.datepicker-wrapper .datepicker_label.start{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: label-start;
}
.datepicker-wrapper .datepicker_label.end{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: label-end;
}
.datepicker-wrapper .datepicker.start{
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: picker-start;
}
.datepicker-wrapper .delimiter{
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: delimiter;
}
.datepicker-wrapper .datepicker.end{
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: picker-end;
}
.datepicker-wrapper label{
    display: block;
    line-height: 2;
}

/*区分選択*/

.checkbox_group{
    max-width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 2rem 2rem;
    grid-template-rows: 2rem 2rem;
    grid-template-areas:
            "heading heading heading heading"
            "inquiry catalog sample  search";
}
.checkbox_group .search button{
    line-height: 1.5;
    padding: 5px 15px;
    border: none;
    background-color: #1D2A89;
    color: white;
}
@media screen and (max-width:639px){
    .checkbox_group{
        grid-template-rows: 2.5rem 2.5rem 4rem;
        -ms-grid-rows: 2.5rem 2.5rem 4rem;
        -ms-grid-columns: 33% 33% 33%;
        grid-template-columns: 33% 33% 33%;
        grid-template-areas:
                "heading heading heading"
                "inquiry catalog sample"
                "search  ...     ...";
    }
    .checkbox_group .search button{
        padding: 10px;
        width: 100%;
    }
}

.checkbox_group > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.checkbox_group > div:not(.heading):not(:last-child){
    margin-right: 1rem;
}
.checkbox_group .heading{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: heading;
}
.checkbox_group .inquiry{
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: inquiry;
}
.checkbox_group .catalog{
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: catalog;
}
.checkbox_group .sample{
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: sample;
}
.checkbox_group .search{
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: search;
}
@media screen and (max-width:639px){
    .checkbox_group .heading{
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .checkbox_group .inquiry{
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .checkbox_group .catalog{
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .checkbox_group .sample{
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
    .checkbox_group .search{
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}
.checkbox_group .search button:hover{
    opacity: 0.8;
}



/*履歴テーブル*/

.l-main__under-page .content h3{
    text-align: left;
    font-weight: bold;
    font-size: 1.2rem;
}

table{
    box-sizing: border-box;
    margin: 0;
}

th{
    padding: 10px 5px;
    font-weight: normal;
    text-align: center;
    background-color: #F8F8F8;
    border: solid 5px white;
}
th.detail_button{
    background-color: inherit;
}

table tbody td div{
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
    min-height: 5rem;
}
table tbody td.detail_button div{
    padding: 5px;
}

table tbody td:not(.detail_button){
    border-bottom: solid 2px #DADADA;
}

table tbody td.history_date div,
table tbody td.history_type div,
table tbody td.detail_button div{
    white-space: nowrap;
}
table tbody td.history_destinations div,
table tbody td.history_content div{
    display: block;
}

table tbody td.history_content div,
table tbody td.history_destinations div{
    text-align: left;
}

table tbody td.detail_button div button{
    padding: 5px 15px;
    border: none;
    background-color: #1D2A89;
    color: white;
}
table tbody td.detail_button div button:hover{
    opacity: 0.8;
}

@media screen and (max-width:639px){
    table,tbody,thead,th,td,tr{
        display: block;
    }
    table th{
        display: none;
    }
    table tbody td:not(.detail_button){
        border-bottom: inherit;
    }

    .history_row:not(:last-child){
        margin-bottom: 1.5rem;
    }
    .history_row::after{
        content: '' !important;
        display: block;
        clear: both;
    }
    .history_row > td{
        display: flex;
        display:-webkit-box;
        display:-ms-flexbox;
    }

    .history_row > td > div{
        padding: 15px;
        min-height: inherit;
        flex-basis: 66%;
        max-width:66%;
        text-align: left;
    }
    td:not(.detail_button)::before{
        flex-basis: 33%;
        display: flex;
        align-items: center;
        justify-content: center;
        display: -ms-flexbox;
        -ms-flex-pack: justify;
        -ms-flex-line-pack: center;
        box-sizing: border-box;
        background-color: #F8F8F8;
        border: solid 5px white;
    }
    td.history_date::before{
        content: '日時';
    }
    td.history_type::before{
        content: '区分';
    }
    td.history_content::before{
        content: '内容';
    }
    td.history_destinations::before{
        content: '送り先';
    }
    table tbody td.detail_button div{
        padding: 0;
    }
    table tbody td.detail_button div button{
        padding: 15px 5px;
        width: 50%;
        border: solid 5px white;
    }
}
/*IE対策*/


/*    @media screen and (max-width:639px){*/
/*        table,tbody,thead,th,td,tr{*/
/*            display: block;*/
/*        }*/
/*        table th{*/
/*            display: none;*/
/*        }*/
/*        table tbody td:not(.detail_button){*/
/*            border-bottom: inherit;*/
/*        }*/

/*        .history_row:not(:last-child){*/
/*            margin-bottom: 1.5rem;*/
/*        }*/
/*        .history_row::after{*/
/*            content: '';*/
/*            display: block;*/
/*            clear: both;*/
/*        }*/
/*        .history_row > td{*/
/*            display: -ms-flexbox;*/
/*        }*/

/*        .history_row > td > div{*/
/*            padding: 15px;*/
/*            min-height: inherit;*/
/*            flex-basis: 66% ;*/
/*            max-width:66% ;*/
/*            text-align: left;*/
/*        }*/
/*        th:not(.detail_button)::before{*/
/*            flex-basis: 33%;*/
/*            max-width: 33%;*/
/*            display: -ms-flexbox;*/
/*            -ms-flex-pack: justify;*/
/*            -ms-flex-line-pack: center;*/
/*            text-align:center;*/
/*            box-sizing: border-box;*/
/*            background-color: #F8F8F8 !important;*/
/*            border: solid 5px white;*/
/*        }*/
/*        td.history_date::before{*/
/*            content: '日時';*/
/*        }*/
/*        td.history_type::before{*/
/*            content: '区分';*/
/*        }*/
/*        td.history_content::before{*/
/*            content: '内容';*/
/*        }*/
/*        td.history_destinations::before{*/
/*            content: '送り先';*/
/*        }*/
/*        table tbody td.detail_button div{*/
/*            padding: 0;*/
/*        }*/
/*        table tbody td.detail_button div button{*/
/*            padding: 15px 5px;*/
/*            width: 50%;*/
/*            border: solid 5px white;*/
/*        }*/
/*    }*/