/* _content/dsys/Pages/BackTempReservationList.razor.rz.scp.css */
body[b-5hezzqbl0i] {
}

.temp-reservation-list-container[b-5hezzqbl0i] {
    max-width: 1150px;
}

    .temp-reservation-list-container .temp-reservation-list-table td.td-yyyy-mm-dd[b-5hezzqbl0i] {
        border: 1px solid #dee2e6;
    }

    .temp-reservation-list-container .temp-reservation-list-table td[b-5hezzqbl0i] {
        vertical-align: middle !important;
        border: 1px solid #dee2e6;
        text-align: center;
    }

th[b-5hezzqbl0i] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
.yyyy-mm-dd-box[b-5hezzqbl0i] {
    flex-direction: column;
    align-items: baseline;
    display: inline-flex;
}
.status-checkbox[b-5hezzqbl0i] {
    flex-direction: column;
    align-items: baseline;
    display: inline-flex;
}
.completed-row[b-5hezzqbl0i] {
    background-color: gray;
}

/* _content/dsys/Pages/BackUserEdit.razor.rz.scp.css */
th[b-g65uqi044u] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
}
/* _content/dsys/Pages/CancelDetail.razor.rz.scp.css */
th[b-iexsl8gz7s] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/* _content/dsys/Pages/Front.razor.rz.scp.css */
img[b-qdxnc3odav] {
    display: block;
    width: 100%;
}

.bg[b-qdxnc3odav] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


#notice[b-qdxnc3odav] {
    margin-bottom: 3rem;
}

    #notice .notice_panel[b-qdxnc3odav] {
        font-weight: bold;
        border: 1px solid;
        margin-bottom: 24px;
        padding: 15px 25px;
        font-size: 1.1rem;
        line-height: 1.7rem;
    }

#campaign[b-qdxnc3odav] {
    font-weight: bold;
}

    #campaign #campaign_panel[b-qdxnc3odav] {
        padding: 0 1rem 1.2rem;
        position: relative;
        border-radius: 8px;
    }

    #campaign .campaign_contents[b-qdxnc3odav] {
        background-color: white;
    }

    #campaign .campaign_title[b-qdxnc3odav] {
        text-align: center;
        line-height: 2.5rem;
    }

    #campaign .campaign_contents[b-qdxnc3odav] {
        padding: 0.5rem 5.5rem 2.5rem 0.5rem;
        font-size: 0.9rem;
    }


    #campaign .img_campaign_girl[b-qdxnc3odav] {
        background-image: url(/img/campaign_girl.png);
        position: absolute;
        bottom: -25%;
        right: 0;
        width: 76px;
        height: 132px
    }

.section_title[b-qdxnc3odav] {
    font-size: 1.3rem;
    padding: 1.2rem;
    border-radius: 8px;
}

#webreserve[b-qdxnc3odav] {
    margin: 3rem 0 5rem;
}

    #webreserve .link_row[b-qdxnc3odav] {
        height: 4rem;
    }

        #webreserve .link_row > div[b-qdxnc3odav] {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left:5px;
            padding-right:5px;
        }

    #webreserve .btn_reserve_confirmation[b-qdxnc3odav] {
        color: #fff;
        font-weight: bold;
    }

    #webreserve .btn_reserve_confirmation:hover[b-qdxnc3odav] {
        opacity:0.7;
    }

    #webreserve .btn_reserve_confirmation:active[b-qdxnc3odav] {
        opacity: 0.7;
    }

    #webreserve .img_ico_reservation[b-qdxnc3odav] {
        background-image: url(/img/reservation.png);
        width: 1.5rem;
        height: 1.5rem;
        display: inline-block;
        vertical-align: text-bottom;
    }

    #webreserve .img_ico_confirmation[b-qdxnc3odav] {
        background-image: url(/img/confirmation.png);
        width: 1.5rem;
        height: 1.5rem;
        display: inline-block;
        vertical-align: text-bottom;
    }

    #webreserve .btn_reserve_annotation[b-qdxnc3odav] {
        color: red;
        font-size: small;
        padding-left: 10px;
    }

    #webreserve .btn_confirmation_annotation[b-qdxnc3odav] {
        color: red;
        font-size: small;
    }


#tel[b-qdxnc3odav] {
}

    #tel .eigyo[b-qdxnc3odav] {
        line-height: 5rem;
    }

    #tel .tel_shop_panel[b-qdxnc3odav] {
        background-color: #f3f3f4;
        text-align: center;
        padding: 1rem;
        border: 5px solid white;
    }

    #tel .tel_shop_name[b-qdxnc3odav] {
        font-weight: bold;
    }

    #tel .tel_shop_number[b-qdxnc3odav] {
        display: block;
        color: #d75278;
        background-color: white;
        border-radius: 25px;
        border: 1px solid;
        padding: 0.4rem 0.2rem;
        margin-top: 0.6rem;
    }

        #tel .tel_shop_number .img_ico_tel[b-qdxnc3odav] {
            background-image: url(/img/ico_tel.png);
            width: 1rem;
            height: 1rem;
            display: inline-block;
            vertical-align: text-bottom;
        }

#line[b-qdxnc3odav] {
}

    #line #linepanel[b-qdxnc3odav] {
    }

    #line #linemessage[b-qdxnc3odav] {
        line-height: 5rem;
        font-size: 1.2rem;
    }

    #line #linelink[b-qdxnc3odav] {
        display: block;
        text-align: center;
        position: relative;
    }

        #line #linelink #line-panel[b-qdxnc3odav] {
            display: block;
        }

            #line #linelink #line-panel #line-undermessage[b-qdxnc3odav] {
                background: #535257;
                color: white;
                position: relative;
                line-height: 2rem;
            }

                #line #linelink #line-panel #line-undermessage .img_arraw[b-qdxnc3odav] {
                    height: 80%;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    background-image: url(/img/arw_w.png);
                    width: 30px;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

@media only screen and (min-width:768px) {
    img[b-qdxnc3odav] {
    }

    .bg[b-qdxnc3odav] {
    }

    .yume_color[b-qdxnc3odav] {
    }

    .yume_btn[b-qdxnc3odav] {
    }

    .yume_bg[b-qdxnc3odav] {
    }

    #notice[b-qdxnc3odav] {
    }

        #notice .notice_panel[b-qdxnc3odav] {
        }

    #campaign[b-qdxnc3odav] {
    }

        #campaign #campaign_panel[b-qdxnc3odav] {
        }

        #campaign .campaign_contents[b-qdxnc3odav] {
        }

        #campaign .campaign_title[b-qdxnc3odav] {
        }

        #campaign .campaign_contents[b-qdxnc3odav] {
        }


        #campaign .img_campaign_girl[b-qdxnc3odav] {
        }

    .section_title[b-qdxnc3odav] {
    }

    #webreserve[b-qdxnc3odav] {
    }

        #webreserve .link_row[b-qdxnc3odav] {
        }

            #webreserve .link_row > div[b-qdxnc3odav] {
            }

        #webreserve .btn_reserve_annotation[b-qdxnc3odav] {
            padding-left: 15px;
        }

    #tel[b-qdxnc3odav] {
    }

        #tel .eigyo[b-qdxnc3odav] {
        }

        #tel .tel_shop_panel[b-qdxnc3odav] {
        }

        #tel .tel_shop_name[b-qdxnc3odav] {
        }

        #tel .tel_shop_number[b-qdxnc3odav] {
        }

            #tel .tel_shop_number .img_ico_tel[b-qdxnc3odav] {
            }

    #line[b-qdxnc3odav] {
    }

        #line #linepanel[b-qdxnc3odav] {
        }

        #line #linemessage[b-qdxnc3odav] {
        }

        #line #linelink[b-qdxnc3odav] {
            max-width: 400px;
        }

            #line #linelink #line-panel[b-qdxnc3odav] {
            }

                #line #linelink #line-panel #line-undermessage[b-qdxnc3odav] {
                }

                    #line #linelink #line-panel #line-undermessage .img_arraw[b-qdxnc3odav] {
                    }
}


/*popup*/

#linebutton[b-qdxnc3odav] {
    width: 160px;
    position: fixed;
    bottom: 10px;
    left: 0px;
}

.show[b-qdxnc3odav] {
    display: block !important;
}

.parent_panel[b-qdxnc3odav] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(60,60,60,0.5);
    z-index: 1500;
    display: none;
}

.child_panel[b-qdxnc3odav] {
    background: rgba(255,255,255,0.9);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}


#linepanel_popup_owner #linepanel_titleimg[b-qdxnc3odav] {
    display: flex;
    width: 100%;
    flex-direction: column;
}

    #linepanel_popup_owner #linepanel_titleimg #linepanel_img[b-qdxnc3odav] {
        align-items: center;
        display: flex;
        margin: auto
    }

    #linepanel_popup_owner #linepanel_titleimg #linepanel_title[b-qdxnc3odav] {
        flex: 4;
        color: #00B900;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-weight: bold;
        padding: 10px;
    }

#linepanel_contets[b-qdxnc3odav] {
    width: 100%;
}

#linepanel_popup_owner #linepanel_contets a[b-qdxnc3odav] {
    color: white;
    text-align: center;
    line-height: 2.9rem;
    display: block;
    margin-top: 1rem;
    background-color: #00B900;
}


.child_panel[b-qdxnc3odav] {
    width: 42%;
    min-width: 320px;
    max-width: 600px;
    padding: 1.0rem;
}

    .child_panel #linepanel_titleimg #linepanel_img[b-qdxnc3odav] {
        width: 50px;
    }

    .child_panel #linepanel_titleimg #linepanel_title[b-qdxnc3odav] {
        font-size: 1rem;
    }

    .child_panel #linepanel_contets[b-qdxnc3odav] {
        font-size: 0.7rem;
        margin-top:1rem;
    }

        .child_panel #linepanel_contets a[b-qdxnc3odav] {
            font-size: 1rem;
        }

@media only screen and (min-width:400px) {
    #linepanel_popup_owner #linepanel_titleimg[b-qdxnc3odav] {
        flex-direction: row;
    }
}
@media only screen and (min-width:768px) {

    #linebutton[b-qdxnc3odav] {
    }

    .show[b-qdxnc3odav] {
    }

    .parent_panel[b-qdxnc3odav] {
    }

    .child_panel[b-qdxnc3odav] {
        width: 50%;
        padding: 2.5rem;
    }

    #linepanel_popup_owner #linepanel_titleimg[b-qdxnc3odav] {
    }

        #linepanel_popup_owner #linepanel_titleimg #linepanel_img[b-qdxnc3odav] {
        }

        #linepanel_popup_owner #linepanel_titleimg #linepanel_title[b-qdxnc3odav] {
        }

    #linepanel_contets[b-qdxnc3odav] {
    }

    #linepanel_popup_owner #linepanel_contets a[b-qdxnc3odav] {
    }
}
/* _content/dsys/Pages/FrontReserve.razor.rz.scp.css */
/* _content/dsys/Pages/FrontReserveFinish.razor.rz.scp.css */
body[b-0lq6phctpc] {
    font-family:'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif' !important;
}
.self[b-0lq6phctpc] {
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
}
#wrap[b-0lq6phctpc]{
    padding:0 2rem;
    max-width:800px;
}
/*-------------------     １．２．３．４．完了    ---------------*/
._col[b-0lq6phctpc] {
    width: 100%;
}
.arrow_panel[b-0lq6phctpc] {
    align-items: center;
    width:100%;
    margin:auto;
}

.flow_arrow[b-0lq6phctpc] {
    height: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f3f3f4;
}

.flow_bg[b-0lq6phctpc] {
    background: #f3f3f4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*flex: 6;*/
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
}

    .flow_bg i[b-0lq6phctpc] {
        display: flex;
        justify-content: center;
        font-size: 0.8rem;
    }

.flow_off[b-0lq6phctpc] {
}

.flow_on[b-0lq6phctpc] {
    /*background-image: url("/img/bg_flow_on.png");*/
    background: #FFA7D4;
    color: #ffffff;
}

.lpimg[b-0lq6phctpc] {
    margin-bottom: 1rem;
}
@media only screen and (min-width:600px) {
    ._col[b-0lq6phctpc] {
        width: 80%;
    }
}
@media only screen and (min-width:768px) {
    ._col[b-0lq6phctpc] {
    }
    .lpimg[b-0lq6phctpc] {
        margin-bottom: 1rem;
    }
    .arrow_panel[b-0lq6phctpc] {
        max-width: 576px;
    }

    .flow_arrow[b-0lq6phctpc] {
    }

    .flow_bg[b-0lq6phctpc] {
        width: 45px;
        height: 45px;
        border-radius: 30px;
    }

        .flow_bg i[b-0lq6phctpc] {
        }

    .flow_off[b-0lq6phctpc] {
    }

    .flow_on[b-0lq6phctpc] {
    }
}

/*-------------------         ---------------*/

#main_message[b-0lq6phctpc] {
    margin: 0 auto 24px;
    padding: 21px 15px 8px;
    font-size: 1.1rem;
    color: #d75278;
    text-align: center;
    letter-spacing: 2px;
    background: url(../img/bg_hairmake01.png) no-repeat center top;
    background-size: contain;
}
#main_message2[b-0lq6phctpc] {
    font-size: 0.9rem;
}
.thanks_txt[b-0lq6phctpc] {
    line-height: 1.4rem;
    width: 100%;
    padding: 16px;
    font-size: 0.75rem;
    background: #f3f3f4;
    margin-top: 1rem;
}
    .thanks_txt .inner[b-0lq6phctpc] {
        margin: 16px 0 0;
        padding: 16px;
        background: #fff;
    }
        .thanks_txt .inner a[b-0lq6phctpc] {
            text-decoration: underline;
            color: #2c2c2e;
        }

.button_panel[b-0lq6phctpc] {
    width: 100%;
    margin-top:2rem;
}
    .button_panel .button_panel_sub[b-0lq6phctpc] {
        width: 100%;
    }
        .button_panel .button_panel_sub p[b-0lq6phctpc] {
            display: table;
            width: 100%;
            height: 46px;
            margin: 0 auto !important;
            font-size: 1.4rem;
            text-align: center;
        }

            .button_panel .button_panel_sub p a[b-0lq6phctpc] {
                display: table-cell;
                vertical-align: middle;
                padding: 0.7rem 0;
                border-radius: 34px;
                color: #fff;
                text-decoration: none;
                background: #535257 url(../img/arw_w.png) no-repeat right 23px center;
                background-size: 14px auto;
                font-size: 0.9rem;
            }


/*--------    cancel_panel   -------*/
#cancel_panel[b-0lq6phctpc] {
    max-width:765px;
}

    #cancel_panel #top_message[b-0lq6phctpc] {
        font-weight: bold;
        color: #d75278;
        text-align: left;
        font-size: 0.9rem;
        text-align:center;
        margin-bottom:1.6rem;
    }
    #cancel_panel #cancel_message[b-0lq6phctpc] {
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom:0;
    }
    #cancel_panel .send p[b-0lq6phctpc] {
        margin-top: 1.3rem !important;
    }
        #cancel_panel .send p a[b-0lq6phctpc] {
            font-size: 0.9rem;
        }
        #cancel_panel .send p button[b-0lq6phctpc] {
            font-size: 0.9rem;
        }
    
    #cancel_panel .common_btn02[b-0lq6phctpc] {
        display: table;
        width: 100%;
        height: 46px;
        margin: 0 auto !important;
        font-size: 1.4rem;
        text-align: center;
    }
    #cancel_panel .common_btn02 a[b-0lq6phctpc] {
        display: table-cell;
        vertical-align: middle;
        padding: 0 48px;
        border-radius: 34px;
        color: #fff;
        text-decoration: none;
        background: #535257 url(../img/arw_w.png) no-repeat right 23px center;
        background-size: 14px auto;
        
    }

    #cancel_panel .send button[b-0lq6phctpc] {
        width: 100%;
        height: 46px;
        border: none;
        border-radius: 23px;
        box-sizing: border-box;
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat left 16px center;
        background-size: 14px auto;
    }


.btn01 a[b-0lq6phctpc] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

.last-buttn a[b-0lq6phctpc] {
    background: #ffc8cb;
}

.btn01 a:hover[b-0lq6phctpc] {
    background: #16160e;
    color: #fff;
}

.last-buttn a:hover[b-0lq6phctpc] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-0lq6phctpc] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-0lq6phctpc]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-0lq6phctpc]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-0lq6phctpc]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-0lq6phctpc]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-0lq6phctpc] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-0lq6phctpc] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-0lq6phctpc] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-0lq6phctpc]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-0lq6phctpc]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-0lq6phctpc]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-0lq6phctpc]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }

a[b-0lq6phctpc] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
@media only screen and (min-width:768px) {
    #main_message[b-0lq6phctpc] {
        font-size: 1.3rem;
        padding: 21px 7px 8px;
    }

    #main_message2[b-0lq6phctpc] {
        font-size: 1.0rem;
    }

    .thanks_txt[b-0lq6phctpc] {
        font-size: 0.9rem;
    }

        .thanks_txt .inner[b-0lq6phctpc] {
        }

            .thanks_txt .inner a[b-0lq6phctpc] {
            }

    .button_panel[b-0lq6phctpc] {
        margin-top: 4rem;
    }

        .button_panel .button_panel_sub[b-0lq6phctpc] {
            display: flex;
        }

            .button_panel .button_panel_sub p[b-0lq6phctpc] {
                flex: 1;
            }

                .button_panel .button_panel_sub p a[b-0lq6phctpc] {
                    padding: 1.3rem 0;
                }
}
    #cancel_panel[b-0lq6phctpc] {
    }

        #cancel_panel #top_message[b-0lq6phctpc] {
            text-align: left;
            font-size: 1.0rem;
        }

        #cancel_panel #cancel_message[b-0lq6phctpc] {
            font-size: 0.9rem;
        }

        #cancel_panel .send p[b-0lq6phctpc] {
        }

            #cancel_panel .send p a[b-0lq6phctpc] {
                font-size: 0.9rem;
            }

            #cancel_panel .send p button[b-0lq6phctpc] {
                font-size: 0.9rem;
            }

        #cancel_panel .common_btn02[b-0lq6phctpc] {
            width: 380px;
            height: 68px;
            border-radius: 34px;
        }

            #cancel_panel .common_btn02 a[b-0lq6phctpc] {
            }

        #cancel_panel .send button[b-0lq6phctpc] {
            width: 380px;
            height: 68px;
            border-radius:34px;
            margin:auto;
            display:block;
        }
}
/* _content/dsys/Pages/FrontReserveSearch.razor.rz.scp.css */
#front_reserve_serche_wrap[b-scy459of37] {
    max-width: 700px;
    padding: 1rem;
}

.error_panel[b-scy459of37] {
    margin: 2rem 0 24px;
    padding: 16px;
    font-size: 1.0rem;
    color: #fff;
    background: #f45b5b;
    font-weight: bold;
    font-size: 1.0rem;
    letter-spacing: 0.4px;
    line-height:1.6rem;
}
.error_panel a[b-scy459of37]{
    color:white;
    text-decoration:underline;
}
#top_message[b-scy459of37] {
    font-weight: bold;
    color: #d75278;
    text-align: left;
    font-size:0.9rem;
}
.req[b-scy459of37] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 0.5rem;
    font-weight: normal;
    color: #fff;
    background: #bb4c54;
}

table[b-scy459of37]{
    width:100%;
    margin-top:1.5rem;
}
table tr th[b-scy459of37] {
    display:block;
    padding-bottom:0.8rem;
}
table tr td[b-scy459of37] {
    display: block;
}
input[type=tel][b-scy459of37] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e3e3e5;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 1.0rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.send[b-scy459of37] {
    margin: 1.3rem auto 0;
    max-width: 380px;
}
    .send input[type=button][b-scy459of37] {
        margin:auto;
        width: 100%;
        height: 46px;
        border: none;
        border-radius: 23px;
        box-sizing: border-box;
        font-size: 0.9rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }


.btn01 a[b-scy459of37] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

.last-buttn a[b-scy459of37] {
    background: #ffc8cb;
}

.btn01 a:hover[b-scy459of37] {
    background: #16160e;
    color: #fff;
}

