@charset "utf-8";

/* ===============================================================
    responsive styles
    =============================================================== */
/*
    breakpoint
        smartphone: 320px ~ 559px
        tablet: 560px ~ 959px
        pc: 960px~
*/

@media screen and (max-width: 1350px) {
    .container {
        width: 95%;
    }
    .product_list .list_table,
    .product_detail_list .list_table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
}
@media screen and (min-width: 960px) { 
    .humburger {
        visibility: hidden;
    }
    .user_list .list_table,
    .product_list .list_table,
    .application_list .list_table,
    .application_summary_user .list_table,
    .application_summary_product .list_table,
    .reservation_list .list_table,
    .schedule_list .list_table,
    .login_form .line_area .is-desktop {
        visibility: visible;
    }
    .user_list .list_ul,
    .product_list .list_ul,
    .application_list .list_ul,
    .application_summary_user .cards,
    .application_summary_product .cards,
    .reservation_list .list_ul,
    .schedule_list .list_ul,
    .login_form .line_area .is-touch {
        visibility: hidden;
        display: none;
    }
}
@media screen and (max-width: 959px) { /* device tablet */
    .application_status_unsettled {
        /* width: 72px; */
        margin-top: 8px;
        /* font-size: 0.7rem; */
    }
    .application_status_invoiced {
        /* width: 72px; */
        margin-top: 8px;
        /* font-size: 0.7rem; */
    }
    .application_status_settled {
        /* width: 72px; */
        margin-top: 8px;
        /* font-size: 0.7rem; */
    }
    .header_logo_img {
        width: 320px;
    }
    .humburger {
        visibility: visible;
        top: 20px;
    }
    .nav_local {
        width: 45vw;
        visibility: hidden;
        transform: translateX(100vw);
        transition: all .4s linear;
        position: fixed;
        top: 0;
        /* z-index: 999; */
        z-index: 2;
    }
    .contents_center {
        width: 90vw;
    }
    .user_list .list_table,
    .product_list .list_table,
    .application_list .list_table,
    .application_summary_user .list_table,
    .application_summary_product .list_table,
    .reservation_list .list_table,
    .schedule_list .list_table,
    .login_form .line_area .is-desktop {
        visibility: hidden;
        display: none;
    }
    .user_list .list_ul,
    .product_list .list_ul,
    .application_list .list_ul,
    .application_summary_user .cards,
    .application_summary_product .cards,
    .reservation_list .list_ul,
    .schedule_list .list_ul,
    .login_form .line_area .is-touch {
        visibility: visible;
    }
    .application_detail_list {
        width: 100%;
    }
    .detail_form {
        width: 90%;
    }
    .search_area .items_section .input_item {
        width: 30%;
    }
    .search_area .items_section .input_product {
        width: 50%;
    }
    .product_detail_list {
        width: 100%;
    }
}
@media screen and (max-width: 559px) { /* device smartphone */
    footer {
        bottom: 80px;
    }
    .footer_fixed {
        padding-bottom: 120px;
    }
    .application_status_unsettled {
        width: 72px;
        margin-top: 4px;
        /* font-size: 0.7rem; */
    }
    .application_status_invoiced {
        width: 72px;
        margin-top: 4px;
        /* font-size: 0.7rem; */
    }
    .application_status_settled {
        width: 72px;
        margin-top: 4px;
        /* font-size: 0.7rem; */
    }
    .header_logo_img {
        width: 280px;
    }
    .humburger {
        visibility: visible;
        top: 20px;
    }
    .nav_local {
        width: 75vw;
        visibility: hidden;
        transform: translateX(100vw);
        transition: all .4s linear;
        position: fixed;
        top: 0;
        /* z-index: 999; */
        z-index: 2;
    }
    .nav_footer_menu {
        position: fixed;
        display: flex;
        width: 100%;
        bottom: 0;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0 0;
        z-index: 2;
    }
    .nav_footer_menu .item {
        width: 50%;
        text-align: center;
        /* margin: 1.4rem 0 1rem;
        line-height: 1; */
        margin: 16px 0;
        height: 48px;
        border-left: 1px solid rgba(51, 51, 51, 1);
        color: rgba(0, 0, 0, 1);
    }
    .nav_footer_menu .item:first-child {
        border-left: none;
    }
    .nav_footer_menu .item img {
        width: 24px;
        height: auto;
        margin-bottom: 0.4rem;
    }
    .nav_footer_menu .name {
        /* line-height: 1; */
        padding-top: 4px;
    }
    .contents_center {
        width: 95vw;
    }
    .entry_form {
        /* width: 95%; */
        width: 100%;
    }
    .login_form .button_area {
        margin: 32px 0 0;
    }
    .user_list .list_table,
    .product_list .list_table,
    .application_list .list_table,
    .application_summary_user .list_table,
    .application_summary_product .list_table,
    .reservation_list .list_table,
    .schedule_list .list_table,
    .login_form .line_area .is-desktop {
        visibility: hidden;
        display: none;
    }
    .user_list .list_ul,
    .product_list .list_ul,
    .application_list .list_ul,
    .application_summary_user .cards,
    .application_summary_product .cards,
    .reservation_list .list_ul,
    .schedule_list .list_ul,
    .login_form .line_area .is-touch {
        visibility: visible;
    }
    .list_ul .regular_label,
    .list_ul .new_label {
        padding: unset;
    }
    .list_ul .subtitle {
        border-bottom: 1px solid rgba(127, 127, 127, 1);
        color: rgba(127, 127, 127, 1);
    }
    .reservation_list .product_detail_info a {
        margin-right: 0;
        /* margin-bottom: 4px; */
        width: 100%;
    }.reservation_list .product_detail_info .card {
        margin-bottom: 8px;
    }
    .application_detail_list {
        width: 100%;
    }
    .entry_form .button_area {
        justify-content: space-evenly;
    }
    .entry_form .button_area .cancel_button,
    .entry_form .button_area .entry_button {
        margin: auto;
    }
    .detail_form {
        width: 95%;
    }
    .detail_form .button_area {
        display: block;
        margin-bottom: 48px;
    }
    .detail_form .action_link {
        display: block;
        margin-bottom: 24px;
        text-align: left;
    }
    .detail_form .action_button {
        display: block;
    }
    .detail_form .action_button .action_button_inner {
        justify-content: flex-start;
    }
    .detail_form .action_button .action_button_inner:nth-child(n+2) {
        margin-top: 16px;
    }
    .search_area {
        /* display: block; */
        display: none;
    }
    .search_area .items_section {
        display: block;
        width: 100% !important;
    }
    .search_area .items_paragraph .items_section {
        display: block;
        width: 100% !important;
    }
    .search_area .items_section .input_item {
        width: 100%;
    }
    .search_area .items_section .input_product {
        width: 100%;
    }
    .search_area .items_section input[type="text"],
    .search_area .items_section select {
        width: 100% !important;
    }
    .search_area .button_section {
        margin-top: 16px;
    }
    .product_detail_list {
        width: 100%;
    }
    .two_column_home {
        display: block;
    }
    .two_column_home > div {
        width: 100%;
    }
}