@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
モバイル用CSS
*/




/*-- タブレット表示CSS --*/
@media screen and (max-width:1024px) {

    .flow_list li {
        position: relative;
        width: 18%;
        font-size: 12px;
        line-height: 16px;
        padding: 2px 1px;
    }

    /*-- ディスプレイ切り替え --*/
    .sp_none {
        display: none;
    }

    .pc_none {
        display: block;
    }

}





/*-- スマホ表示CSS --*/
@media screen and (max-width:640px) {

    /*--- コンテンツ ---*/
    /*--- reservation - index ---*/
    .flow_list li::before {
        position: absolute;
        top: 50%;
        right: -9px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        content: ">";
    }

    .time_select {
        display: flex;
        justify-content: center;
    }

    .status_list li {
        font-size: 15px;
    }

    .data_set_wrap {
        flex-flow: column nowrap;
    }

    .data_set_wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
    }

    .d_date {
        padding: 0 10px 0 10px;
    }

    .d_start,
    .d_end {
        padding: 0 2px;
    }

    .d_price {
        padding: 0 10px;
        font-weight: bold;
    }



    /*--- reservation - facility ---*/
    .m_form {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

    .m_form dt {
        padding: 15px 0 0;
    }

    .m_form dd {
        padding: 0 0 15px;
    }

    .m_form dt, .m_form dd {
        width: 90%;
        margin: 0 auto;
    }

    .m_form input,
    .m_form textarea {
        margin-top: 0;
    }

    .long, .middle {
        width: 100%;
        padding: 10px 5px;
        font-size: 16px;
    }

    .short {
        width: 50%;
        padding: 10px 5px;
        font-size: 16px;
    }

    .btn_login, .btn_signin a {
        color: #fff !important;
        background: #ea5514;
        width: 200px;
        height: 48px;
        font-size: 16px !important;
        line-height: 48px;
        margin: 0 auto;
        border: 0;
        border-radius: 3px;
        text-align: center;
        display: block;
    }

    .btn_mulch_wrap div {
        margin: 0 10px;
    }

    .btn_mulch {
        color: #fff;
        background-color: #ea5514;
        width: 150px;
        height: 48px;
        font-size: 13px;
        line-height: 48px;
        border: 0;
        border-radius: 3px;
        text-align: center;
    }

    .align-top {
        position: relative;
        top: 0;
    }

    .align-top2 {
        position: relative;
        top: 0;
    }

    .align-top3 {
        position: relative;
        top: 0;
    }

    .align-top4 {
        position: absolute;
        top: 0;
    }



    /*--- reservation - schedule ---*/
    .schedule th,
    .schedule td {
        padding: 10px 2px;
        font-size: 12px;
    }

    .schedule td:nth-child(3n),
    .schedule td:nth-child(4n) {
        padding-right: 0.2em;
    }

    .btn_schedule {
        margin: 0.2em 0;
    }



    /*--- reservation - notes ---*/
    .notes {
        width: 90%;
        margin: 0 auto;
    }



        /*--- mypage - index ---*/
    .history th,
    .history td {
        padding: 10px 2px;
        font-size: 12px;
    }



    /*--- mypage - detail ---*/
    .detail1 {
        width: 95%;
        margin: 20px auto;
        font-size: 14px;
    }

    .detail1 tr,
    .detail1 td {
        padding: 10px 0;
    }

    .btn_detail {
        font-size: 14px;
        margin-right: 0.1em;
    }

    .detail2 {
        width: 95%;
        margin: 20px auto;
        font-size: 14px;
    }

    .detail2 th,
    .detail2 td {
        padding: 10px 0.5em;
    }

    .detail2 th {
        width: 25%;
    }




















    /*-- ディスプレイ切り替え --*/
    .sp_none {
        display: none;
    }

    .pc_none {
        display: block;
    }

}

/*-- End --*/