.last-buttn a:hover[b-scy459of37] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-scy459of37] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-scy459of37]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-scy459of37]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-scy459of37]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-scy459of37]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-scy459of37] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-scy459of37] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-scy459of37] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-scy459of37]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-scy459of37]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-scy459of37]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-scy459of37]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }

a[b-scy459of37] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
@media only screen and (min-width:768px) {


    .error_panel[b-scy459of37] {
    }

        .error_panel a[b-scy459of37] {
        }

    #top_message[b-scy459of37] {
    }

    .req[b-scy459of37] {
    }

    table[b-scy459of37] {
    }

        table tr th[b-scy459of37] {
            display: block;
        }

        table tr td[b-scy459of37] {
            display: block;
        }

    input[type=tel][b-scy459of37] {
    }

    .send[b-scy459of37] {
    }

        .send input[type=button][b-scy459of37] {
            height:68px;
            border-radius:34px;
        }
}

/*--------予約の一覧------------*/
#history_panel[b-scy459of37] {
}
    #history_panel tr:first-child[b-scy459of37] {
        display: none;
    }
    #history_panel .row_head[b-scy459of37] {
        display: block;
        font-weight: bold;
    }
    #history_panel input[b-scy459of37] {
        margin: auto;
        display: block;
    }
    #history_panel tr[b-scy459of37] {
        border: 1px solid;
    }
    #history_panel td[b-scy459of37] {
        border: none;
    }
/* _content/dsys/Pages/FrontShiftDetail.razor.rz.scp.css */
i[b-34wvblqk9m], .now_title[b-34wvblqk9m] {
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, "sans-serif", serif;
    letter-spacing: 3.2px;
}

#wrap[b-34wvblqk9m] {
    max-width: 767px;
}

table[b-34wvblqk9m] {
    width: 100%;
    margin-top: 1.5rem;
}

    table tr th[b-34wvblqk9m] {
        font-size:1.0rem;
        display: block;
        padding-bottom: 0.4rem;
    }

    table tr td[b-34wvblqk9m] {
        font-size: 0.9rem;
        display: block;
        padding-bottom: 1.3rem;
    }

.send[b-34wvblqk9m] {
    margin: 1.3rem auto 0;
}

    .send input[type=button][b-34wvblqk9m] {
        margin: 0 auto 1.5rem;
        width: 100%;
        height: 46px;
        border: none;
        border-radius: 23px;
        box-sizing: border-box;
        font-size: 0.9rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }
.now_title[b-34wvblqk9m] {
    font-size: 1.2rem;
    background: #fef0f6;
    padding: 16px 26px;
    margin-bottom:1rem;
}
#day_top_message[b-34wvblqk9m] {
    margin: 8px 0 24px;
    padding: 0 0 0 16px;
    border-left: 2px solid #d75278;
    /*font-size: 1.8rem;*/
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: bold;
    color: #d75278;
    margin-top: 1.5rem;
}

.tel_list[b-34wvblqk9m] {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 40px;
    padding: 0;
    list-style: none;
}
.tel_list li[b-34wvblqk9m] {
    width: 48%;
    margin: 0 0 4px 2%;
    padding: 16px 3%;
    box-sizing: border-box;
    background: #f3f3f4;
    text-align: center;
}
    .tel_list li:nth-child(2n + 1)[b-34wvblqk9m] {
        margin-left:0;
    }
    .tel_list li .tit[b-34wvblqk9m] {
        margin: 0 0 8px;
        font-weight: bold;
        text-align: center;
    }
    .tel_list li .tel[b-34wvblqk9m] {
        display: table;
        width: 100%;
        height: 32px;
        margin: 0;
    }
        .tel_list li .tel a[b-34wvblqk9m] {
            display: table-cell;
            vertical-align: middle;
            border: 1px solid #d75278;
            border-radius: 16px;
            color: #d75278;
            text-decoration: none;
            text-align: center;
            background: #fff;
        }
            .tel_list li .tel a[b-34wvblqk9m]:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: 10px;
                height: 12px;
                margin: -2px 6px 0 0;
                background: url(../img/ico_tel.png) no-repeat 0 center;
                background-size: 10px auto;
            }

.common_btn02[b-34wvblqk9m] {
    display: table;
    width: 100%;
    height: 46px;
    margin: 0 auto !important;
    font-size: 1.0rem;
    text-align: center;
}
    .common_btn02 a[b-34wvblqk9m] {
        display: table-cell;
        vertical-align: middle;
        padding: 0 48px;
        border-radius: 34px;
        color: #fff;
        text-decoration: none;
        background: #535257 url(../img/arw_w.png) no-repeat right 23px center;
        background-size: 14px auto;
    }

.btn01 a[b-34wvblqk9m] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

.last-buttn a[b-34wvblqk9m] {
    background: #ffc8cb;
}

.btn01 a:hover[b-34wvblqk9m] {
    background: #16160e;
    color: #fff;
}

.last-buttn a:hover[b-34wvblqk9m] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-34wvblqk9m] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-34wvblqk9m]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-34wvblqk9m]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-34wvblqk9m]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-34wvblqk9m]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-34wvblqk9m] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-34wvblqk9m] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-34wvblqk9m] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-34wvblqk9m]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-34wvblqk9m]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-34wvblqk9m]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-34wvblqk9m]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }

a[b-34wvblqk9m] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
@media only screen and (min-width:768px) {
    i[b-34wvblqk9m], .now_title[b-34wvblqk9m] {
    }

    wrap[b-34wvblqk9m] {
    }

    table[b-34wvblqk9m] {
    }
        table tr[b-34wvblqk9m] {
            border-top: 1px solid #dee2e6;
            height: 4rem;
        }
        table tr:nth-child(2)[b-34wvblqk9m]{
            border-top: none;
        }
            table tr th[b-34wvblqk9m] {
                display: table-cell;
                vertical-align: middle;
            }

            table tr td[b-34wvblqk9m] {
                display: table-cell;
                vertical-align: middle;
                padding-bottom: 0;
            }

    .send[b-34wvblqk9m] {
        text-align:center;
    }

        .send input[type=button][b-34wvblqk9m] {
            max-width: 380px;
            height: 68px;
            border-radius: 34px;
        }

    .now_title[b-34wvblqk9m] {
    }

    #day_top_message[b-34wvblqk9m] {
    }

    .tel_list[b-34wvblqk9m] {
    }

        .tel_list li[b-34wvblqk9m] {
            width: 23%;
            padding: 16px 2%;
        }

            .tel_list li:nth-child(2n + 1)[b-34wvblqk9m] {
                margin-left:auto;
            }

            .tel_list li .tit[b-34wvblqk9m] {
            }

            .tel_list li .tel[b-34wvblqk9m] {
                
            }

                .tel_list li .tel a[b-34wvblqk9m] {
                    padding: 0 0 0 10px;
                    background: url(../img/ico_tel.png) no-repeat 0 center;
                    background-size: 13px auto;
                    text-decoration: none;
                    pointer-events: none;
                    border: none;
                    color: #2c2c2e;
                }

                    .tel_list li .tel a[b-34wvblqk9m]:before {
                        background: none;
                    }

    .common_btn02[b-34wvblqk9m] {
        max-width: 380px;
        height: 68px;
        border-radius: 34px;
    }

        .common_btn02 a[b-34wvblqk9m] {
        }

}


.tel_a[b-34wvblqk9m] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    .tel_a > label[b-34wvblqk9m] {
        cursor: pointer;
    }

.tel[b-34wvblqk9m] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 5px 8px;
    font-size: 0.9rem;
}

    .tel[b-34wvblqk9m]::before {
        content: ' ';
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url(/img/ico_tel.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 3px;
    }
/* _content/dsys/Pages/Index.razor.rz.scp.css */
body[b-02qasw43jc] {
}

.container-title[b-02qasw43jc] {
    text-align: center;
    padding: 8px;
    background: rgba(0, 0, 0, 0.1);
}

    .container-title h3[b-02qasw43jc] {
        margin: 0;
        font-size: 1.2rem;
    }

.tempreservation-container[b-02qasw43jc] {
    border: 1px solid rgba(0, 0, 0, .1);
    width: 30%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #fff;
    margin: 0 10px;
    height: 100%;
}

.tempreservation-number[b-02qasw43jc] {
    font-size: 22px;
    text-decoration: underline;
    color: blue;
    line-height: 2.5;
    margin-right: 20px;
    cursor: pointer;
}

.tempreservation-count[b-02qasw43jc] {
    display: flex;
    border: 1px solid rgba(0, 0, 0, .1);
    justify-content: space-between;
    padding: 5px 10px;
}

/*キャンセル*/

.cancel-title[b-02qasw43jc] {
    text-align: center;
    padding: 8px;
    background: rgba(0, 0, 0, 0.1);
}

    .cancel-title h3[b-02qasw43jc] {
        margin: 0;
        font-size: 1.2rem;
    }

.cancel-rate table[b-02qasw43jc] {
    margin-bottom: 0;
}

.cancel-rate h4[b-02qasw43jc] {
    margin-top: .5rem;
    margin-left: 10px;
}

.cancel-container[b-02qasw43jc] {
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #fff;
    margin: 0 10px;
    margin-bottom: 30px;
    height: 100%;
}

    .cancel-container thead[b-02qasw43jc] {
        background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
        color: white;
    }
/* _content/dsys/Pages/PdfSample.razor.rz.scp.css */
@charset "UTF-8";
/*
https://qiita.com/cognitom/items/d39d5f19054c8c8fd592
*/
/* プレビュー用のスタイル */
@media screen {
    body[b-gwmo5l5azf] {
        background: #eee;
    }
    .page[b-gwmo5l5azf] {
        background: white; /* 背景を白く */
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); /* ドロップシャドウ */
        margin-bottom: 5mm;
    }
}


@page {
    size: A4 portrait;
    margin: 0mm;
}
*[b-gwmo5l5azf]{
    margin: 0mm;
    padding: 0mm;
}
body[b-gwmo5l5azf] {
    width: 210mm; /* for Chrome */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    line-height: 1.5em;
}

.page[b-gwmo5l5azf] {
    height: 296.5mm;/* 0.5mm余裕をもたせる */
    width: 210mm;
    page-break-after: always;

    box-sizing: border-box;
    padding: 20mm 25mm;
    font-size: 11pt;
}





/* ============================================ */

.txt__right[b-gwmo5l5azf]{
    text-align: right;
}
.txt__center[b-gwmo5l5azf]{
    text-align: center;
}
.txt_underline[b-gwmo5l5azf]{
    text-decoration: underline;
}


.name[b-gwmo5l5azf]{
    font-size: 12pt;
}
.caption[b-gwmo5l5azf]{
    font-size: 9pt;
}
.bank[b-gwmo5l5azf]{
    margin-bottom: 1em;
}

h1[b-gwmo5l5azf]{
    margin: 1em 0;
    font-size: 16pt;
    letter-spacing: 0.2em;
}

.price[b-gwmo5l5azf]{
    display: flex;
    border: solid 0.5pt #000;
    font-size: 14pt;
    max-width: 60%;
    margin: 1em 0 2em;
}
.price dt[b-gwmo5l5azf], .price dd[b-gwmo5l5azf]{
    padding: 1em;
}
.price dt[b-gwmo5l5azf]{
    border-right: solid 0.5pt #000;
}

table[b-gwmo5l5azf]{
    width: 100%;
    border-collapse: collapse;
}
th[b-gwmo5l5azf], td[b-gwmo5l5azf]{
    border: solid 0.5pt #000;
    padding:0.1em;
}
thead[b-gwmo5l5azf],
tfoot th[b-gwmo5l5azf]{
    background: #ccc;
}

tfoot td:empty[b-gwmo5l5azf]{
    border: none;
}
/* _content/dsys/Pages/PdfSample2.razor.rz.scp.css */
@charset "UTF-8";
/*
https://qiita.com/cognitom/items/d39d5f19054c8c8fd592
*/
/* プレビュー用のスタイル */
@media screen {
    body[b-660g975y3w] {
        background: #eee;
    }

    .page[b-660g975y3w] {
        background: white; /* 背景を白く */
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); /* ドロップシャドウ */
        margin-bottom: 5mm;
    }
}


@page {
    size: A4 portrait;
    margin: 0mm;
}

*[b-660g975y3w] {
    margin: 0mm;
    padding: 0mm;
}

body[b-660g975y3w] {
    width: 210mm; /* for Chrome */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    line-height: 1.5em;
}

.page[b-660g975y3w] {
    height: 376.5mm;
    width: 270mm;
    page-break-after: always;
    box-sizing: border-box;
    padding: 10mm 20mm;
    font-size: 11pt;
}





/* ============================================ */

.txt__right[b-660g975y3w] {
    text-align: right;
}

.txt__center[b-660g975y3w] {
    text-align: center;
}

.txt_underline[b-660g975y3w] {
    text-decoration: underline;
}


.name[b-660g975y3w] {
    font-size: 12pt;
}

.caption[b-660g975y3w] {
    font-size: 9pt;
}

.bank[b-660g975y3w] {
    margin-bottom: 1em;
}

h1[b-660g975y3w] {
    margin: 1em 0;
    font-size: 16pt;
    letter-spacing: 0.2em;
}

.price[b-660g975y3w] {
    display: flex;
    border: solid 0.5pt #000;
    font-size: 14pt;
    max-width: 60%;
    margin: 1em 0 2em;
}

    .price dt[b-660g975y3w], .price dd[b-660g975y3w] {
        padding: 1em;
    }

    .price dt[b-660g975y3w] {
        border-right: solid 0.5pt #000;
    }

table[b-660g975y3w] {
    width: 100%;
    border-collapse: collapse;
}

th[b-660g975y3w], td[b-660g975y3w] {
    border: solid 0.5pt #000;
    padding: 0.1em;
}

thead[b-660g975y3w],
tfoot th[b-660g975y3w] {
    background: #ccc;
}

tfoot td:empty[b-660g975y3w] {
    border: none;
}







._row[b-660g975y3w] {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.7rem;

}


._row div[b-660g975y3w] {
    word-break: break-all;
}
/*cell*/
.page-header .col[b-660g975y3w] {
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(60,60,60,0.1) !important;
}
.col[b-660g975y3w] {
    padding: 0.3rem !important;
}
.head-col[b-660g975y3w] {
}
section > ._row:last-child[b-660g975y3w] {
    border-bottom: 1px solid;
}
.page > ._timerow:last-child[b-660g975y3w] {
    border-bottom: 2px solid;
}
/*予約時間*/
    .col-yoyakujikan[b-660g975y3w] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction:column;
}
/*来店目的*/
.col-raitenmokuteki[b-660g975y3w] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
/*お名前*/
.col-furigana[b-660g975y3w] {
    flex: 3;
    display: flex;
    flex-direction: column;
}
/*電話番号*/
.col-tel[b-660g975y3w] {
    flex: 3;
    display: flex;
    flex-direction: column;
}
/*成人年*/
.col-seijinnen[b-660g975y3w] {
    flex: 3;
    display: flex;
    flex-direction:column;
}
/*動員担当者番号*/
.col-douin[b-660g975y3w] {
    flex: 3;
    display: flex;
}
/*その他要望*/
.col-sonota[b-660g975y3w] {
    min-height: 1.6rem;
    text-align:left;
}
/*社内備考*/
.col-syanaibikou[b-660g975y3w] {
    min-height: 1.6rem;
    text-align: left;
}


.header-col[b-660g975y3w] {
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-weight:bold;
    background-color: rgba(60,60,60,0.1) !important;
}
._header[b-660g975y3w] {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: start;
    text-decoration: underline;
    margin-top: 1rem;
    font-size: 1rem;
    flex-wrap: wrap;
}
    ._header > div:nth-child(1)[b-660g975y3w] {
        flex: 1;
        display: flex;
        flex-direction: row;
    }

    ._header > div:nth-child(2)[b-660g975y3w] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    ._header:nth-child(1) > div[b-660g975y3w] {
        border:none;
        border-right:none;
        text-align:center;
    }

.col[b-660g975y3w] {
    padding: 0.1rem !important
}
/* _content/dsys/Pages/PdfShiftTime.razor.rz.scp.css */
@charset "UTF-8";
/*
https://qiita.com/cognitom/items/d39d5f19054c8c8fd592
*/
/* プレビュー用のスタイル */
@media screen {
    body[b-e1r469eybx] {
        background: #eee;
    }

    .page[b-e1r469eybx] {
        background: white; /* 背景を白く */
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); /* ドロップシャドウ */
        margin-bottom: 5mm;
    }
}
*[b-e1r469eybx]{box-sizing:border-box;}

@page {
    size: A4 portrait;
    margin: 0mm;
}

*[b-e1r469eybx] {
    margin: 0mm;
    padding: 0mm;
}

body[b-e1r469eybx] {
    width: 210mm; /* for Chrome */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    line-height: 1.5em;
}

.page[b-e1r469eybx] {
    height: 376.5mm;
    width: 270mm;
    page-break-after: always;
    box-sizing: border-box;
    padding: 5mm 10mm;
    font-size: 11pt;
}

table[b-e1r469eybx] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-e1r469eybx], td[b-e1r469eybx] {
    border-left: solid 0.5pt #000;
    border-right: solid 0.5pt #000;
    border-bottom: solid 0.5pt #000;
    padding: 0em;
}

._row[b-e1r469eybx] {
    display: table-row;
    font-size: 0.7rem;
}

/*ここから各ページに合わせて編集します。*/

#section_wrap[b-e1r469eybx] {
}

    #section_wrap > section[b-e1r469eybx] {
    }

        #section_wrap > section > table[b-e1r469eybx] {
        }

            #section_wrap > section > table > tr > th[b-e1r469eybx] {
                border: none;
            }


            #section_wrap > section > table > tr[class~="table-head"] > td[b-e1r469eybx] {
                border: none;
                padding-bottom: 0rem;
            }

                #section_wrap > section > table > tr[class~="table-head"] > td > div[b-e1r469eybx] {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                    #section_wrap > section > table > tr[class~="table-head"] > td > div > div[b-e1r469eybx] {
                        font-size: 1.1rem;
                        font-weight: bold;
                    }

                        #section_wrap > section > table > tr[class~="table-head"] > td > div > div:last-child[b-e1r469eybx] {
                            font-size: 0.9rem;
                            font-weight: normal;
                        }

            /*// テーブルの1行目ヘッダー。*/
            /*// テーブルの1列目ヘッダー。*/
            #section_wrap > section > table > tr > td > div[class~=col_time][b-e1r469eybx],
            #section_wrap > section > table > tr > td > div[class~=col_head][b-e1r469eybx] {
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1.1rem;
                font-weight: bold;
            }
            #section_wrap > section > table > tr > td > div[class~=col_head][b-e1r469eybx] {
                background: rgba(60,60,60,0.1);
                border-top: solid 0.5pt #000;
            }
            #section_wrap > section > table > tr > td > div[class~=col_time][b-e1r469eybx] {
                height: 60px;
            }
            #section_wrap > section > table > tr > td[b-e1r469eybx] {
                vertical-align: top;
            }
                #section_wrap > section > table > tr > td[class~=col_time2][b-e1r469eybx] {
                    vertical-align: middle;
                }


            #section_wrap > section > table > tr > td > table[class~=reserve][b-e1r469eybx] {
                font-size:0.1px;
                table-layout:fixed;
            }
                #section_wrap > section > table > tr > td > table[class~=reserve] tr[b-e1r469eybx] {
                    height:14px;
                }
                    #section_wrap > section > table > tr > td > table[class~=reserve] tr td[b-e1r469eybx] {
                        border: none;
                        /* border-bottom: 1px dashed; */
                        text-align: center;
                        padding: 0rem;
                        line-height: 14px;
                        font-size: 0.8rem;
                        line-height: 1.4rem;
                    }
                    #section_wrap > section > table > tr > td > table[class~=reserve] tr:last-child td[b-e1r469eybx] {
                        border-bottom: none;
                    }
            
/* _content/dsys/Pages/PdfSkeleton.razor.rz.scp.css */
@charset "UTF-8";
/*
https://qiita.com/cognitom/items/d39d5f19054c8c8fd592
*/
/* プレビュー用のスタイル */
@media screen {
    body[b-j4f0yduibh] {
        background: #eee;
    }

    .page[b-j4f0yduibh] {
        background: white; /* 背景を白く */
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); /* ドロップシャドウ */
        margin-bottom: 5mm;
    }
}


@page {
    size: A4 portrait;
    margin: 0mm;
}

*[b-j4f0yduibh] {
    margin: 0mm;
    padding: 0mm;
}

body[b-j4f0yduibh] {
    width: 210mm; /* for Chrome */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    line-height: 1.5em;
}

.page[b-j4f0yduibh] {
    height: 376.5mm;
    width: 270mm;
    page-break-after: always;
    box-sizing: border-box;
    padding: 10mm 10mm;
    font-size: 11pt;
}

table[b-j4f0yduibh] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-j4f0yduibh], td[b-j4f0yduibh] {
    border: solid 0.5pt #000;
    padding: 0.1em;
}

._row[b-j4f0yduibh] {
    display: table-row;
    font-size: 0.7rem;
}

/*ここから各ページに合わせて編集します。*/

#section_wrap[b-j4f0yduibh] {
}

    #section_wrap > section[b-j4f0yduibh] {
    }

        #section_wrap > section > table[b-j4f0yduibh] {
        }

            #section_wrap > section > table > tr > th[b-j4f0yduibh] {
                border: none;
            }


            #section_wrap > section > table > tr[class~="table-head"] > td[b-j4f0yduibh] {
                border: none;
                padding-bottom: 1rem;
            }

                #section_wrap > section > table > tr[class~="table-head"] > td > div[b-j4f0yduibh] {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                }

                    #section_wrap > section > table > tr[class~="table-head"] > td > div > div[b-j4f0yduibh] {
                        font-size: 1.2rem;
                        font-weight: bold;
                    }

                        #section_wrap > section > table > tr[class~="table-head"] > td > div > div:last-child[b-j4f0yduibh] {
                            font-size: 0.9rem;
                            font-weight: normal;
                        }

            /*// テーブルの1行目ヘッダー。*/
            /*// テーブルの1列目ヘッダー。*/
            #section_wrap > section > table > tr > td > div[class~=col_time][b-j4f0yduibh],
            #section_wrap > section > table > tr > td > div[class~=col_head][b-j4f0yduibh] {
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1.2rem;
                font-weight: bold;
                background: rgba(60,60,60,0.1);
            }

            #section_wrap > section > table > tr > td > div[class~=col_time][b-j4f0yduibh] {
                min-height: 160px;
            }

.col_header[b-j4f0yduibh] {
}

.col_time2[b-j4f0yduibh] {
    width: 80px;
}
/* _content/dsys/Pages/ShiftCalendar.razor.rz.scp.css */
.yume_calender_daynum[b-410jlf74xn]{

    font-size: 1.6rem;
    font-weight: bold;
}

.day_inner_table > tr[b-410jlf74xn]{
    height:3rem;
}

th[b-410jlf74xn] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
}
td[b-410jlf74xn]{
    font-size:0.8rem;
}

.pre_color[b-410jlf74xn]{
    background-color: #ffabab !important;
}
*[b-410jlf74xn]{
    box-sizing:border-box;
}
#yume_calender_wrap[b-410jlf74xn]{
    width: 490px;
    margin: 0 auto 100px;
}
    #yume_calender_wrap > table > tr > td[b-410jlf74xn] {
        border: 1px solid rgba(60,60,60,0.7) !important;
    }
#yume_calender_wrap .owner-table tr[b-410jlf74xn] {
    
}
        #yume_calender_wrap .owner-table tr > th[b-410jlf74xn] {

        }
    #yume_calender_wrap .owner-table tr > td[b-410jlf74xn] {
        padding: 0;
        vertical-align:top;
    }
    #yume_calender_wrap .owner-table tr > td > a[b-410jlf74xn]{
        padding: 5px 0;
    }
    #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
        width: 70px;
    }
        #yume_calender_wrap .owner-table .day_inner_table > tr[b-410jlf74xn] {
        }
        #yume_calender_wrap .owner-table .day_inner_table tr th[b-410jlf74xn] {
        }
        #yume_calender_wrap .owner-table .day_inner_table tr td[b-410jlf74xn] {
            padding: 0;
            margin: 0;
        }
            #yume_calender_wrap .owner-table .day_inner_table tr td[class="cell-fair"][b-410jlf74xn] {
                background: rgba(60,60,60,0.1);
                vertical-align:middle;
            }
            #yume_calender_wrap .owner-table .day_inner_table tr td[class="cell-name"][b-410jlf74xn] {
                background: rgba(60,60,60,0.1);
                vertical-align: middle;
            }
            #yume_calender_wrap .owner-table .day_inner_table tr td[class="cell-staff"][b-410jlf74xn] {
                vertical-align: middle;
            }

        #yume_calender_wrap .owner-table .day_inner_table table[b-410jlf74xn] {
            margin: auto;
        }

            #yume_calender_wrap .owner-table .day_inner_table table td[b-410jlf74xn] {
                border: none;
                margin: 0;
                padding: 0;
            }

@media (min-width: 700px) {
    #yume_calender_wrap[b-410jlf74xn] {
        width: 560px;
    }

        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 80px;
        }
}
@media (min-width: 800px) {
    #yume_calender_wrap[b-410jlf74xn] {
        width: 630px;
    }

        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 90px;
        }
}
@media (min-width: 900px) {
    #yume_calender_wrap[b-410jlf74xn] {width: 770px;}
        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 110px;
        }
}
@media (min-width: 1000px) {
    #yume_calender_wrap[b-410jlf74xn] {width: 840px;}
        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 120px;
        }
}
@media (min-width: 1100px) {
    #yume_calender_wrap[b-410jlf74xn] {width: 910px;}
        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 130px;
        }
}
@media (min-width: 1200px) {
    #yume_calender_wrap[b-410jlf74xn] {width: 1050px;}
        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 150px;
        }
}
@media (min-width: 1300px) {
    #yume_calender_wrap[b-410jlf74xn] {width: 1120px;}
        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 160px;
        }
}

@media (min-width: 1400px) {
    #yume_calender_wrap[b-410jlf74xn] {
        width: 1260px;
    }

        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 180px;
        }
}
@media (min-width: 1400px) {
    #yume_calender_wrap[b-410jlf74xn] {
        width: 1330px;
    }

        #yume_calender_wrap .owner-table .day_inner_table[b-410jlf74xn] {
            width: 190px;
        }
}

/*ホバー*/
.dayhover[b-410jlf74xn] {
    background: none;
    transition: background-color 0.3s;
}
    .dayhover:hover[b-410jlf74xn] {
        background: #ffabab !important;
    }
/* _content/dsys/Pages/ShiftDetail.razor.rz.scp.css */
th[b-boq83hcuj1] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/*https://webparts.cman.jp/button/onoff/*/
/* === ボタンを表示するエリア ============================== */
.switchArea[b-boq83hcuj1] {
    line-height: 35px; /* 1行の高さ          */
    letter-spacing: 0; /* 文字間             */
    text-align: center; /* 文字位置は中央     */
    font-size: 20px; /* 文字サイズ         */

    position: relative; /* 親要素が基点       */
    margin: auto; /* 中央寄せ           */
    width: 130px; /* ボタンの横幅       */
    background: #fff; /* デフォルト背景色   */
}
.switchArea.tokyo_office[b-boq83hcuj1] {
    width: 230px; /* ボタンの横幅       */
}

    /* === チェックボックス ==================================== */
    .switchArea input[type="checkbox"][b-boq83hcuj1] {
        display: none; /* チェックボックス非表示 */
    }

    /* === チェックボックスのラベル（標準） ==================== */
    .switchArea label[b-boq83hcuj1] {
        display: block; /* ボックス要素に変更 */
        box-sizing: border-box; /* 枠線を含んだサイズ */
        height: 35px; /* ボタンの高さ       */
        border: 2px solid #999999; /* 未選択タブのの枠線 */
        border-radius: 20px; /* 角丸               */
    }

    /* === チェックボックスのラベル（ONのとき） ================ */
    .switchArea input[type="checkbox"]:checked + label[b-boq83hcuj1] {
        border-color: #78bd78; /* 選択タブの枠線     */
        background: rgba(120, 189, 120,0.1);
    }

    /* === 表示する文字（標準） ================================ */
    .switchArea label span[b-boq83hcuj1]:after {
        content: "未確認"; /* 表示する文字       */
        padding: 0 0 0 36px; /* 表示する位置       */
        color: #999999; /* 文字色             */
    }
    .switchArea label span[class="tokyo_office"][b-boq83hcuj1]:after {
        content: "東京オフィス以外"; /* 表示する文字       */
    }

    /* === 表示する文字（ONのとき） ============================ */
    .switchArea input[type="checkbox"]:checked + label span[b-boq83hcuj1]:after {
        content: "確認済"; /* 表示する文字       */
        padding: 0 36px 0 0; /* 表示する位置       */
        color: #78bd78; /* 文字色             */
    }
    .switchArea input[type="checkbox"]:checked + label span[class="tokyo_office"][b-boq83hcuj1]:after {
        content: "東京オフィス"; /* 表示する文字       */
    }
    /* === 丸部分のSTYLE（標準） =============================== */
    .switchArea #swImg[b-boq83hcuj1] {
        position: absolute; /* 親要素からの相対位置*/
        width: 28px; /* 丸の横幅           */
        height: 28px; /* 丸の高さ           */
        background: #999999; /* カーソルタブの背景 */
        top: 4px; /* 親要素からの位置   */
        left: 4px; /* 親要素からの位置   */
        border-radius: 26px; /* 角丸               */
        transition: .2s; /* 滑らか変化         */
    }

    /* === 丸部分のSTYLE（ONのとき） =========================== */
    .switchArea input[type="checkbox"]:checked ~ #swImg[b-boq83hcuj1] {
        transform: translateX(90px); /* 丸も右へ移動       */
        background: #78bd78; /* カーソルタブの背景 */
    }
    .switchArea.tokyo_office input[type="checkbox"]:checked ~ #swImg[b-boq83hcuj1] {
        transform: translateX(190px); /* 丸も右へ移動       */
        background: #78bd78; /* カーソルタブの背景 */
    }
/* _content/dsys/Pages/ShiftShopList.razor.rz.scp.css */
th[b-71ocsufzxr] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/* _content/dsys/Pages/ShiftTemplateDay.razor.rz.scp.css */
th[b-ke0ku5vrm3] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
}
/* _content/dsys/Pages/ShiftTemplateList.razor.rz.scp.css */
th[b-shgbbmojpg] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
}
/* _content/dsys/Pages/ShiftTemplateWeek.razor.rz.scp.css */
th[b-5ascdnjjd1] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/* _content/dsys/Pages/ShiftTime.razor.rz.scp.css */
body[b-64eyb6q6o7] {
}
.w-100px[b-64eyb6q6o7] {
    width: 100px;
}

.row_header[b-64eyb6q6o7] {
    width: 150px;
    flex-direction: column;
    align-items: self-start;
    padding-left: 2.3rem;
}
td[b-64eyb6q6o7]{
    width:100px;
}
#inputtable th[b-64eyb6q6o7] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}

/* _content/dsys/Pages/ShopDetail.razor.rz.scp.css */
th[b-m1ekmhfabg] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/* _content/dsys/Pages/ShopList.razor.rz.scp.css */
th[b-af0w0ymr54] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/* _content/dsys/Pages/SystemSetting.razor.rz.scp.css */
th[b-55pqe4tpe9] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
}
h3[b-55pqe4tpe9] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1rem;
}
.cc-text[b-55pqe4tpe9] {
	color: red;
}
/* _content/dsys/Pages/TempReservationFinish.razor.rz.scp.css */
body[b-75uuyjvll8] {
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif' !important;
}

.self[b-75uuyjvll8] {
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
}

#wrap[b-75uuyjvll8] {
    padding: 0 2rem;
    max-width: 800px;
}
/*-------------------     １．２．３．４．完了    ---------------*/
._col[b-75uuyjvll8] {
    width: 100%;
}

.arrow_panel[b-75uuyjvll8] {
    align-items: center;
    width: 100%;
    margin: auto;
}

.flow_arrow[b-75uuyjvll8] {
    height: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f3f3f4;
}

.flow_bg[b-75uuyjvll8] {
    background: #f3f3f4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*flex: 6;*/
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
}

    .flow_bg i[b-75uuyjvll8] {
        display: flex;
        justify-content: center;
        font-size: 0.8rem;
    }

.flow_off[b-75uuyjvll8] {
}

.flow_on[b-75uuyjvll8] {
    /*background-image: url("/img/bg_flow_on.png");*/
    background: #FFA7D4;
    color: #ffffff;
}
.lpimg[b-75uuyjvll8] {
    margin-bottom: 1rem;
}

@media only screen and (min-width:600px) {
    ._col[b-75uuyjvll8] {
        width: 80%;
    }
}

@media only screen and (min-width:768px) {
    ._col[b-75uuyjvll8] {
    }
    .lpimg[b-75uuyjvll8] {
        margin-bottom: 1rem;
    }

    .arrow_panel[b-75uuyjvll8] {
        max-width: 576px;
    }

    .flow_arrow[b-75uuyjvll8] {
    }

    .flow_bg[b-75uuyjvll8] {
        width: 45px;
        height: 45px;
        border-radius: 30px;
    }

        .flow_bg i[b-75uuyjvll8] {
        }

    .flow_off[b-75uuyjvll8] {
    }

    .flow_on[b-75uuyjvll8] {
    }
}

/*-------------------         ---------------*/

#main_message[b-75uuyjvll8] {
    margin: 0 auto 24px;
    padding: 21px 15px 8px;
    font-size: 1.1rem;
    color: #d75278;
    text-align: center;
    letter-spacing: 2px;
    background: url(../img/bg_hairmake01.png) no-repeat center top;
    background-size: contain;
}

#main_message2[b-75uuyjvll8] {
    font-size: 0.9rem;
}

.thanks_txt[b-75uuyjvll8] {
    line-height: 1.4rem;
    width: 100%;
    padding: 16px;
    font-size: 0.75rem;
    background: #f3f3f4;
    margin-top: 1rem;
}

    .thanks_txt .inner[b-75uuyjvll8] {
        margin: 16px 0 0;
        padding: 16px;
        background: #fff;
    }

        .thanks_txt .inner a[b-75uuyjvll8] {
            text-decoration: underline;
            color: #2c2c2e;
        }

.button_panel[b-75uuyjvll8] {
    width: 100%;
    margin-top: 2rem;
}

    .button_panel .button_panel_sub[b-75uuyjvll8] {
        width: 100%;
    }

        .button_panel .button_panel_sub p[b-75uuyjvll8] {
            display: table;
            width: 100%;
            height: 46px;
            margin: 0 auto !important;
            font-size: 1.4rem;
            text-align: center;
        }

            .button_panel .button_panel_sub p a[b-75uuyjvll8] {
                display: table-cell;
                vertical-align: middle;
                padding: 0.7rem 0;
                border-radius: 34px;
                color: #fff;
                text-decoration: none;
                background: #535257 url(../img/arw_w.png) no-repeat right 23px center;
                background-size: 14px auto;
                font-size: 0.9rem;
            }


/*--------    cancel_panel   -------*/
#cancel_panel[b-75uuyjvll8] {
    max-width: 765px;
}

    #cancel_panel #top_message[b-75uuyjvll8] {
        font-weight: bold;
        color: #d75278;
        text-align: left;
        font-size: 0.9rem;
        text-align: center;
        margin-bottom: 1.6rem;
    }

    #cancel_panel #cancel_message[b-75uuyjvll8] {
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 0;
    }

    #cancel_panel .send p[b-75uuyjvll8] {
        margin-top: 1.3rem !important;
    }

        #cancel_panel .send p a[b-75uuyjvll8] {
            font-size: 0.9rem;
        }

        #cancel_panel .send p button[b-75uuyjvll8] {
            font-size: 0.9rem;
        }

    #cancel_panel .common_btn02[b-75uuyjvll8] {
        display: table;
        width: 100%;
        height: 46px;
        margin: 0 auto !important;
        font-size: 1.4rem;
        text-align: center;
    }

        #cancel_panel .common_btn02 a[b-75uuyjvll8] {
            display: table-cell;
            vertical-align: middle;
            padding: 0 48px;
            border-radius: 34px;
            color: #fff;
            text-decoration: none;
            background: #535257 url(../img/arw_w.png) no-repeat right 23px center;
            background-size: 14px auto;
        }

    #cancel_panel .send button[b-75uuyjvll8] {
        width: 100%;
        height: 46px;
        border: none;
        border-radius: 23px;
        box-sizing: border-box;
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat left 16px center;
        background-size: 14px auto;
    }


.btn01 a[b-75uuyjvll8] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

.last-buttn a[b-75uuyjvll8] {
    background: #ffc8cb;
}

.btn01 a:hover[b-75uuyjvll8] {
    background: #16160e;
    color: #fff;
}

.last-buttn a:hover[b-75uuyjvll8] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-75uuyjvll8] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-75uuyjvll8]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-75uuyjvll8]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-75uuyjvll8]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-75uuyjvll8]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-75uuyjvll8] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-75uuyjvll8] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-75uuyjvll8] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-75uuyjvll8]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-75uuyjvll8]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-75uuyjvll8]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-75uuyjvll8]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }

a[b-75uuyjvll8] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

@media only screen and (min-width:768px) {
    #main_message[b-75uuyjvll8] {
        font-size: 1.3rem;
        padding: 21px 7px 8px;
    }

    #main_message2[b-75uuyjvll8] {
        font-size: 1.0rem;
    }

    .thanks_txt[b-75uuyjvll8] {
        font-size: 0.9rem;
    }

        .thanks_txt .inner[b-75uuyjvll8] {
        }

            .thanks_txt .inner a[b-75uuyjvll8] {
            }

    .button_panel[b-75uuyjvll8] {
        margin-top: 4rem;
    }

        .button_panel .button_panel_sub[b-75uuyjvll8] {
            display: flex;
        }

            .button_panel .button_panel_sub p[b-75uuyjvll8] {
                flex: 1;
            }

                .button_panel .button_panel_sub p a[b-75uuyjvll8] {
                    padding: 1.3rem 0;
                }
}

#cancel_panel[b-75uuyjvll8] {
}

    #cancel_panel #top_message[b-75uuyjvll8] {
        text-align: left;
        font-size: 1.0rem;
    }

    #cancel_panel #cancel_message[b-75uuyjvll8] {
        font-size: 1rem;
    }

    #cancel_panel .send p[b-75uuyjvll8] {
    }

        #cancel_panel .send p a[b-75uuyjvll8] {
            font-size: 1rem;
        }

        #cancel_panel .send p button[b-75uuyjvll8] {
            font-size: 1rem;
        }

    #cancel_panel .common_btn02[b-75uuyjvll8] {
        width: 380px;
        height: 68px;
        border-radius: 34px;
    }

        #cancel_panel .common_btn02 a[b-75uuyjvll8] {
        }

    #cancel_panel .send button[b-75uuyjvll8] {
        width: 380px;
        height: 68px;
        border-radius: 34px;
        margin: auto;
        display: block;
    }
}
/* _content/dsys/Shared/AdvanceNotify.razor.rz.scp.css */
th[b-u90fgnou28] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}
/* _content/dsys/Shared/CancelSearch.razor.rz.scp.css */
th[b-ppkeuzj9ji] {
	background-image: linear-gradient(180deg, #50C878 100%, #013220 100%);
	color: white;
	text-align: center;
}

.checkbox_panel[b-ppkeuzj9ji] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: baseline;
}
#reserve_list td[b-ppkeuzj9ji] {
    text-align: center;
    vertical-align: middle;
}
/* _content/dsys/Shared/FrontCalendar.razor.rz.scp.css */

.show[b-r5836ijxd9] {
    display: block !important;
}

h5[b-r5836ijxd9] {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.2rem;
}

.title_panel[b-r5836ijxd9] {
    background: #fef0f6;
    border-radius: 1rem 1rem 0 0;
    padding: 0.9rem;
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
    letter-spacing: 3.2px;
    font-size: 1.1rem;
}

.message_panel[b-r5836ijxd9] {
    padding:0 3%;
    margin-top:2rem;
    font-size: 0.9rem;
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}

.button_panel[b-r5836ijxd9] {
    padding: 0 3%;
}
.button_panel button[b-r5836ijxd9] {
    display: block;
}

    .button_panel button[b-r5836ijxd9] {
        width: 100%;
        max-width: 380px;
        height: 56px;
        border: none;
        border-radius: 33px;
        box-sizing: border-box;
        font-size: 1.0rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }
    .button_panel button:last-child[b-r5836ijxd9] {
        border: 1px solid #d75278;
        color: #d75278;
        background: #fff url(../img/arw_p.png) no-repeat right 16px center;
        background-size: 14px auto;
        margin-top:15px;
        margin-bottom:15px;
    }

.send[b-r5836ijxd9] {
    margin: 1.3rem auto 0;
    max-width: 380px;
    width: 100%;
}

.parent_panel[b-r5836ijxd9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(44, 44, 46,0.8);
    z-index: 1500;
    display: none;
}

.child_panel[b-r5836ijxd9] {
    background: rgba(255,255,255,1);
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
}


.send_button[b-r5836ijxd9] {
    margin: auto;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    background-size: 14px auto;
}

.owner-table[b-r5836ijxd9] {
    width:100%;
    margin: auto;
    text-align: center;
    margin-top:0.3rem;
    font-size:0.8rem;
}
    .owner-table th[b-r5836ijxd9] {
        background: #f6f6f6;
        padding: 0.1rem;
    }
    .owner-table td[b-r5836ijxd9] {
        padding: 0.1rem;
    }
    .owner-table .border-left[b-r5836ijxd9] {
        border-left: 1px solid #dee2e6 !important;
    }
    .owner-table .border-right[b-r5836ijxd9] {
        border-right: 1px solid #dee2e6 !important;
    }
    .owner-table .border-bottom[b-r5836ijxd9] {
        border-bottom: 1px solid #dee2e6 !important;
    }
    .owner-table .border-top[b-r5836ijxd9] {
        border-top: 1px solid #dee2e6 !important;
    }
    .owner-table .timeselect_btn[b-r5836ijxd9] {
        background-color: #eb9ea3;
        color: white;
        border: none;
        word-break: keep-all;
        cursor: pointer;
        font-size: 0.8rem;
        min-width: 20px;
        padding: 0.1rem;
        border-radius: 0.25rem;
        min-height: 25px;
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 90px;
        margin: auto;
        margin-bottom: 0.2rem;
    }


.week_pre_next_btn[b-r5836ijxd9] {
    font-size: 0.8rem;
    color: #5f5d5d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px 1px 2px 1px;
    padding:0.2rem;
}

    .week_pre_next_btn:hover[b-r5836ijxd9] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

    .week_pre_next_btn:active[b-r5836ijxd9] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

#calendar_title[b-r5836ijxd9] {
    font-size: 1rem;
    padding:0;
    margin:0;
}


@media only screen and (min-width:768px) {
    .child_panel[b-r5836ijxd9] {
        width: 784px;
    }

    h5[b-r5836ijxd9] {
        line-height: 2rem;
        font-size: 1.5rem;
    }

    .send_button[b-r5836ijxd9] {
        height: 68px;
        border-radius: 34px;
        max-width: 380px;
    }


    .owner-table[b-r5836ijxd9] {
        font-size: 0.8rem;
        margin-top: 1.5rem;
    }

        .owner-table th[b-r5836ijxd9] {
        }

        .owner-table td[b-r5836ijxd9] {
        }

        .owner-table .border-left[b-r5836ijxd9] {
        }

        .owner-table .border-right[b-r5836ijxd9] {
        }

        .owner-table .border-bottom[b-r5836ijxd9] {
        }

        .owner-table .border-top[b-r5836ijxd9] {
        }

        .owner-table .timeselect_btn[b-r5836ijxd9] {
            font-size: 0.9rem;
            min-width: 40px;
            padding: 0.2rem;
        }


    .week_pre_next_btn[b-r5836ijxd9] {
        font-size: 1.0rem;
        padding: 0.5rem;
    }

        .week_pre_next_btn:hover[b-r5836ijxd9] {
        }

        .week_pre_next_btn:active[b-r5836ijxd9] {
        }
    #calendar_title[b-r5836ijxd9] {
        font-size: 1.5rem;
    }
}
/* _content/dsys/Shared/FrontCalendar_V2.razor.rz.scp.css */

.show[b-esj2vxd4fe] {
    display: block !important;
}

h5[b-esj2vxd4fe] {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.2rem;
}

.title_panel[b-esj2vxd4fe] {
    background: #fef0f6;
    border-radius: 1rem 1rem 0 0;
    padding: 0.9rem;
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
    letter-spacing: 3.2px;
    font-size: 1.1rem;
}

.message_panel[b-esj2vxd4fe] {
    padding:0 3%;
    margin-top:2rem;
    font-size: 0.9rem;
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}

.button_panel[b-esj2vxd4fe] {
    padding: 0 3%;
}
.button_panel button[b-esj2vxd4fe] {
    display: block;
}

    .button_panel button[b-esj2vxd4fe] {
        width: 100%;
        max-width: 380px;
        height: 56px;
        border: none;
        border-radius: 33px;
        box-sizing: border-box;
        font-size: 1.0rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }
    .button_panel button:last-child[b-esj2vxd4fe] {
        border: 1px solid #d75278;
        color: #d75278;
        background: #fff url(../img/arw_p.png) no-repeat right 16px center;
        background-size: 14px auto;
        margin-top:15px;
        margin-bottom:15px;
    }

.send[b-esj2vxd4fe] {
    margin: 1.3rem auto 0;
    max-width: 380px;
    width: 100%;
}

.parent_panel[b-esj2vxd4fe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(44, 44, 46,0.8);
    z-index: 1500;
    display: none;
}

.child_panel[b-esj2vxd4fe] {
    background: rgba(255,255,255,1);
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
}


.send_button[b-esj2vxd4fe] {
    margin: auto;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    background-size: 14px auto;
}

.owner-table[b-esj2vxd4fe] {
    width:100%;
    margin: auto;
    text-align: center;
    margin-top:0.3rem;
    font-size:0.8rem;
}
    .owner-table th[b-esj2vxd4fe] {
        background: #f6f6f6;
        padding: 0.1rem;
    }
    .owner-table td[b-esj2vxd4fe] {
        padding: 0.1rem;
    }
    .owner-table .border-left[b-esj2vxd4fe] {
        border-left: 1px solid #dee2e6 !important;
    }
    .owner-table .border-right[b-esj2vxd4fe] {
        border-right: 1px solid #dee2e6 !important;
    }
    .owner-table .border-bottom[b-esj2vxd4fe] {
        border-bottom: 1px solid #dee2e6 !important;
    }
    .owner-table .border-top[b-esj2vxd4fe] {
        border-top: 1px solid #dee2e6 !important;
    }
    .owner-table .timeselect_btn[b-esj2vxd4fe] {
        background-color: #eb9ea3;
        color: white;
        border: none;
        word-break: keep-all;
        cursor: pointer;
        font-size: 0.8rem;
        min-width: 20px;
        padding: 0.1rem;
        border-radius: 0.25rem;
        min-height: 25px;
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 90px;
        margin: auto;
        margin-bottom: 0.2rem;
    }


.week_pre_next_btn[b-esj2vxd4fe] {
    font-size: 0.8rem;
    color: #5f5d5d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px 1px 2px 1px;
    padding:0.2rem;
}

    .week_pre_next_btn:hover[b-esj2vxd4fe] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

    .week_pre_next_btn:active[b-esj2vxd4fe] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

#calendar_title[b-esj2vxd4fe] {
    font-size: 1rem;
    padding:0;
    margin:0;
}


@media only screen and (min-width:768px) {
    .child_panel[b-esj2vxd4fe] {
        width: 784px;
    }

    h5[b-esj2vxd4fe] {
        line-height: 2rem;
        font-size: 1.5rem;
    }

    .send_button[b-esj2vxd4fe] {
        height: 68px;
        border-radius: 34px;
        max-width: 380px;
    }


    .owner-table[b-esj2vxd4fe] {
        font-size: 0.8rem;
        margin-top: 1.5rem;
    }

        .owner-table th[b-esj2vxd4fe] {
        }

        .owner-table td[b-esj2vxd4fe] {
        }

        .owner-table .border-left[b-esj2vxd4fe] {
        }

        .owner-table .border-right[b-esj2vxd4fe] {
        }

        .owner-table .border-bottom[b-esj2vxd4fe] {
        }

        .owner-table .border-top[b-esj2vxd4fe] {
        }

        .owner-table .timeselect_btn[b-esj2vxd4fe] {
            font-size: 0.9rem;
            min-width: 40px;
            padding: 0.2rem;
        }


    .week_pre_next_btn[b-esj2vxd4fe] {
        font-size: 1.0rem;
        padding: 0.5rem;
    }

        .week_pre_next_btn:hover[b-esj2vxd4fe] {
        }

        .week_pre_next_btn:active[b-esj2vxd4fe] {
        }
    #calendar_title[b-esj2vxd4fe] {
        font-size: 1.5rem;
    }
}
/* _content/dsys/Shared/FrontLayout.razor.rz.scp.css */
#wrap[b-iyrdox919m]{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    overflow:scroll;
}
main[b-iyrdox919m]{
    flex:1;
}
header[b-iyrdox919m] {
    font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.panel-logo[b-iyrdox919m] {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 10px;
    margin-bottom: 10px;
}

.title-row[b-iyrdox919m] {
    background-color: #f6f6f6;
    margin-bottom: 2rem;
    box-shadow: none;
}
.panel-title[b-iyrdox919m] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    font-size: 1.3rem;
    letter-spacing: 3.2px;
}

footer[b-iyrdox919m] {
    line-height: 8rem;
    background: white;
    color: white;
    text-align: center;
}
@media only screen and (min-width:768px) {
    .panel-logo[b-iyrdox919m] {
        height: 84px;
        justify-content: start;
    }

    .title-row[b-iyrdox919m] {
        margin-bottom: 2.3rem;
        box-shadow: rgb(51 51 51 / 15%) 0px 3px 5px -2px inset;
    }
    .panel-title[b-iyrdox919m] {
        justify-content: center;
        font-size: 2.0rem;
        height: 121px;
    }

}
/* _content/dsys/Shared/MainLayout.razor.rz.scp.css */
.page[b-8wgprybwth] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-8wgprybwth] {
    flex: 1;
}

.sidebar[b-8wgprybwth] {
    overflow-y: scroll;
    /*background-image: linear-gradient(180deg, #50C878 0%, #013220 100%);*/
}

.top-row[b-8wgprybwth] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8wgprybwth]  a, .top-row .btn-link[b-8wgprybwth] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-8wgprybwth] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-8wgprybwth] {
        display: none;
    }

    .top-row.auth[b-8wgprybwth] {
        justify-content: space-between;
    }

    .top-row a[b-8wgprybwth], .top-row .btn-link[b-8wgprybwth] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-8wgprybwth] {
        flex-direction: row;
    }

    .sidebar[b-8wgprybwth] {
        width: fit-content;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-8wgprybwth] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-8wgprybwth] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/dsys/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-sqp9oem74b] {
    background-color: rgba(255, 255, 255, 0.1);
}
.navbar-toggler-pc[b-sqp9oem74b] {
    background-color: rgba(255, 255, 255, 0.1);
    display: none;
}
.top-row[b-sqp9oem74b] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-sqp9oem74b] {
    font-size: 1.1rem;
}

.oi[b-sqp9oem74b] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-sqp9oem74b] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-sqp9oem74b] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-sqp9oem74b] {
        padding-bottom: 1rem;
    }

    .nav-item[b-sqp9oem74b]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-sqp9oem74b]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-sqp9oem74b]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-sqp9oem74b] {
        display: none;
    }
    .navbar-toggler-pc[b-sqp9oem74b] {
        display: block;
        margin-left: auto;
        color: white;
        border: 1px solid;
        padding: 3px;
        margin: 0;
    }
    .visible-pc[b-sqp9oem74b] {
        display: block !important;
    }
    .unvisible-pc[b-sqp9oem74b] {
        /* Never collapse the sidebar for wide screens */
        display: none !important;
    }

}

#yume-nav[b-sqp9oem74b] {
    background-image: linear-gradient(180deg, #50C878 0%, #013220 100%);
}
#yume-nav *[b-sqp9oem74b]{
    font-size:0.8rem;
    word-break:keep-all;
}
/* _content/dsys/Shared/PDFLayout.razor.rz.scp.css */
#wrap[b-k3pir7syaj]{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    overflow:scroll;
}
main[b-k3pir7syaj]{
    flex:1;
}
header[b-k3pir7syaj] {
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, "sans-serif", serif;
}
.panel-logo[b-k3pir7syaj] {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.title-row[b-k3pir7syaj] {
    background-color: #f6f6f6;
    margin-bottom: 2rem;
}
.panel-title[b-k3pir7syaj] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    font-size: 1.3rem;
    letter-spacing: 3.2px;
    font-weight:bold;
}

footer[b-k3pir7syaj] {
    line-height: 4rem;
    background: #97969c;
    color:white;
    text-align:center;
}
@media only screen and (min-width:768px) {
    .panel-logo[b-k3pir7syaj] {
        height: 84px;
        justify-content: left;
    }

    .title-row[b-k3pir7syaj] {
        margin-bottom: 2.3rem;
    }
    .panel-title[b-k3pir7syaj] {
        justify-content: left;
        font-size: 1.5rem;
        height: 121px;
    }
}
/* _content/dsys/Shared/PopupMailHist.razor.rz.scp.css */

.show[b-b9goit58ae] {
    display: block !important;
}
.parent_panel[b-b9goit58ae] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(60,60,60,0.5);
    z-index: 1500;
    display: none;
}
.child_panel[b-b9goit58ae] {
    background: rgba(255,255,255,1);
    width: 50%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding:10px;
}
.title_panel[b-b9goit58ae]{

}
.message_panel[b-b9goit58ae]{
    width:100%;
}
.button_panel[b-b9goit58ae]{


}
#mail_body[b-b9goit58ae] {
    border: 1px solid;
    width: 100%;
    padding: 10px;
}
/* _content/dsys/Shared/PopupReserveTelButton.razor.rz.scp.css */

.show[b-l8rh95gapn] {
    display: block !important;
}

h5[b-l8rh95gapn] {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.2rem;
}

.title_panel[b-l8rh95gapn] {
    background: #fef0f6;
    border-radius: 1rem 1rem 0 0;
    padding: 0.9rem;
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
    letter-spacing: 3.2px;
    font-size: 1.1rem;
}

.message_panel[b-l8rh95gapn] {
    padding: 0 3%;
    margin-top: 2rem;
    font-size: 0.9rem;
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}

.button_panel[b-l8rh95gapn] {
    padding: 0 3%;
}

    .button_panel button[b-l8rh95gapn] {
        display: block;
    }

    .button_panel button[b-l8rh95gapn] {
        width: 100%;
        max-width: 380px;
        height: 56px;
        border: none;
        border-radius: 33px;
        box-sizing: border-box;
        font-size: 1.0rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }

        .button_panel button:last-child[b-l8rh95gapn] {
            border: 1px solid #d75278;
            color: #d75278;
            background: #fff url(../img/arw_p.png) no-repeat right 16px center;
            background-size: 14px auto;
            margin-top: 15px;
            margin-bottom: 15px;
        }

.send[b-l8rh95gapn] {
    margin: 1.3rem auto 0;
    max-width: 380px;
    width: 100%;
}

.parent_panel[b-l8rh95gapn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(44, 44, 46,0.8);
    z-index: 1500;
    display: none;
}

.child_panel[b-l8rh95gapn] {
    background: rgba(255,255,255,1);
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
}


.send_button[b-l8rh95gapn] {
    margin: auto;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    background-size: 14px auto;
}

.btn01 a[b-l8rh95gapn] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

.last-buttn a[b-l8rh95gapn] {
    background: #ffc8cb;
}

.btn01 a:hover[b-l8rh95gapn] {
    background: #16160e;
    color: #fff;
}

.last-buttn a:hover[b-l8rh95gapn] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-l8rh95gapn] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-l8rh95gapn]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-l8rh95gapn]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-l8rh95gapn]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-l8rh95gapn]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-l8rh95gapn] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-l8rh95gapn] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-l8rh95gapn] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-l8rh95gapn]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-l8rh95gapn]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-l8rh95gapn]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-l8rh95gapn]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }

a[b-l8rh95gapn] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

/*-------------------     2. 日時を選ぶ  (TELポップアップ)    ---------------*/

#select_day .tel_panel[b-l8rh95gapn] {
    background: #f3f3f4;
    padding: 1.3rem;
}

#select_day .tel_message[b-l8rh95gapn] {
    font-size: 1rem;
}

#select_day .tel_a[b-l8rh95gapn] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    #select_day .tel_a > label[b-l8rh95gapn] {
        cursor: pointer;
    }

#select_day .tel[b-l8rh95gapn] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 5px 8px;
    font-size: 0.9rem;
}

    #select_day .tel[b-l8rh95gapn]::before {
        content: ' ';
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url(/img/ico_tel.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

#select_day .timeselect_btn[b-l8rh95gapn] {
    background-color: #eb9ea3;
    color: white;
    border: none;
    font-size: 0.8rem;
    word-break: keep-all;
    min-width: 20px;
    padding: 0.1rem 0.1rem;
    min-height: 30px;
}

#select_day .week_pre_next_btn[b-l8rh95gapn] {
    font-size: 1.0rem;
    color: #5f5d5d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px 1px 2px 1px;
}

    #select_day .week_pre_next_btn:hover[b-l8rh95gapn] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

    #select_day .week_pre_next_btn:active[b-l8rh95gapn] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

#select_day table > tr[b-l8rh95gapn] {
    height: 40px;
}

#select_day td[b-l8rh95gapn], #select_day th[b-l8rh95gapn] {
    font-size: 0.8rem;
    padding: 0.0rem;
    text-align: center;
    vertical-align: middle;
}

#select_day .table_user_info[b-l8rh95gapn] {
    border-top: 0.5px solid #dee2e6;
    border-bottom: 0.5px solid #dee2e6;
    width: 100%;
}

    #select_day .table_user_info tr:last-child[b-l8rh95gapn] {
    }

    #select_day .table_user_info th[b-l8rh95gapn] {
        font-size: 0.9rem;
        text-align: left;
        margin-top: 1.3rem;
    }

    #select_day .table_user_info td[b-l8rh95gapn] {
        font-size: 0.9rem;
        text-align: left;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

#select_day #day_top_message[b-l8rh95gapn] {
    margin: 8px 0 24px;
    padding: 0 0 0 16px;
    border-left: 2px solid #d75278;
    font-size: 1.0rem;
    line-height: 1.6;
    font-weight: bold;
    color: #d75278;
    margin-top: 1.5rem;
}

#select_day .pre_next_panel[b-l8rh95gapn] {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
}

    #select_day .pre_next_panel button[b-l8rh95gapn] {
        width: 120px;
        height: 44px;
        border: 1px solid #535257;
        border-radius: 23px;
        font-size: 0.8rem;
        color: #2c2c2e;
        text-align: center;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-weight: normal;
    }

        #select_day .pre_next_panel button img[b-l8rh95gapn] {
            width: 18px;
        }

#select_day #icon_explan tr[b-l8rh95gapn] {
    height: 3.2rem;
}

    #select_day #icon_explan tr th[b-l8rh95gapn] {
        padding-top: 1px;
        width: 50px;
        text-align: left;
        vertical-align: top;
    }

        #select_day #icon_explan tr th span[b-l8rh95gapn] {
            display: inline-block;
            padding: 3px 8px;
            color: #fff;
            background: #eb9ea3;
            border-radius: 6px;
            font-size: 0.9rem;
            font-weight: normal;
        }

    #select_day #icon_explan tr td[b-l8rh95gapn] {
        width: 100%;
        text-align: left;
        font-size: 0.9rem;
        display: flex;
        align-items: start;
        line-height: 1.8;
    }

#select_day #day_time_select_table[b-l8rh95gapn] {
    margin-top: 1.3rem;
}

    #select_day #day_time_select_table tr th[b-l8rh95gapn] {
        background: #f6f6f6;
        min-width: 30px;
    }

    #select_day #day_time_select_table tr .bg_saturday[b-l8rh95gapn] {
        background: rgb(219 233 255) !important;
    }

    #select_day #day_time_select_table tr .bg_sunday[b-l8rh95gapn] {
        background: rgb(255 154 154) !important;
    }

    #select_day #day_time_select_table tr .bg_weekday[b-l8rh95gapn] {
        background: #f6f6f6;
        text-align: 0.7rem;
    }

#select_day button[class="send"][b-l8rh95gapn] {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    background: #535257 url(../img/arw_w_back.png) no-repeat left 13px center;
    font-size: 0.9rem;
}


#now_title[b-l8rh95gapn] {
    letter-spacing: 3.2px;
    font-size: 1.0rem;
    background: #f6f6f6;
    padding: 16px 15px;
    margin-bottom: 1rem;
}

@media only screen and (min-width:768px) {
    .child_panel[b-l8rh95gapn] {
        width: 784px;
    }

    h5[b-l8rh95gapn] {
        line-height: 2rem;
        font-size: 1.5rem;
    }

    .send_button[b-l8rh95gapn] {
        height: 68px;
        border-radius: 34px;
        max-width: 380px;
    }

    .title_panel[b-l8rh95gapn] {
        font-size: 1.3rem;
    }
}
/* _content/dsys/Shared/PopupSendMail.razor.rz.scp.css */

.show[b-b1k8n6c86v] {
    display: block !important;
}
.button_row[b-b1k8n6c86v]{
    display:flex;
    justify-content:center;
}
    .button_row .btn[b-b1k8n6c86v] {
        margin-top: 0.5rem;
        margin-right: 1rem;
        margin-left: 1rem;
    }

.parent_panel[b-b1k8n6c86v] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(60,60,60,0.5);
    z-index: 1500;
    display: none;
}

.child_panel[b-b1k8n6c86v] {
    background: rgba(255,255,255,1);
    width: 50%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 10px;
}

.title_panel[b-b1k8n6c86v] {
}

.message_panel[b-b1k8n6c86v] {
    width: 100%;
}

.button_panel[b-b1k8n6c86v] {
}

#mail_body[b-b1k8n6c86v] {
    border: 1px solid;
    width: 100%;
    padding: 10px;
}

th[b-b1k8n6c86v] {
    text-align: center;
    vertical-align: middle;
}

.button_panel[b-b1k8n6c86v] {
    width: 100%;
}

.contents_panel[b-b1k8n6c86v] {
    margin-top: 1rem;
}

#page1[b-b1k8n6c86v] {
}

    #page1 .sendlist[b-b1k8n6c86v] {
        max-height: 500px;
        overflow-y: scroll;
    }
    #page1.contents_panel[b-b1k8n6c86v] {
        min-height: 220px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction:column;
    }

#page2[b-b1k8n6c86v] {
}

    #page2 #subject_input[b-b1k8n6c86v] {
        width: 100%;
    }

    #page2 #contents_input[b-b1k8n6c86v] {
        width: 100%;
        height: 300px;
        overflow-y: scroll;
    }
    #page2 th[b-b1k8n6c86v],#page2 td[b-b1k8n6c86v]{
        padding:0.1rem;
    }
    #page2 table[b-b1k8n6c86v] {
        margin: auto;
        width: 100%;
    }

#page3[b-b1k8n6c86v] {
}

    #page3 .sendlist[b-b1k8n6c86v] {
        max-height: 500px;
        overflow-y: scroll;
    }

#page4[b-b1k8n6c86v] {
}

    #page4 .sendlist[b-b1k8n6c86v] {
        max-height: 500px;
        overflow-y: scroll;
    }
    #page4.contents_panel[b-b1k8n6c86v] {
        min-height: 220px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .pop_title[b-b1k8n6c86v] {
        font-weight: bold;
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
        text-align: center;
    }
/* _content/dsys/Shared/PopupShiftToReserve.razor.rz.scp.css */

.show[b-jtm7srhip0] {
    display: block !important;
}

h5[b-jtm7srhip0] {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.2rem;
}

.title_panel[b-jtm7srhip0] {
    background: #fef0f6;
    border-radius: 1rem 1rem 0 0;
    padding: 0.9rem;
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
    letter-spacing: 3.2px;
    font-size: 1.1rem;
}

.message_panel[b-jtm7srhip0] {
    padding:0 3%;
    margin-top:2rem;
    font-size: 0.9rem;
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}

.button_panel[b-jtm7srhip0] {
    padding: 0 3%;
}
.button_panel button[b-jtm7srhip0] {
    display: block;
}

    .button_panel button[b-jtm7srhip0] {
        width: 100%;
        max-width: 380px;
        height: 56px;
        border: none;
        border-radius: 33px;
        box-sizing: border-box;
        font-size: 1.0rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }
    .button_panel button:last-child[b-jtm7srhip0] {
        border: 1px solid #d75278;
        color: #d75278;
        background: #fff url(../img/arw_p.png) no-repeat right 16px center;
        background-size: 14px auto;
        margin-top:15px;
        margin-bottom:15px;
    }

.send[b-jtm7srhip0] {
    margin: 1.3rem auto 0;
    max-width: 380px;
    width: 100%;
}

.parent_panel[b-jtm7srhip0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(44, 44, 46,0.8);
    z-index: 1500;
    display: none;
}

.child_panel[b-jtm7srhip0] {
    background: rgba(255,255,255,1);
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
}


.send_button[b-jtm7srhip0] {
    margin: auto;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    background-size: 14px auto;
}

@media only screen and (min-width:768px) {
    .child_panel[b-jtm7srhip0] {
        width: 784px;
    }

    h5[b-jtm7srhip0] {
        line-height: 2rem;
        font-size: 1.5rem;
    }

    .send_button[b-jtm7srhip0] {
        height: 68px;
        border-radius: 34px;
        max-width: 380px;
    }

    .title_panel[b-jtm7srhip0] {
        font-size: 1.3rem;
    }
}
/* _content/dsys/Shared/PopupTempReservation.razor.rz.scp.css */
.popup-overlay[b-9gct3zj0lo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow:scroll;
}

.popup-content[b-9gct3zj0lo] {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    width: 90%;
    max-width: 600px;
}

.popup-header[b-9gct3zj0lo] {
    background-color: #fef0f6;
    border-radius: 8px 8px 0 0;
    padding: 0.3rem 0;
    text-align: center;
    color: #d75278;
    font-size: 1.1rem;
    margin-bottom: 5px;

}

.popup-message[b-9gct3zj0lo] {
    color: #333;
    margin-bottom: 5px;
    text-align: center;
    font-size: 0.9rem;
}

/*.popup-button {
    background-color: #d75278;
    color: white;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    border: none;
    border-radius: 20px;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
}*/

.popup-button:hover[b-9gct3zj0lo] {
    background-color: #e0637c;
}

.form-group label[b-9gct3zj0lo]{
    color: black;
    display: flex;
}
.input_message[b-9gct3zj0lo] {
	color: black;
	text-align: left;
	margin-top: 0.4rem;
	font-size: 0.8rem;
}

.form-group .req[b-9gct3zj0lo] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 0.5rem;
    font-weight: normal;
    color: #fff;
    background: #bb4c54;
}
.errormessage[b-9gct3zj0lo] {
    color: red;
    text-align: left;
}

.form-group[b-9gct3zj0lo] {
    display: flex;
    align-items: center; /* センターに揃える */
    margin-bottom: 5px; /* 各グループ間の余白 */
    font-size: 1rem;
}

.form-item-left[b-9gct3zj0lo],
.form-item-right[b-9gct3zj0lo] {
    flex: 1; /* 左右の項目に同じ比率の幅を割り当て */
    display: grid;
}

.form-item-left[b-9gct3zj0lo] {
    text-align: right; /* 左側のテキストを右揃えに */
    margin-right: 10px; /* ラベルと入力フィールドの間の余白 */
}

.dropdown-fit-content[b-9gct3zj0lo] {
    width: max-content; 
}

@media (max-width: 600px) {
    .dropdown-fit-content[b-9gct3zj0lo] {
        width: 100%; 
    }
}



/*-------------------     2. 日時を選ぶ  (TELポップアップ)    ---------------*/

#select_day .tel_panel[b-9gct3zj0lo] {
    padding: 0.2rem;
}

#select_day .tel_message[b-9gct3zj0lo] {
    font-size: 1rem;
}

#select_day .tel_a[b-9gct3zj0lo] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    #select_day .tel_a > label[b-9gct3zj0lo] {
        cursor: pointer;
    }

#select_day .tel[b-9gct3zj0lo] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 1px 8px;
    font-size: 0.9rem;
}

    #select_day .tel[b-9gct3zj0lo]::before {
        content: ' ';
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url(/img/ico_tel.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 3px;
    }


#select_day .week_pre_next_btn[b-9gct3zj0lo] {
    font-size: 1.0rem;
    color: #5f5d5d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px 1px 2px 1px;
}

    #select_day .week_pre_next_btn:hover[b-9gct3zj0lo] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

    #select_day .week_pre_next_btn:active[b-9gct3zj0lo] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

#select_day td[b-9gct3zj0lo], #select_day th[b-9gct3zj0lo] {
    font-size: 0.8rem;
    padding: 0.0rem;
    text-align: center;
    vertical-align: middle;
}

#select_day .table_user_info[b-9gct3zj0lo] {
    border-top: 0.5px solid #dee2e6;
    border-bottom: 0.5px solid #dee2e6;
    width: 100%;
}

    #select_day .table_user_info tr:last-child[b-9gct3zj0lo] {
    }

	#select_day .table_user_info th[b-9gct3zj0lo] {
		font-size: 0.9rem;
		text-align: left;
		margin-top: 0.6rem;
		font-size: 1.0rem;
		padding: 0.2rem 0 0 0;
		border-top: 1px solid #dee2e6;
	}

	#select_day .table_user_info td[b-9gct3zj0lo] {
		font-size: 0.9rem;
		text-align: left;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1.0rem;
		padding:0.2rem 0 0 0;
		border-top: 1px solid #dee2e6;
	}
#select_day table tr:nth-child(1) th[b-9gct3zj0lo] {
	border-top: 1px solid #dee2e6;
	margin-top:0.7rem;
}
#select_day table tr:nth-child(3) td[b-9gct3zj0lo] {
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 0.7rem;
}
#popup_temp_reservation table tr:nth-child(4) th[b-9gct3zj0lo], #popup_temp_reservation table tr:nth-child(4) td[b-9gct3zj0lo] {
	border: none;
}
#popup_temp_reservation table tr:nth-child(7) th[b-9gct3zj0lo], #popup_temp_reservation table tr:nth-child(7) td[b-9gct3zj0lo] {
	border-bottom: 1px solid #dee2e6;
}

#select_day #day_top_message[b-9gct3zj0lo] {
    margin: 8px 0 10px;
    padding: 0 0 0 16px;
    border-left: 2px solid #d75278;
    font-size: 1.0rem;
    line-height: 1.6;
    font-weight: bold;
    color: #d75278;
    margin-top: 0.7rem;
}

#select_day .pre_next_panel[b-9gct3zj0lo] {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
}

    #select_day .pre_next_panel button[b-9gct3zj0lo] {
        width: 120px;
        height: 44px;
        border: 1px solid #535257;
        border-radius: 23px;
        font-size: 0.8rem;
        color: #2c2c2e;
        text-align: center;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-weight: normal;
    }

        #select_day .pre_next_panel button img[b-9gct3zj0lo] {
            width: 18px;
        }

#select_day #icon_explan tr[b-9gct3zj0lo] {
    height: 3.2rem;
}

	#select_day #icon_explan tr th[b-9gct3zj0lo] {
		padding-top: 1px;
		width: 50px;
		text-align: left;
		vertical-align: top;
		
	}

        #select_day #icon_explan tr th span[b-9gct3zj0lo] {
            display: inline-block;
            padding: 1px 8px;
            color: #fff;
            background: #eb9ea3;
            border-radius: 6px;
            font-size: 0.9rem;
            font-weight: normal;
        }

    #select_day #icon_explan tr td[b-9gct3zj0lo] {
        width: 100%;
        text-align: left;
        font-size: 0.9rem;
        display: flex;
        align-items: start;
        line-height: 1.8;
    }

#select_day #day_time_select_table[b-9gct3zj0lo] {
    margin-top: 0.7rem;
}

    #select_day #day_time_select_table tr .bg_saturday[b-9gct3zj0lo] {
        background: rgb(219 233 255) !important;
    }

    #select_day #day_time_select_table tr .bg_sunday[b-9gct3zj0lo] {
        background: rgb(255 154 154) !important;
    }

    #select_day #day_time_select_table tr .bg_weekday[b-9gct3zj0lo] {
        background: #f6f6f6;
    }

#select_day button[class="send"][b-9gct3zj0lo] {
    margin-top: 0.5rem;
    margin-bottom: 0.7rem;
    background: #535257 url(../img/arw_w_back.png) no-repeat left 13px center;
    font-size: 0.9rem;
}

#select_day .timeselect_btn[b-9gct3zj0lo]{
	background: red;
}

#popup_temp_reservation[b-9gct3zj0lo] {
}
	#popup_temp_reservation table[b-9gct3zj0lo] {
		color: black;
		width: 100%;
	}
		#popup_temp_reservation table th[b-9gct3zj0lo], #popup_temp_reservation table td[b-9gct3zj0lo] {
			font-weight: normal;
			text-align: left;
			padding: 0.1rem;
			max-width: 10rem;
			border-left: none;
			border-right: none;
			border-bottom: none;
			font-size: 1.0rem;
			padding: 0.3rem;
		}
		#popup_temp_reservation table th label[b-9gct3zj0lo]{
			margin-bottom:0;
			font-weight:bold;
		}
		#popup_temp_reservation table td[b-9gct3zj0lo] {
			/*padding: 0.3rem;
			text-align: left;
			border: none;*/
		}
			#popup_temp_reservation table td input[b-9gct3zj0lo] {
				width: 100%;
				padding: 3px 16px;
				border: 1px solid #e3e3e5;
				border-radius: 5px;
				box-sizing: border-box;
				font-size: 1.0rem;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
			}
			#popup_temp_reservation table td select[b-9gct3zj0lo] {
				padding: 3px 20px 3px 14px;
				border: 1px solid #e3e3e5;
				border-radius: 5px;
				box-sizing: border-box;
				font-size: 1rem;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				background: url(../img/arw_select.png) no-repeat right 5px center;
				background-size: 6px auto;
			}
		#popup_temp_reservation table th > div[b-9gct3zj0lo] {
			display: flex;
			align-items:center;
		}
				#popup_temp_reservation table th > div > div:nth-child(1)[b-9gct3zj0lo] {
					display: flex;
					justify-content: start;
					margin-bottom:0;
				}
				#popup_temp_reservation table th > div > div:nth-child(2)[b-9gct3zj0lo] {
					display: flex;
					justify-content: start;
					flex: 2;
					text-align:center;
				}

#select_day .tel_panel[b-9gct3zj0lo] {
	padding: 0.1rem 0 0.5rem;
}
.popup-header[b-9gct3zj0lo] {
	margin-bottom: 0;
	font-weight:bold;
}

@media (max-width: 600px) {
	.popup-content[b-9gct3zj0lo] {
		height: 100%;
		overflow-y: scroll;
	}
}
.button-group[b-9gct3zj0lo] {
	margin-top: 1rem;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap-reverse;
}
@media (max-width: 600px) {
	#popup_temp_reservation[b-9gct3zj0lo] {
	}

		#popup_temp_reservation table[b-9gct3zj0lo] {
		}

		#popup_temp_reservation tr[b-9gct3zj0lo] {
			display: flex;
			flex-direction: column;
		}
			#popup_temp_reservation tr[class=sp-tr][b-9gct3zj0lo] {
				flex-direction: row;
				border-bottom: 1px solid rgba(200,200,200,0.7);
			}
				#popup_temp_reservation tr[class=sp-tr] th[b-9gct3zj0lo],
				#popup_temp_reservation tr[class=sp-tr] td[b-9gct3zj0lo] {
					flex:1;
					width:initial;
					min-width:initial;
				}
	#popup_temp_reservation table th[b-9gct3zj0lo] {
		display: flex;
		width: 100%;
		min-width: 100%;
		border: 0;
		padding: 0.1rem;
		font-weight: bold;
	}
	.sp-bg[b-9gct3zj0lo] {
		padding-left:2rem; 
	}
	#popup_temp_reservation table th label[b-9gct3zj0lo] {
	}

		#popup_temp_reservation table td[b-9gct3zj0lo] {
			display: flex;
			width: 100%;
			min-width: 100%;
			flex-direction: column;
			padding-bottom: 0.1rem;
			padding: 0.1rem;
			border:0;
		}

				#popup_temp_reservation table td input[b-9gct3zj0lo] {
				}

				#popup_temp_reservation table td select[b-9gct3zj0lo] {
				}

			#popup_temp_reservation table th > div[b-9gct3zj0lo] {
				flex-direction:row;
			}

			#popup_temp_reservation table td input[b-9gct3zj0lo] {
			}

			#popup_temp_reservation table th > div > div:nth-child(1)[b-9gct3zj0lo] {
			}

			#popup_temp_reservation table th > div > div:nth-child(2)[b-9gct3zj0lo] {
			}
	.button-group[b-9gct3zj0lo] {
	}
}
/*-----------確定閉じるボタン-------------*/
.btn01 a[b-9gct3zj0lo] {
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #16160e;
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 62px;
	color: #16160e;
	width: 12rem;
	max-width: 100%;
	height: 64px;
	background: transparent;
	position: relative;
	display: grid;
	place-items: center;
	border-radius: 35px;
}

.last-buttn a[b-9gct3zj0lo] {
	background: #ffc8cb;
}

.btn01 a:hover[b-9gct3zj0lo] {
	background: #16160e;
	color: #fff;
}

.last-buttn a:hover[b-9gct3zj0lo] {
	background: #16160e;
	color: #fff;
}

.btn01 a span[b-9gct3zj0lo] {
	position: relative;
	display: inline-block;
	padding-right: 80px;
	text-align: left;
}

	.btn01 a span[b-9gct3zj0lo]:before {
		transition: all 0.4s linear;
		display: block;
		content: "";
		width: 58px;
		height: 7px;
		top: 0;
		bottom: 0;
		right: 11px;
		margin: auto;
		position: absolute;
		background: url(/img/btn01_ar.png) right 50% no-repeat;
		background-size: auto 7px !important;
	}

.btn01 a:hover span[b-9gct3zj0lo]:before {
	background: url(/img/btn01_ar_on.png) right 50% no-repeat;
	right: 6px;
}

.btn01 a span[b-9gct3zj0lo]:after {
	transition: all 0.4s linear;
	display: block;
	content: "";
	width: 26px;
	height: 26px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	position: absolute;
	border: 1px solid #16160e;
	border-radius: 20px;
}

.btn01 a:hover span[b-9gct3zj0lo]:after {
	border: 1px solid #fff;
	right: -5px;
}
.btn02 a[b-9gct3zj0lo] {
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #16160e;
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 62px;
	color: #16160e;
	width: 12rem;
	max-width: 100%;
	height: 64px;
	background: transparent;
	position: relative;
	display: grid;
	place-items: center;
	border-radius: 35px;
}

	.btn02 a:hover[b-9gct3zj0lo] {
		/*//background: #16160e; 以下に変更*/
		background: #16160e;
		/*//color: #fff;  以下に変更*/
		color: #fff;
	}

	.btn02 a span[b-9gct3zj0lo] {
		position: relative;
		display: inline-block;
		/*//padding-right: 80px; 以下に変更*/
		padding-left: 80px;
		text-align: left;
	}

		.btn02 a span[b-9gct3zj0lo]:before {
			transition: all 0.4s linear;
			display: block;
			content: "";
			width: 58px;
			height: 7px;
			top: 0;
			bottom: 0;
			/*//right: 11px; 以下に変更*/
			left: 11px;
			margin: auto;
			position: absolute;
			/*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
			background: url(/img/btn02_ar_left.png) right 50% no-repeat;
			background-size: auto 7px !important;
			/*//以下を追加*/
			/*transform: scale(-1,1);*/
		}

	.btn02 a:hover span[b-9gct3zj0lo]:before {
		/*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
		background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
		/*//right: 6px; 以下に変更*/
		left: 6px;
	}

	.btn02 a span[b-9gct3zj0lo]:after {
		transition: all 0.4s linear;
		display: block;
		content: "";
		width: 26px;
		height: 26px;
		top: 0;
		bottom: 0;
		/*//right: 0; 以下に変更*/
		left: 0;
		margin: auto;
		position: absolute;
		/*//border: 1px solid #16160e; 以下に変更*/
		border: 1px solid #000;
		border-radius: 20px;
	}

	.btn02 a:hover span[b-9gct3zj0lo]:after {
		border: 1px solid #fff;
		/*//right: -5px; 以下に変更*/
		left: -5px;
	}

a[b-9gct3zj0lo] {
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.pc-display-none[b-9gct3zj0lo]{
	display:none;
}
@media (max-width: 600px){

	.pc-display-none[b-9gct3zj0lo] {
		display: initial;
	}
}
/* _content/dsys/Shared/PopupWait.razor.rz.scp.css */

.show[b-abvg1n4bl0] {
    display: block !important;
}
.parent_panel[b-abvg1n4bl0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(60,60,60,0.5);
    z-index: 1501;
    display: none;
}
.child_panel[b-abvg1n4bl0] {
    background: rgba(255,255,255,1);
    width: 50%;
    height: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.title_panel[b-abvg1n4bl0]{

}
.message_panel[b-abvg1n4bl0]{

}
.button_panel[b-abvg1n4bl0]{

}
/* _content/dsys/Shared/PopupYesNo.razor.rz.scp.css */

.show[b-ih5tem5te3] {
    display: block !important;
}

h5[b-ih5tem5te3] {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.2rem;
}

.title_panel[b-ih5tem5te3] {
    background: #fef0f6;
    border-radius: 1rem 1rem 0 0;
    padding: 0.9rem;
    font-family: 'Noto Serif JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif', serif;
    letter-spacing: 3.2px;
    font-size: 1.1rem;
}

.message_panel[b-ih5tem5te3] {
    padding:0 3%;
    margin-top:2rem;
    font-size: 0.9rem;
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}

.button_panel[b-ih5tem5te3] {
    padding: 0 3%;
}
.button_panel button[b-ih5tem5te3] {
    display: block;
}

    .button_panel button[b-ih5tem5te3] {
        width: 100%;
        max-width: 380px;
        height: 56px;
        border: none;
        border-radius: 33px;
        box-sizing: border-box;
        font-size: 1.0rem;
        color: #fff;
        text-align: center;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        background-size: 14px auto;
    }
    .button_panel button:last-child[b-ih5tem5te3] {
        border: 1px solid #d75278;
        color: #d75278;
        background: #fff url(../img/arw_p.png) no-repeat right 16px center;
        background-size: 14px auto;
        margin-top:15px;
        margin-bottom:15px;
    }

.send[b-ih5tem5te3] {
    margin: 1.3rem auto 0;
    max-width: 380px;
    width: 100%;
}

.parent_panel[b-ih5tem5te3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(44, 44, 46,0.8);
    z-index: 1500;
    display: none;
}

.child_panel[b-ih5tem5te3] {
    background: rgba(255,255,255,1);
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
}


.send_button[b-ih5tem5te3] {
    margin: auto;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    background-size: 14px auto;
}

.btn01 a[b-ih5tem5te3] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

.last-buttn a[b-ih5tem5te3] {
    background: #ffc8cb;
}

.btn01 a:hover[b-ih5tem5te3] {
    background: #16160e;
    color: #fff;
}

.last-buttn a:hover[b-ih5tem5te3] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-ih5tem5te3] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-ih5tem5te3]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-ih5tem5te3]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-ih5tem5te3]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-ih5tem5te3]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-ih5tem5te3] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-ih5tem5te3] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-ih5tem5te3] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-ih5tem5te3]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-ih5tem5te3]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-ih5tem5te3]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-ih5tem5te3]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }

a[b-ih5tem5te3] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
@media only screen and (min-width:768px) {
    .child_panel[b-ih5tem5te3] {
        width: 784px;
    }

    h5[b-ih5tem5te3] {
        line-height: 2rem;
        font-size: 1.5rem;
    }

    .send_button[b-ih5tem5te3] {
        height: 68px;
        border-radius: 34px;
        max-width: 380px;
    }

    .title_panel[b-ih5tem5te3] {
        font-size: 1.3rem;
    }
}

.centered-text .tra[b-ih5tem5te3] {
    line-height: 2.4rem;
    padding: 0rem 0.75rem;
    
}

.centered-text[b-ih5tem5te3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
}
/* _content/dsys/Shared/Reserve.razor.rz.scp.css */
i[b-ltyckpxp30], #now_title[b-ltyckpxp30] {
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, "sans-serif", serif;
    
}

.sp_disp_none[b-ltyckpxp30] {
    display: none !important;
}
.pc_disp_none[b-ltyckpxp30] {
    display: initial;
}

.btn_staff_active_ng[b-ltyckpxp30] {
    color: hotpink;
    background-color: rgb(255, 250, 205);
    border-color: rgb(255, 250, 205);
    font-size: 1.2rem;
}

.fair-font[b-ltyckpxp30] {
    font-size: 0.5rem;
}

h3[b-ltyckpxp30] {
    font-size: 1rem;
}
col[b-ltyckpxp30]{padding:0 3% !important;}


.send[b-ltyckpxp30] {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 1.0rem;
    color: #fff;
    text-align: center;
    background-size: 14px auto;
}

@media only screen and (min-width:768px) {
    .send[b-ltyckpxp30] {
        display: block;
        width: 380px;
        height: 68px;
        margin: 0 auto;
        border: none;
        border-radius: 34px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
    }
}
.title_under_message[b-ltyckpxp30] {
    text-align: center;
}
.error_input[b-ltyckpxp30] {
    border-color: #f45b5b;
    background-color: #fff1f1;
}


.input_message[b-ltyckpxp30] {
    margin-top: 0.4rem;
    font-size: 0.8rem;
}

.errormessage[b-ltyckpxp30] {
    font-size: 1.0rem;
    color: red;
    text-decoration: underline;
    margin-top: 0.4rem;
    font-weight: bold;
}
/*-------------------     １．２．３．４．完了    ---------------*/
._col[b-ltyckpxp30] {
    width: 100%;
}
.arrow_panel[b-ltyckpxp30] {
    align-items: center;
    width: 100%;
    margin: auto;
}

.flow_arrow[b-ltyckpxp30] {
    height: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f3f3f4;
}

.flow_bg[b-ltyckpxp30] {
    background: #f3f3f4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*flex: 6;*/
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
}

    .flow_bg i[b-ltyckpxp30] {
        display: flex;
        justify-content: center;
        font-size: 0.8rem;
    }

.flow_off[b-ltyckpxp30] {
    color: #97969c;
}

.flow_on[b-ltyckpxp30] {
    /*background-image: url("/img/bg_flow_on.png");*/
    background: #FFA7D4;
    color: #ffffff;
}

@media only screen and (min-width:600px) {
    ._col[b-ltyckpxp30] {
        width: 80%;
    }
}
@media only screen and (min-width:768px) {
    .arrow_panel[b-ltyckpxp30] {
        max-width: 576px;
    }

    .flow_arrow[b-ltyckpxp30] {
    }

    .flow_bg[b-ltyckpxp30] {
        width: 45px;
        height: 45px;
        border-radius: 30px;
    }

        .flow_bg i[b-ltyckpxp30] {
        }

    .flow_off[b-ltyckpxp30] {
    }

    .flow_on[b-ltyckpxp30] {
    }
}


/*-------------------     2. 日時を選ぶ    ---------------*/

#select_day .tel_panel[b-ltyckpxp30] {
    background: #f3f3f4;
    padding: 1.3rem;
}

#select_day .tel_message[b-ltyckpxp30] {
    font-size: 1rem;
}

#select_day .tel_a[b-ltyckpxp30] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    #select_day .tel_a > label[b-ltyckpxp30] {
        cursor: pointer;
    }

#select_day .tel[b-ltyckpxp30] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width:300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 5px 8px;
    font-size:0.9rem;
}

    #select_day .tel[b-ltyckpxp30]::before {
        content: ' ';
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url(/img/ico_tel.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

#select_day .timeselect_btn[b-ltyckpxp30] {
    background-color: #eb9ea3;
    color: white;
    border: none;
    font-size: 0.8rem;
    word-break: keep-all;
    min-width: 20px;
    padding: 0.1rem 0.1rem;
    min-height: 30px;
}

#select_day .week_pre_next_btn[b-ltyckpxp30] {
    font-size: 1.0rem;
    color: #5f5d5d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px 1px 2px 1px;
}

    #select_day .week_pre_next_btn:hover[b-ltyckpxp30] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

    #select_day .week_pre_next_btn:active[b-ltyckpxp30] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

#select_day table > tr[b-ltyckpxp30] {
    height: 40px;
}

#select_day td[b-ltyckpxp30], #select_day th[b-ltyckpxp30] {
    font-size: 0.8rem;
    padding: 0.0rem;
    text-align: center;
    vertical-align: middle;
}

#select_day .table_user_info[b-ltyckpxp30] {
    border-top: 0.5px solid #dee2e6;
    border-bottom: 0.5px solid #dee2e6;
    width: 100%;
}

    #select_day .table_user_info tr:last-child[b-ltyckpxp30] {
    }

    #select_day .table_user_info th[b-ltyckpxp30] {
        font-size: 0.9rem;
        text-align: left;
        margin-top: 1.3rem;
    }

    #select_day .table_user_info td[b-ltyckpxp30] {
        font-size: 0.9rem;
        text-align: left;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

#select_day #day_top_message[b-ltyckpxp30] {
    margin: 8px 0 24px;
    padding: 0 0 0 16px;
    border-left: 2px solid #d75278;
    font-size: 1.0rem;
    line-height: 1.6;
    font-weight: bold;
    color: #d75278;
    margin-top: 1.5rem;
}

#select_day .pre_next_panel[b-ltyckpxp30] {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
}

    #select_day .pre_next_panel button[b-ltyckpxp30] {
        width: 120px;
        height: 44px;
        border: 1px solid #535257;
        border-radius: 23px;
        font-size: 0.8rem;
        color: #2c2c2e;
        text-align: center;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-weight: normal;
    }

        #select_day .pre_next_panel button img[b-ltyckpxp30] {
            width: 18px;
        }

#select_day #icon_explan tr[b-ltyckpxp30] {
    height: 3.2rem;
}

    #select_day #icon_explan tr th[b-ltyckpxp30] {
        padding-top: 1px;
        width: 50px;
        text-align: left;
        vertical-align: top;
    }

        #select_day #icon_explan tr th span[b-ltyckpxp30] {
            display: inline-block;
            padding: 3px 8px;
            color: #fff;
            background: #eb9ea3;
            border-radius: 6px;
            font-size: 0.9rem;
            font-weight: normal;
        }

    #select_day #icon_explan tr td[b-ltyckpxp30] {
        width: 100%;
        text-align: left;
        font-size: 0.9rem;
        display: flex;
        align-items: start;
        line-height: 1.8;
    }

#select_day #day_time_select_table[b-ltyckpxp30] {
    margin-top: 1.3rem;
}

    #select_day #day_time_select_table tr th[b-ltyckpxp30] {
        background: #f6f6f6;
        min-width: 30px;
    }

    #select_day #day_time_select_table tr .bg_saturday[b-ltyckpxp30] {
        background: rgb(219 233 255) !important;
    }

    #select_day #day_time_select_table tr .bg_sunday[b-ltyckpxp30] {
        background: rgb(255 154 154) !important;
    }

    #select_day #day_time_select_table tr .bg_weekday[b-ltyckpxp30] {
        background: #f6f6f6;
    }

#select_day button[class="send"][b-ltyckpxp30] {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    background: #535257 url(../img/arw_w_back.png) no-repeat left 13px center;
    font-size: 0.9rem;
}


#now_title[b-ltyckpxp30] {
    letter-spacing: 3.2px;
    font-size: 1.0rem;
    background: #f6f6f6;
    padding: 16px 15px;
    margin-bottom: 1rem;
}


/*-------------------     1. 目的を選ぶ    ---------------*/
#select_menu input[type="radio"][b-ltyckpxp30] {
}

#select_menu label[b-ltyckpxp30] {
    margin-left: 3px;
}

#select_menu .radio_panel[b-ltyckpxp30] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: baseline;
}


.title_under_message span[b-ltyckpxp30] {
    font-size: 1.2rem;
    text-decoration: underline;
}

#select_menu[b-ltyckpxp30] {
}

    #select_menu .table[b-ltyckpxp30] {
        border-top: 0.5px solid #dee2e6;
        border-bottom: 0.5px solid #dee2e6;
    }

        #select_menu .table > tr:nth-child(2)[b-ltyckpxp30] {
            border-top: none;
        }

        #select_menu .table th[b-ltyckpxp30], #select_menu .table td[b-ltyckpxp30] {
            display: block;
            border-top: none;
        }

    #select_menu button[class="send"][b-ltyckpxp30] {
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        margin-top: 1rem;
    }


.arrow_box_furisode[b-ltyckpxp30] {
    position: relative;
    width: 100%;
    background: rgba(215, 82, 120,0.8);
    text-align: center;
    color: #FFFFFF;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

    .arrow_box_furisode[b-ltyckpxp30]:after, .arrow_box_furisode[b-ltyckpxp30]:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 50%;
    }

    .arrow_box_furisode[b-ltyckpxp30]:after {
        border-color: rgba(0, 0, 255, 0);
        border-top-width: 17px;
        border-bottom-width: 20px;
        border-left-width: 15px;
        border-right-width: 15px;
        margin-left: -15px;
        border-top-color: rgba(215, 82, 120,0.8);
    }
/*
    .arrow_box_furisode:before {
        border-color: rgba(0, 0, 255, 0);
        border-top-width: 26px;
        border-bottom-width: 26px;
        border-left-width: 20px;
        border-right-width: 20px;
        margin-left: -20px;
        margin-top: 5px;
        border-top-color: rgba(215, 82, 120,0.8);
    }*/

.req[b-ltyckpxp30] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 0.5rem;
    font-weight: normal;
    color: #fff;
    background: #bb4c54;
}

.unreq[b-ltyckpxp30] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 0.5rem;
    font-weight: normal;
    color: #fff;
    background: #c2c1c8;
}




/*-------------------     3．お客様情報を入力する    ---------------*/
#user_input_panel hr[b-ltyckpxp30]{
    
}

#user_input_panel input[type="text"][b-ltyckpxp30], #user_input_panel input[type="email"][b-ltyckpxp30], #user_input_panel input[type="tel"][b-ltyckpxp30], #user_input_panel input[type="date"][b-ltyckpxp30], #user_input_panel input[type="number"][b-ltyckpxp30] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e3e3e5;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 1.0rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#user_input_panel .top_error[b-ltyckpxp30] {
    margin: 0 0 24px;
    padding: 16px;
    font-size: 1.0rem;
    color: #fff;
    background: #f45b5b;
    font-weight: bold;
    font-size: 1.0rem;
}


#user_input_panel .table_user_info th[b-ltyckpxp30] {
    font-size: 1.0rem;
    padding: 1.1rem 0 0 0;
}

#user_input_panel .table_user_info td[b-ltyckpxp30] {
    font-size: 1.0rem;
    padding: 0.5rem 0 1.1rem;
}

#user_input_panel .table_user_info th[b-ltyckpxp30], .table_user_info td[b-ltyckpxp30] {
    display: block;
}

#user_input_panel .table_user_info td[b-ltyckpxp30] {
}

#user_input_panel .tel_input[b-ltyckpxp30] {
    margin-right: 0.2rem;
    display: block;
    width: auto;
    max-width: 90px;
}

#user_input_panel #row_selected_shop[b-ltyckpxp30] {
}

    #user_input_panel #row_selected_shop th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_selected_shop td[b-ltyckpxp30] {
        border: 0;
    }

#user_input_panel #row_selected_menu[b-ltyckpxp30] {
}

    #user_input_panel #row_selected_menu th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_selected_menu td[b-ltyckpxp30] {
        border: 0;
    }

#user_input_panel #row_selected_daytime[b-ltyckpxp30] {
}

    #user_input_panel #row_selected_daytime th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_selected_daytime td[b-ltyckpxp30] {
        border: 0;
    }

#user_input_panel #row_input_name[b-ltyckpxp30] {
}

    #user_input_panel #row_input_name td[b-ltyckpxp30] {
        border: 0;
    }

#user_input_panel #row_input_name_kana[b-ltyckpxp30] {
}

    #user_input_panel #row_input_name_kana th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_name_kana td[b-ltyckpxp30] {
        border: 0;
    }
#user_input_panel #row_input_graduation[b-ltyckpxp30] {
}

    #user_input_panel #row_input_graduation th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_graduation td[b-ltyckpxp30] {
        border: 0;
    }

#user_input_panel #row_input_mail[b-ltyckpxp30] {
}

    #user_input_panel #row_input_mail th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_mail td[b-ltyckpxp30] {
        border: 0;
    }

#user_input_panel #row_input_tel[b-ltyckpxp30] {
}

    #user_input_panel #row_input_tel th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_tel td[b-ltyckpxp30] {
        border: 0;
    }

        #user_input_panel #row_input_tel td #row_input_tel_message[b-ltyckpxp30] {
        }
.row_message[b-ltyckpxp30] {
    display: block;
    margin: 12px 0 0;
    padding: 16px;
    background: #fef0f6;
    font-size: 0.7rem;
}
#user_input_panel #row_input_birthday[b-ltyckpxp30] {
}

    #user_input_panel #row_input_birthday th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_birthday td[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_birthday select[b-ltyckpxp30] {
        padding: 12px 20px 12px 14px;
        border: 1px solid #e3e3e5;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 1rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../img/arw_select.png) no-repeat right 5px center;
        background-size: 6px auto;
    }
#user_input_panel #row_input_post[b-ltyckpxp30] {
}

    #user_input_panel #row_input_post th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_post td[b-ltyckpxp30] {
        border: 0;
    }
        #user_input_panel #row_input_post td #row_input_post_message[b-ltyckpxp30] {
            display: block;
            margin: 12px 0 0;
            padding: 16px;
            background: #fef0f6;
            font-size: 0.7rem;
        }
#user_input_panel #row_input_other[b-ltyckpxp30] {
}

    #user_input_panel #row_input_other th[b-ltyckpxp30] {
        border: 0;
    }

    #user_input_panel #row_input_other td[b-ltyckpxp30] {
        border: 0;
    }
    #user_input_panel #row_input_other td textarea[b-ltyckpxp30] {
        width: 100%;
        height: 160px;
        min-height: 160px;
        padding: 14px 16px;
        border: 1px solid #e3e3e5;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 1.0rem;
        resize: vertical;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

#user_input_panel #input_buttom_message[b-ltyckpxp30] {
    margin: 0 0 24px;
    padding: 16px 5%;
    font-size: 0.8rem;
    background: #f3f3f4;
}
#user_input_panel button[class="send"]:first-child[b-ltyckpxp30] {
    display:block;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    margin-top: 1rem;
}
#user_input_panel button[class="send"]:last-child[b-ltyckpxp30] {
    display: block;
    background: #535257 url(../img/arw_w_back.png) no-repeat left 16px center;
    margin-top: 1rem;
    width:300px;
    margin:2rem auto;
}

/*-------------------     4．お客様情報を確認する    ---------------*/

#confirm_panel[b-ltyckpxp30] {
}
    #confirm_panel hr[b-ltyckpxp30] {
        
    }
    #confirm_panel #confirm_top_message[b-ltyckpxp30] {
        font-weight: bold;
        color: #d75278;
        text-align: center;
        margin-bottom:3rem;
    }
    #confirm_panel table th[b-ltyckpxp30] {
        border: 0;
        display: block;
        padding: 1.4rem 0 0;
    }
    #confirm_panel table td[b-ltyckpxp30] {
        border: 0;
        display: block;
        padding: 0.3rem 0 0;
        font-size:0.9rem;
    }

    #confirm_panel #confirm_buttom_message[b-ltyckpxp30] {
        margin: 0 0 24px;
        padding: 16px 5%;
        font-size: 0.8rem;
        background: #f3f3f4;
    }

    #confirm_panel button[class="send"]:first-child[b-ltyckpxp30] {
        display: block;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        margin-top: 1rem;
    }

    #confirm_panel button[class="send"]:last-child[b-ltyckpxp30] {
        display: block;
        background: #535257 url(../img/arw_w_back.png) no-repeat left 16px center;
        margin-top: 1rem;
        width: 300px;
        margin: 2rem auto;
    }
    /*-------------------     end    ---------------*/


/**/
.unenable_label[b-ltyckpxp30], .menu_radio[b-ltyckpxp30] {
    width: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0.3rem 0.5rem 0.3rem 0;
    flex-wrap:nowrap;
}
.unenable_label[b-ltyckpxp30] {
    color: rgba(60,60,60,0.3);
    
}
    .unenable_label label[b-ltyckpxp30], .menu_radio label[b-ltyckpxp30] {
        margin: 0;
        padding: 0;
    }

.UnEnabledMessage[b-ltyckpxp30] {
    margin-left: 1.3rem;
    color: rgba(60,60,60,0.3);
    font-size: 0.8rem;
}


/*一次的な対応なので、川口店にアクセスを流す施策後に削除してOK*/
.sp-display-none[b-ltyckpxp30]{
    display:none;
}
#select_day .tel_option[b-ltyckpxp30] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 5px 8px;
    font-size: 0.9rem;
}


.btn01 a[b-ltyckpxp30] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}
.last-buttn a[b-ltyckpxp30]{
    background: #ffc8cb;
}

.btn01 a:hover[b-ltyckpxp30] {
    background: #16160e;
    color: #fff;
}
.last-buttn a:hover[b-ltyckpxp30] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-ltyckpxp30] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-ltyckpxp30]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-ltyckpxp30]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-ltyckpxp30]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-ltyckpxp30]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-ltyckpxp30] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-ltyckpxp30] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-ltyckpxp30] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-ltyckpxp30]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-ltyckpxp30]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-ltyckpxp30]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-ltyckpxp30]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }
a[b-ltyckpxp30] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
@media only screen and (min-width:768px) {
    #select_day .tel_panel[b-ltyckpxp30] {
    }

    #select_day .tel_message[b-ltyckpxp30] {
    }

    #select_day .tel_a[b-ltyckpxp30] {
    }

        #select_day .tel_a > label[b-ltyckpxp30] {
        }

    #select_day .tel[b-ltyckpxp30] {
    }

        #select_day .tel[b-ltyckpxp30]::before {
        }

    #select_day table > tr[b-ltyckpxp30] {
    }

    #select_day td[b-ltyckpxp30], #select_day th[b-ltyckpxp30] {
    }

    #select_day .table_user_info[b-ltyckpxp30] {
    }

        #select_day .table_user_info tr:last-child[b-ltyckpxp30] {
            border-top: 0.5px solid #dee2e6;
        }

        #select_day .table_user_info th[b-ltyckpxp30] {
            padding: 25px 0;
            font-size: 1rem;
        }

        #select_day .table_user_info td[b-ltyckpxp30] {
            font-size: 1rem;
        }

    #select_day #day_top_message[b-ltyckpxp30] {
        font-size: 1.5rem;
    }

    #select_day .pre_next_panel[b-ltyckpxp30] {
    }

        #select_day .pre_next_panel button[b-ltyckpxp30] {
            font-size: 1rem;
        }

            #select_day .pre_next_panel button img[b-ltyckpxp30] {
            }

    #select_day #icon_explan tr[b-ltyckpxp30] {
    }

        #select_day #icon_explan tr th[b-ltyckpxp30] {
            width: 70px;
        }

            #select_day #icon_explan tr th span[b-ltyckpxp30] {
                font-size: 1.2rem;
            }

        #select_day #icon_explan tr td[b-ltyckpxp30] {
            font-size: 1.0rem;
        }

    #select_day #day_time_select_table[b-ltyckpxp30] {
    }

        #select_day #day_time_select_table tr th[b-ltyckpxp30] {
        }

        #select_day #day_time_select_table tr .bg_saturday[b-ltyckpxp30] {
        }

        #select_day #day_time_select_table tr .bg_sunday[b-ltyckpxp30] {
        }

        #select_day #day_time_select_table tr .bg_weekday[b-ltyckpxp30] {
            font-size: 1rem;
        }

    #select_day button[class="send"][b-ltyckpxp30] {
        width: 300px;
        height: 45px;
        margin-top: 2rem;
    }

    .sp_disp_none[b-ltyckpxp30] {
        display: initial;
    }
    .pc_disp_none[b-ltyckpxp30] {
        display: none !important;
    }

    .fair-font[b-ltyckpxp30] {
        font-size: 0.8rem;
    }

    .table td[b-ltyckpxp30] {
        padding: 0.75rem;
        font-size: 1rem;
    }

    .table th[b-ltyckpxp30] {
        padding: 1.2rem;
        font-size: 1.0rem;
    }


    #select_menu[b-ltyckpxp30] {
    }

        #select_menu .table[b-ltyckpxp30] {
        }

            #select_menu .table > tr:nth-child(2)[b-ltyckpxp30] {
                border-top: 0.5px solid #dee2e6;
            }

            #select_menu .table th[b-ltyckpxp30], .table td[b-ltyckpxp30] {
                display: table-cell;
            }

        #select_menu button[class="send"][b-ltyckpxp30] {
            background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
            background-size: 14px auto;
        }

    h3[b-ltyckpxp30] {
        font-size: 1.5rem;
    }

    .table_user_info th[b-ltyckpxp30], .table_user_info td[b-ltyckpxp30] {
        display: table-cell;
    }

    .table_user_info td[b-ltyckpxp30] {
        padding-left: 0.3rem;
    }

    .table_user_info th[b-ltyckpxp30] {
        font-size: 1.4rem;
    }

    .table_user_info td[b-ltyckpxp30] {
        font-size: 1.2rem;
        padding-left: 2rem;
    }

    .tel_input[b-ltyckpxp30] {
        max-width: 120px;
    }

    #select_day td[b-ltyckpxp30], #select_day th[b-ltyckpxp30] {
        font-size: 1.0rem;
        padding: 0.1rem;
    }

    #now_title[b-ltyckpxp30] {
        text-align: left;
        font-size: 1.4rem;
        padding: 16px 26px;
    }

    .week_pre_next_btn[b-ltyckpxp30] {
        font-size: 1.1rem;
    }

    .tel_a[b-ltyckpxp30] {
    }

    .tel[b-ltyckpxp30] {
    }

        .tel[b-ltyckpxp30]::before {
        }

    #user_input_panel hr[b-ltyckpxp30] {
        display: none;
    }

    #user_input_panel input[type="text"][b-ltyckpxp30], #user_input_panel input[type="email"][b-ltyckpxp30], #user_input_panel input[type="tel"][b-ltyckpxp30], #user_input_panel input[type="date"][b-ltyckpxp30], #user_input_panel input[type="number"][b-ltyckpxp30] {
    }

    #user_input_panel .top_error[b-ltyckpxp30] {
    }


    #user_input_panel .table_user_info th[b-ltyckpxp30] {
        padding: 1rem;
    }

    #user_input_panel .table_user_info td[b-ltyckpxp30] {
        padding: 1rem;
    }

    #user_input_panel .table_user_info th[b-ltyckpxp30], .table_user_info td[b-ltyckpxp30] {
        display: table-cell;
    }

    #user_input_panel .table_user_info td[b-ltyckpxp30] {
    }

    #user_input_panel .tel_input[b-ltyckpxp30] {
    }

    #user_input_panel #row_selected_shop[b-ltyckpxp30] {
    }

        #user_input_panel #row_selected_shop th[b-ltyckpxp30] {
            vertical-align: middle;
        }

        #user_input_panel #row_selected_shop td[b-ltyckpxp30] {
        }

    #user_input_panel #row_selected_menu[b-ltyckpxp30] {
    }

        #user_input_panel #row_selected_menu th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_selected_menu td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_selected_daytime[b-ltyckpxp30] {
    }

        #user_input_panel #row_selected_daytime th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_selected_daytime td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_name[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_name td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_name_kana[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_name_kana th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_name_kana td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_graduation[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_graduation th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_graduation td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_mail[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_mail th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_mail td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_tel[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_tel th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_tel td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

            #user_input_panel #row_input_tel td #row_input_tel_message[b-ltyckpxp30] {
            }

    #user_input_panel #row_input_birthday[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_birthday th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_birthday td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_birthday select[b-ltyckpxp30] {
        }

    #user_input_panel #row_input_post[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_post th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_post td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
        }

            #user_input_panel #row_input_post td #row_input_post_message[b-ltyckpxp30] {
            }

    #user_input_panel #row_input_other[b-ltyckpxp30] {
    }

        #user_input_panel #row_input_other th[b-ltyckpxp30] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_other td[b-ltyckpxp30] {
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
        }

            #user_input_panel #row_input_other td textarea[b-ltyckpxp30] {
            }

    #user_input_panel #input_buttom_message[b-ltyckpxp30] {
    }

    #user_input_panel button[class="send"]:first-child[b-ltyckpxp30] {
    }

    #user_input_panel button[class="send"]:last-child[b-ltyckpxp30] {
    }

    #confirm_panel[b-ltyckpxp30] {
    }

        #confirm_panel hr[b-ltyckpxp30] {
            display: none;
        }

        #confirm_panel #confirm_top_message[b-ltyckpxp30] {
        }

        #confirm_panel table th[b-ltyckpxp30] {
            padding: 1.2rem 0;
            display: table-cell;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
            font-size: 1.0rem;
        }

        #confirm_panel table td[b-ltyckpxp30] {
            padding: 1.2rem 0;
            display: table-cell;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #confirm_panel #confirm_buttom_message[b-ltyckpxp30] {
        }

        #confirm_panel button[class="send"]:first-child[b-ltyckpxp30] {
        }

        #confirm_panel button[class="send"]:last-child[b-ltyckpxp30] {
        }
    .sp-display-none[b-ltyckpxp30] {
        display: initial;
    }


    #select_day .timeselect_btn[b-ltyckpxp30] {
        font-size: 0.9rem;
        min-width: 40px;
    }
}
/* _content/dsys/Shared/Reserve_V2.razor.rz.scp.css */
i[b-8sj1n6hdrk], #now_title[b-8sj1n6hdrk] {
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, "sans-serif", serif;
    
}

.sp_disp_none[b-8sj1n6hdrk] {
    display: none !important;
}
.pc_disp_none[b-8sj1n6hdrk] {
    display: initial;
}

.btn_staff_active_ng[b-8sj1n6hdrk] {
    color: hotpink;
    background-color: rgb(255, 250, 205);
    border-color: rgb(255, 250, 205);
    font-size: 1.2rem;
}

.fair-font[b-8sj1n6hdrk] {
    font-size: 0.5rem;
}

h3[b-8sj1n6hdrk] {
    font-size: 1rem;
}
col[b-8sj1n6hdrk]{padding:0 3% !important;}


.send[b-8sj1n6hdrk] {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 23px;
    box-sizing: border-box;
    font-size: 1.0rem;
    color: #fff;
    text-align: center;
    background-size: 14px auto;
}

@media only screen and (min-width:768px) {
    .send[b-8sj1n6hdrk] {
        display: block;
        width: 380px;
        height: 68px;
        margin: 0 auto;
        border: none;
        border-radius: 34px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
    }
}
.title_under_message[b-8sj1n6hdrk] {
    text-align: center;
}
.error_input[b-8sj1n6hdrk] {
    border-color: #f45b5b;
    background-color: #fff1f1;
}


.input_message[b-8sj1n6hdrk] {
    margin-top: 0.4rem;
    font-size: 0.8rem;
}

.errormessage[b-8sj1n6hdrk] {
    font-size: 1.0rem;
    color: red;
    text-decoration: underline;
    margin-top: 0.4rem;
    font-weight: bold;
}
/*-------------------     １．２．３．４．完了    ---------------*/
._col[b-8sj1n6hdrk] {
    width: 100%;
}
.arrow_panel[b-8sj1n6hdrk] {
    align-items: center;
    width: 100%;
    margin: auto;
}

.flow_arrow[b-8sj1n6hdrk] {
    height: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f3f3f4;
}

.flow_bg[b-8sj1n6hdrk] {
    background: #f3f3f4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*flex: 6;*/
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
}

    .flow_bg i[b-8sj1n6hdrk] {
        display: flex;
        justify-content: center;
        font-size: 0.8rem;
    }

.flow_off[b-8sj1n6hdrk] {
    color: #97969c;
}

.flow_on[b-8sj1n6hdrk] {
    /*background-image: url("/img/bg_flow_on.png");*/
    background: #FFA7D4;
    color: #ffffff;
}

@media only screen and (min-width:600px) {
    ._col[b-8sj1n6hdrk] {
        width: 80%;
    }
}
@media only screen and (min-width:768px) {
    .arrow_panel[b-8sj1n6hdrk] {
        max-width: 576px;
    }

    .flow_arrow[b-8sj1n6hdrk] {
    }

    .flow_bg[b-8sj1n6hdrk] {
        width: 45px;
        height: 45px;
        border-radius: 30px;
    }

        .flow_bg i[b-8sj1n6hdrk] {
        }

    .flow_off[b-8sj1n6hdrk] {
    }

    .flow_on[b-8sj1n6hdrk] {
    }
}


/*-------------------     2. 日時を選ぶ    ---------------*/

#select_day .tel_panel[b-8sj1n6hdrk] {
    background: #f3f3f4;
    padding: 1.3rem;
}

#select_day .tel_message[b-8sj1n6hdrk] {
    font-size: 1rem;
}

#select_day .tel_a[b-8sj1n6hdrk] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 0;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    #select_day .tel_a > label[b-8sj1n6hdrk] {
        cursor: pointer;
    }

#select_day .tel[b-8sj1n6hdrk] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width:300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 5px 8px;
    font-size:0.9rem;
}

    #select_day .tel[b-8sj1n6hdrk]::before {
        content: ' ';
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url(/img/ico_tel.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

#select_day .timeselect_btn[b-8sj1n6hdrk] {
    background-color: #eb9ea3;
    color: black;
    border: none;
    font-size: 0.8rem;
    word-break: keep-all;
    min-width: 20px;
    padding: 0.1rem 0.1rem;
    min-height: 30px;
}

#select_day .week_pre_next_btn[b-8sj1n6hdrk] {
    font-size: 1.0rem;
    color: #5f5d5d;
    font-weight: bold;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px 1px 2px 1px;
}

    #select_day .week_pre_next_btn:hover[b-8sj1n6hdrk] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

    #select_day .week_pre_next_btn:active[b-8sj1n6hdrk] {
        color: #fff;
        background-color: #535257;
        border-color: #fff;
    }

#select_day table > tr[b-8sj1n6hdrk] {
    height: 40px;
}

#select_day td[b-8sj1n6hdrk], #select_day th[b-8sj1n6hdrk] {
    font-size: 0.8rem;
    padding: 0.0rem;
    text-align: center;
    vertical-align: middle;
}

#select_day .table_user_info[b-8sj1n6hdrk] {
    border-top: 0.5px solid #dee2e6;
    border-bottom: 0.5px solid #dee2e6;
    width: 100%;
}

    #select_day .table_user_info tr:last-child[b-8sj1n6hdrk] {
    }

    #select_day .table_user_info th[b-8sj1n6hdrk] {
        font-size: 0.9rem;
        text-align: left;
        margin-top: 1.3rem;
    }

    #select_day .table_user_info td[b-8sj1n6hdrk] {
        font-size: 0.9rem;
        text-align: left;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

#select_day #day_top_message[b-8sj1n6hdrk] {
    margin: 8px 0 24px;
    padding: 0 0 0 16px;
    border-left: 2px solid #d75278;
    font-size: 1.0rem;
    line-height: 1.6;
    font-weight: bold;
    color: #d75278;
    margin-top: 1.5rem;
}

#select_day .pre_next_panel[b-8sj1n6hdrk] {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
}

    #select_day .pre_next_panel button[b-8sj1n6hdrk] {
        width: 120px;
        height: 44px;
        border: 1px solid #535257;
        border-radius: 23px;
        font-size: 0.8rem;
        color: #2c2c2e;
        text-align: center;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-weight: normal;
    }

        #select_day .pre_next_panel button img[b-8sj1n6hdrk] {
            width: 18px;
        }

#select_day #icon_explan tr[b-8sj1n6hdrk] {
    height: 3.2rem;
}

    #select_day #icon_explan tr th[b-8sj1n6hdrk] {
        padding-top: 1px;
        width: 50px;
        text-align: left;
        vertical-align: top;
    }

		#select_day #icon_explan tr th span[b-8sj1n6hdrk] {
			display: inline-block;
			padding: 3px 8px;
			border-radius: 6px;
			font-size: 0.9rem;
			font-weight: normal;
		}
	#select_day #icon_explan tr:nth-child(1) th span[b-8sj1n6hdrk] {
		background: #eb9ea3;
	}
	#select_day #icon_explan tr:nth-child(2) th span[b-8sj1n6hdrk] {
		background: rgba(248,204,200,1);
		color:white;
	}

    #select_day #icon_explan tr td[b-8sj1n6hdrk] {
        width: 100%;
        text-align: left;
        font-size: 0.9rem;
        display: flex;
        align-items: start;
        line-height: 1.8;
    }

#select_day #day_time_select_table[b-8sj1n6hdrk] {
    margin-top: 1.3rem;
}

    #select_day #day_time_select_table tr th[b-8sj1n6hdrk] {
        background: #f6f6f6;
        min-width: 30px;
    }

    #select_day #day_time_select_table tr .bg_saturday[b-8sj1n6hdrk] {
        background: rgb(219 233 255) !important;
    }

    #select_day #day_time_select_table tr .bg_sunday[b-8sj1n6hdrk] {
        background: rgb(255 154 154) !important;
    }

    #select_day #day_time_select_table tr .bg_weekday[b-8sj1n6hdrk] {
        background: #f6f6f6;
        text-align: 0.7rem;
    }

#select_day button[class="send"][b-8sj1n6hdrk] {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    background: #535257 url(../img/arw_w_back.png) no-repeat left 13px center;
    font-size: 0.9rem;
}


#now_title[b-8sj1n6hdrk] {
    letter-spacing: 3.2px;
    font-size: 1.0rem;
    background: #f6f6f6;
    padding: 16px 15px;
    margin-bottom: 1rem;
}

.triangular-button[b-8sj1n6hdrk] {
/*    display: flex;
    justify-content: center;
    align-items: center;*/
    cursor: pointer;
    width: 100%;
    display: block;
	background:rgba(248,204,200,1) !important;
	color:white;
}


/*-------------------     1. 目的を選ぶ    ---------------*/
#select_menu input[type="radio"][b-8sj1n6hdrk] {
}

#select_menu label[b-8sj1n6hdrk] {
    margin-left: 3px;
}

#select_menu .radio_panel[b-8sj1n6hdrk] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: baseline;
}


.title_under_message span[b-8sj1n6hdrk] {
    font-size: 1.2rem;
    text-decoration: underline;
}

#select_menu[b-8sj1n6hdrk] {
}

    #select_menu .table[b-8sj1n6hdrk] {
        border-top: 0.5px solid #dee2e6;
        border-bottom: 0.5px solid #dee2e6;
    }

        #select_menu .table > tr:nth-child(2)[b-8sj1n6hdrk] {
            border-top: none;
        }

        #select_menu .table th[b-8sj1n6hdrk], #select_menu .table td[b-8sj1n6hdrk] {
            display: block;
            border-top: none;
        }

    #select_menu button[class="send"][b-8sj1n6hdrk] {
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        margin-top: 1rem;
    }


.arrow_box_furisode[b-8sj1n6hdrk] {
    position: relative;
    width: 100%;
    background: rgba(215, 82, 120,0.8);
    text-align: center;
    color: #FFFFFF;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

    .arrow_box_furisode[b-8sj1n6hdrk]:after, .arrow_box_furisode[b-8sj1n6hdrk]:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 50%;
    }

    .arrow_box_furisode[b-8sj1n6hdrk]:after {
        border-color: rgba(0, 0, 255, 0);
        border-top-width: 17px;
        border-bottom-width: 20px;
        border-left-width: 15px;
        border-right-width: 15px;
        margin-left: -15px;
        border-top-color: rgba(215, 82, 120,0.8);
    }
/*
    .arrow_box_furisode:before {
        border-color: rgba(0, 0, 255, 0);
        border-top-width: 26px;
        border-bottom-width: 26px;
        border-left-width: 20px;
        border-right-width: 20px;
        margin-left: -20px;
        margin-top: 5px;
        border-top-color: rgba(215, 82, 120,0.8);
    }*/

.req[b-8sj1n6hdrk] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 0.5rem;
    font-weight: normal;
    color: #fff;
    background: #bb4c54;
}

.unreq[b-8sj1n6hdrk] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 0.5rem;
    font-weight: normal;
    color: #fff;
    background: #c2c1c8;
}




/*-------------------     3．お客様情報を入力する    ---------------*/
#user_input_panel hr[b-8sj1n6hdrk]{
    
}

#user_input_panel input[type="text"][b-8sj1n6hdrk], #user_input_panel input[type="email"][b-8sj1n6hdrk], #user_input_panel input[type="tel"][b-8sj1n6hdrk], #user_input_panel input[type="date"][b-8sj1n6hdrk], #user_input_panel input[type="number"][b-8sj1n6hdrk] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e3e3e5;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 1.0rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#user_input_panel .top_error[b-8sj1n6hdrk] {
    margin: 0 0 24px;
    padding: 16px;
    font-size: 1.0rem;
    color: #fff;
    background: #f45b5b;
    font-weight: bold;
    font-size: 1.0rem;
}


#user_input_panel .table_user_info th[b-8sj1n6hdrk] {
    font-size: 1.0rem;
    padding: 1.1rem 0 0 0;
}

#user_input_panel .table_user_info td[b-8sj1n6hdrk] {
    font-size: 1.0rem;
    padding: 0.5rem 0 1.1rem;
}

#user_input_panel .table_user_info th[b-8sj1n6hdrk], .table_user_info td[b-8sj1n6hdrk] {
    display: block;
}

#user_input_panel .table_user_info td[b-8sj1n6hdrk] {
}

#user_input_panel .tel_input[b-8sj1n6hdrk] {
    margin-right: 0.2rem;
    display: block;
    width: auto;
    max-width: 90px;
}

#user_input_panel #row_selected_shop[b-8sj1n6hdrk] {
}

    #user_input_panel #row_selected_shop th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_selected_shop td[b-8sj1n6hdrk] {
        border: 0;
    }

#user_input_panel #row_selected_menu[b-8sj1n6hdrk] {
}

    #user_input_panel #row_selected_menu th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_selected_menu td[b-8sj1n6hdrk] {
        border: 0;
    }

#user_input_panel #row_selected_daytime[b-8sj1n6hdrk] {
}

    #user_input_panel #row_selected_daytime th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_selected_daytime td[b-8sj1n6hdrk] {
        border: 0;
    }

#user_input_panel #row_input_name[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_name td[b-8sj1n6hdrk] {
        border: 0;
    }

#user_input_panel #row_input_name_kana[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_name_kana th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_name_kana td[b-8sj1n6hdrk] {
        border: 0;
    }
#user_input_panel #row_input_graduation[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_graduation th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_graduation td[b-8sj1n6hdrk] {
        border: 0;
    }

#user_input_panel #row_input_mail[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_mail th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_mail td[b-8sj1n6hdrk] {
        border: 0;
    }

#user_input_panel #row_input_tel[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_tel th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_tel td[b-8sj1n6hdrk] {
        border: 0;
    }

        #user_input_panel #row_input_tel td #row_input_tel_message[b-8sj1n6hdrk] {
        }
.row_message[b-8sj1n6hdrk] {
    display: block;
    margin: 12px 0 0;
    padding: 16px;
    background: #fef0f6;
    font-size: 0.7rem;
}
#user_input_panel #row_input_birthday[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_birthday th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_birthday td[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_birthday select[b-8sj1n6hdrk] {
        padding: 12px 20px 12px 14px;
        border: 1px solid #e3e3e5;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 1rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../img/arw_select.png) no-repeat right 5px center;
        background-size: 6px auto;
    }
#user_input_panel #row_input_post[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_post th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_post td[b-8sj1n6hdrk] {
        border: 0;
    }
        #user_input_panel #row_input_post td #row_input_post_message[b-8sj1n6hdrk] {
            display: block;
            margin: 12px 0 0;
            padding: 16px;
            background: #fef0f6;
            font-size: 0.7rem;
        }
#user_input_panel #row_input_other[b-8sj1n6hdrk] {
}

    #user_input_panel #row_input_other th[b-8sj1n6hdrk] {
        border: 0;
    }

    #user_input_panel #row_input_other td[b-8sj1n6hdrk] {
        border: 0;
    }
    #user_input_panel #row_input_other td textarea[b-8sj1n6hdrk] {
        width: 100%;
        height: 160px;
        min-height: 160px;
        padding: 14px 16px;
        border: 1px solid #e3e3e5;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 1.0rem;
        resize: vertical;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

#user_input_panel #input_buttom_message[b-8sj1n6hdrk] {
    margin: 0 0 24px;
    padding: 16px 5%;
    font-size: 0.8rem;
    background: #f3f3f4;
}
#user_input_panel button[class="send"]:first-child[b-8sj1n6hdrk] {
    display:block;
    background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
    margin-top: 1rem;
}
#user_input_panel button[class="send"]:last-child[b-8sj1n6hdrk] {
    display: block;
    background: #535257 url(../img/arw_w_back.png) no-repeat left 16px center;
    margin-top: 1rem;
    width:300px;
    margin:2rem auto;
}

/*-------------------     4．お客様情報を確認する    ---------------*/

#confirm_panel[b-8sj1n6hdrk] {
}
    #confirm_panel hr[b-8sj1n6hdrk] {
        
    }
    #confirm_panel #confirm_top_message[b-8sj1n6hdrk] {
        font-weight: bold;
        color: #d75278;
        text-align: center;
        margin-bottom:3rem;
    }
    #confirm_panel table th[b-8sj1n6hdrk] {
        border: 0;
        display: block;
        padding: 1.4rem 0 0;
    }
    #confirm_panel table td[b-8sj1n6hdrk] {
        border: 0;
        display: block;
        padding: 0.3rem 0 0;
        font-size:0.9rem;
    }

    #confirm_panel #confirm_buttom_message[b-8sj1n6hdrk] {
        margin: 0 0 24px;
        padding: 16px 5%;
        font-size: 0.8rem;
        background: #f3f3f4;
    }

    #confirm_panel button[class="send"]:first-child[b-8sj1n6hdrk] {
        display: block;
        background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
        margin-top: 1rem;
    }

    #confirm_panel button[class="send"]:last-child[b-8sj1n6hdrk] {
        display: block;
        background: #535257 url(../img/arw_w_back.png) no-repeat left 16px center;
        margin-top: 1rem;
        width: 300px;
        margin: 2rem auto;
    }
    /*-------------------     end    ---------------*/


/**/
.unenable_label[b-8sj1n6hdrk], .menu_radio[b-8sj1n6hdrk] {
    width: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0.3rem 0.5rem 0.3rem 0;
    flex-wrap:nowrap;
}
.unenable_label[b-8sj1n6hdrk] {
    color: rgba(60,60,60,0.3);
    
}
    .unenable_label label[b-8sj1n6hdrk], .menu_radio label[b-8sj1n6hdrk] {
        margin: 0;
        padding: 0;
    }

.UnEnabledMessage[b-8sj1n6hdrk] {
    margin-left: 1.3rem;
    color: rgba(60,60,60,0.3);
    font-size: 0.8rem;
}


/*一次的な対応なので、川口店にアクセスを流す施策後に削除してOK*/
.sp-display-none[b-8sj1n6hdrk]{
    display:none;
}
#select_day .tel_option[b-8sj1n6hdrk] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border: 1px solid rgb(215, 82, 120);
    border-radius: 20px;
    color: rgb(215, 82, 120);
    text-decoration: none;
    text-align: center;
    background: rgb(255, 255, 255);
    padding: 5px 8px;
    font-size: 0.9rem;
}


.btn01 a[b-8sj1n6hdrk] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 100%;
    max-width: 400px;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}
.last-buttn a[b-8sj1n6hdrk]{
    background: #ffc8cb;
}

.btn01 a:hover[b-8sj1n6hdrk] {
    background: #16160e;
    color: #fff;
}
.last-buttn a:hover[b-8sj1n6hdrk] {
    background: #16160e;
    color: #fff;
}

.btn01 a span[b-8sj1n6hdrk] {
    position: relative;
    display: inline-block;
    padding-right: 80px;
    text-align: left;
}

    .btn01 a span[b-8sj1n6hdrk]:before {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 58px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 11px;
        margin: auto;
        position: absolute;
        background: url(/img/btn01_ar.png) right 50% no-repeat;
        background-size: auto 7px !important;
    }

.btn01 a:hover span[b-8sj1n6hdrk]:before {
    background: url(/img/btn01_ar_on.png) right 50% no-repeat;
    right: 6px;
}

.btn01 a span[b-8sj1n6hdrk]:after {
    transition: all 0.4s linear;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 1px solid #16160e;
    border-radius: 20px;
}

.btn01 a:hover span[b-8sj1n6hdrk]:after {
    border: 1px solid #fff;
    right: -5px;
}



.btn02 a[b-8sj1n6hdrk] {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #16160e;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 62px;
    color: #16160e;
    width: 400px;
    max-width: 100%;
    height: 64px;
    background: transparent;
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 35px;
}

    .btn02 a:hover[b-8sj1n6hdrk] {
        /*//background: #16160e; 以下に変更*/
        background: #16160e;
        /*//color: #fff;  以下に変更*/
        color: #fff;
    }

    .btn02 a span[b-8sj1n6hdrk] {
        position: relative;
        display: inline-block;
        /*//padding-right: 80px; 以下に変更*/
        padding-left: 80px;
        text-align: left;
    }

        .btn02 a span[b-8sj1n6hdrk]:before {
            transition: all 0.4s linear;
            display: block;
            content: "";
            width: 58px;
            height: 7px;
            top: 0;
            bottom: 0;
            /*//right: 11px; 以下に変更*/
            left: 11px;
            margin: auto;
            position: absolute;
            /*//background: url(/img/btn02_ar_left.png) right 50% no-repeat;*/
            background: url(/img/btn02_ar_left.png) right 50% no-repeat;
            background-size: auto 7px !important;
            /*//以下を追加*/
            /*transform: scale(-1,1);*/
        }

    .btn02 a:hover span[b-8sj1n6hdrk]:before {
        /*//background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;*/
        background: url(/img/btn02_ar_left_on.png) right 50% no-repeat;
        /*//right: 6px; 以下に変更*/
        left: 6px;
    }

    .btn02 a span[b-8sj1n6hdrk]:after {
        transition: all 0.4s linear;
        display: block;
        content: "";
        width: 26px;
        height: 26px;
        top: 0;
        bottom: 0;
        /*//right: 0; 以下に変更*/
        left: 0;
        margin: auto;
        position: absolute;
        /*//border: 1px solid #16160e; 以下に変更*/
        border: 1px solid #000;
        border-radius: 20px;
    }

    .btn02 a:hover span[b-8sj1n6hdrk]:after {
        border: 1px solid #fff;
        /*//right: -5px; 以下に変更*/
        left: -5px;
    }
a[b-8sj1n6hdrk] {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
@media only screen and (min-width:768px) {
    #select_day .tel_panel[b-8sj1n6hdrk] {
    }

    #select_day .tel_message[b-8sj1n6hdrk] {
    }

    #select_day .tel_a[b-8sj1n6hdrk] {
    }

        #select_day .tel_a > label[b-8sj1n6hdrk] {
        }

    #select_day .tel[b-8sj1n6hdrk] {
    }

        #select_day .tel[b-8sj1n6hdrk]::before {
        }

    #select_day table > tr[b-8sj1n6hdrk] {
    }

    #select_day td[b-8sj1n6hdrk], #select_day th[b-8sj1n6hdrk] {
    }

    #select_day .table_user_info[b-8sj1n6hdrk] {
    }

        #select_day .table_user_info tr:last-child[b-8sj1n6hdrk] {
            border-top: 0.5px solid #dee2e6;
        }

        #select_day .table_user_info th[b-8sj1n6hdrk] {
            padding: 25px 0;
            font-size: 1rem;
        }

        #select_day .table_user_info td[b-8sj1n6hdrk] {
            font-size: 1rem;
        }

    #select_day #day_top_message[b-8sj1n6hdrk] {
        font-size: 1.5rem;
    }

    #select_day .pre_next_panel[b-8sj1n6hdrk] {
    }

        #select_day .pre_next_panel button[b-8sj1n6hdrk] {
            font-size: 1rem;
        }

            #select_day .pre_next_panel button img[b-8sj1n6hdrk] {
            }

    #select_day #icon_explan tr[b-8sj1n6hdrk] {
    }

        #select_day #icon_explan tr th[b-8sj1n6hdrk] {
            width: 70px;
        }

            #select_day #icon_explan tr th span[b-8sj1n6hdrk] {
                font-size: 1.2rem;
            }

        #select_day #icon_explan tr td[b-8sj1n6hdrk] {
            font-size: 1.0rem;
        }

    #select_day #day_time_select_table[b-8sj1n6hdrk] {
    }

        #select_day #day_time_select_table tr th[b-8sj1n6hdrk] {
        }

        #select_day #day_time_select_table tr .bg_saturday[b-8sj1n6hdrk] {
        }

        #select_day #day_time_select_table tr .bg_sunday[b-8sj1n6hdrk] {
        }

        #select_day #day_time_select_table tr .bg_weekday[b-8sj1n6hdrk] {
            font-size: 1rem;
        }

    #select_day button[class="send"][b-8sj1n6hdrk] {
        width: 300px;
        height: 45px;
        margin-top: 2rem;
    }

    .sp_disp_none[b-8sj1n6hdrk] {
        display: initial;
    }
    .pc_disp_none[b-8sj1n6hdrk] {
        display: none !important;
    }

    .fair-font[b-8sj1n6hdrk] {
        font-size: 0.8rem;
    }

    .table td[b-8sj1n6hdrk] {
        padding: 0.75rem;
        font-size: 1rem;
    }

    .table th[b-8sj1n6hdrk] {
        padding: 1.2rem;
        font-size: 1.0rem;
    }


    #select_menu[b-8sj1n6hdrk] {
    }

        #select_menu .table[b-8sj1n6hdrk] {
        }

            #select_menu .table > tr:nth-child(2)[b-8sj1n6hdrk] {
                border-top: 0.5px solid #dee2e6;
            }

            #select_menu .table th[b-8sj1n6hdrk], .table td[b-8sj1n6hdrk] {
                display: table-cell;
            }

        #select_menu button[class="send"][b-8sj1n6hdrk] {
            background: #d75278 url(../img/arw_w.png) no-repeat right 16px center;
            background-size: 14px auto;
        }

    h3[b-8sj1n6hdrk] {
        font-size: 1.5rem;
    }

    .table_user_info th[b-8sj1n6hdrk], .table_user_info td[b-8sj1n6hdrk] {
        display: table-cell;
    }

    .table_user_info td[b-8sj1n6hdrk] {
        padding-left: 0.3rem;
    }

    .table_user_info th[b-8sj1n6hdrk] {
        font-size: 1.4rem;
    }

    .table_user_info td[b-8sj1n6hdrk] {
        font-size: 1.2rem;
        padding-left: 2rem;
    }

    .tel_input[b-8sj1n6hdrk] {
        max-width: 120px;
    }

    #select_day td[b-8sj1n6hdrk], #select_day th[b-8sj1n6hdrk] {
        font-size: 1.0rem;
        padding: 0.1rem;
    }

    #now_title[b-8sj1n6hdrk] {
        text-align: left;
        font-size: 1.4rem;
        padding: 16px 26px;
    }

    .week_pre_next_btn[b-8sj1n6hdrk] {
        font-size: 1.1rem;
    }

    .tel_a[b-8sj1n6hdrk] {
    }

    .tel[b-8sj1n6hdrk] {
    }

        .tel[b-8sj1n6hdrk]::before {
        }

    #user_input_panel hr[b-8sj1n6hdrk] {
        display: none;
    }

    #user_input_panel input[type="text"][b-8sj1n6hdrk], #user_input_panel input[type="email"][b-8sj1n6hdrk], #user_input_panel input[type="tel"][b-8sj1n6hdrk], #user_input_panel input[type="date"][b-8sj1n6hdrk], #user_input_panel input[type="number"][b-8sj1n6hdrk] {
    }

    #user_input_panel .top_error[b-8sj1n6hdrk] {
    }


    #user_input_panel .table_user_info th[b-8sj1n6hdrk] {
        padding: 1rem;
    }

    #user_input_panel .table_user_info td[b-8sj1n6hdrk] {
        padding: 1rem;
    }

    #user_input_panel .table_user_info th[b-8sj1n6hdrk], .table_user_info td[b-8sj1n6hdrk] {
        display: table-cell;
    }

    #user_input_panel .table_user_info td[b-8sj1n6hdrk] {
    }

    #user_input_panel .tel_input[b-8sj1n6hdrk] {
    }

    #user_input_panel #row_selected_shop[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_selected_shop th[b-8sj1n6hdrk] {
            vertical-align: middle;
        }

        #user_input_panel #row_selected_shop td[b-8sj1n6hdrk] {
        }

    #user_input_panel #row_selected_menu[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_selected_menu th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_selected_menu td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_selected_daytime[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_selected_daytime th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_selected_daytime td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_name[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_name td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_name_kana[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_name_kana th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_name_kana td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_graduation[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_graduation th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_graduation td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_mail[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_mail th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_mail td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

    #user_input_panel #row_input_tel[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_tel th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_tel td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

            #user_input_panel #row_input_tel td #row_input_tel_message[b-8sj1n6hdrk] {
            }

    #user_input_panel #row_input_birthday[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_birthday th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_birthday td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_birthday select[b-8sj1n6hdrk] {
        }

    #user_input_panel #row_input_post[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_post th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_post td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
        }

            #user_input_panel #row_input_post td #row_input_post_message[b-8sj1n6hdrk] {
            }

    #user_input_panel #row_input_other[b-8sj1n6hdrk] {
    }

        #user_input_panel #row_input_other th[b-8sj1n6hdrk] {
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
        }

        #user_input_panel #row_input_other td[b-8sj1n6hdrk] {
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
        }

            #user_input_panel #row_input_other td textarea[b-8sj1n6hdrk] {
            }

    #user_input_panel #input_buttom_message[b-8sj1n6hdrk] {
    }

    #user_input_panel button[class="send"]:first-child[b-8sj1n6hdrk] {
    }

    #user_input_panel button[class="send"]:last-child[b-8sj1n6hdrk] {
    }

    #confirm_panel[b-8sj1n6hdrk] {
    }

        #confirm_panel hr[b-8sj1n6hdrk] {
            display: none;
        }

        #confirm_panel #confirm_top_message[b-8sj1n6hdrk] {
        }

        #confirm_panel table th[b-8sj1n6hdrk] {
            padding: 1.2rem 0;
            display: table-cell;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
            font-size: 1.0rem;
        }

        #confirm_panel table td[b-8sj1n6hdrk] {
            padding: 1.2rem 0;
            display: table-cell;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

        #confirm_panel #confirm_buttom_message[b-8sj1n6hdrk] {
        }

        #confirm_panel button[class="send"]:first-child[b-8sj1n6hdrk] {
        }

        #confirm_panel button[class="send"]:last-child[b-8sj1n6hdrk] {
        }
    .sp-display-none[b-8sj1n6hdrk] {
        display: initial;
    }


    #select_day .timeselect_btn[b-8sj1n6hdrk] {
        font-size: 0.9rem;
        min-width: 40px;
    }
}
/* _content/dsys/Shared/SurveyPrompt.razor.rz.scp.css */
#title[b-8qkiydv75d] {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 6px 9px;
    border-radius: 7px;
    background: rgba(0,0,0,0.1);
}