.width-0060 {
    width: 60px;
}

.width-0070 {
    width: 70px;
}

.width-0085 {
    width: 85px;
}

.width-0100 {
    width: 100px;
}

.width-0105 {
    width: 105px;
}

.width-0110 {
    width: 110px;
}

.width-0115 {
    width: 115px;
}

.width-0120 {
    width: 120px;
}

.width-0120IM {
    width: 120px !important;
}

.width-0130 {
    width: 130px;
}

.width-0135 {
    width: 135px;
}

.width-0140 {
    width: 140px;
}

.width-0150 {
    width: 150px;
}

.width-0160 {
    width: 160px;
}

.width-0170 {
    width: 170px;
}

.width-0180 {
    width: 180px;
}

.width-0195 {
    width: 195px;
}

.width-0220 {
    width: 220px;
}

.width-0300 {
    width: 300px;
}

.width-100per {
    width: 100%;
}

.maxWidth-250 {
    max-width: 250px;
}

.maxWidth-430 {
    max-width: 430px;
}

.maxWidth-440 {
    max-width: 440px;
}

@media screen and (max-width: 767px) {
    .spWidth-100per {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .spWidth-0070 {
        width: 70px;
    }

    .spWidth-0085 {
        width: 85px;
    }

    .spWidth-0115 {
        width: 115px;
    }

    .spWidth-0120 {
        width: 120px;
    }

    .spWidth-0180 {
        width: 180px;
    }

    .spWidth-280 {
        width: 280px;
    }
}

.width-unset {
    width: unset !important;
}

.min-width-100 {
    min-width: 100px;
}

.height-0050 {
    height: 50px;
}

.height-0080 {
    height: 80px;
}

@media screen and (min-width: 768px) {
    .bigML15 {
        margin-left: 15px;
    }
}

@media screen and (min-width: 768px) {
    .bigMR150 {
        margin-right: 150px;
    }
}

@media screen and (min-width: 768px) {
    .bigMR30 {
        margin-right: 30px;
    }
}

.ML0 {
    margin-left: 0px !important;
}

.ML5 {
    margin-left: 5px !important;
}

.ML10 {
    margin-left: 10px !important;
}

.ML15 {
    margin-left: 15px;
}

.ML20 {
    margin-left: 20px;
}

.ML35 {
    margin-left: 35px;
}

.ML50 {
    margin-left: 50px;
}

.ML55 {
    margin-left: 55px !important;
}

.ML60 {
    margin-left: 60px !important;
}

.ML64 {
    margin-left: 64px;
}

.ML70 {
    margin-left: 70px;
}

.ML80 {
    margin-left: 80px;
}

.ML90 {
    margin-left: 90px;
}

.ML95 {
    margin-left: 95px;
}

.ML100 {
    margin-left: 100px;
}

.ML180 {
    margin-left: 180px;
}

.ML215 {
    margin-left: 215px;
}

.MR5 {
    margin-right: 5px;
}

.MR20 {
    margin-right: 20px;
}

.MR50 {
    margin-right: 50px;
}

.MR70 {
    margin-right: 70px;
}

.MT0 {
    margin-top: 0px;
}

.MT3 {
    margin-top: 3px;
}

.MT5 {
    margin-top: 5px;
}

.MT6 {
    margin-top: 6px;
}

.MT13 {
    margin-top: 13px;
}

.MT100 {
    margin-top: 100px;
}

.spMT35 {
    margin-top: 8.45411vw;
}

@media screen and (max-width: 767px) {
    .spML0 {
        margin-left: 0px !important;
    }

    .spML10 {
        margin-left: 5px !important;
    }

    .spML8 {
        margin-left: 8px !important;
    }

    .spMT0 {
        margin-top: 0 !important;
    }

    .spMT5 {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 767px) {
    .spML5 {
        margin-left: 5px !important;
    }

    .spMR5 {
        margin-right: 5px !important;
    }

    .spMR10 {
        margin-right: 10px !important;
    }

    .spMR100 {
        margin-right: 100px;
    }
}

.MB25 {
    margin-bottom: 25px;
}

.MB80 {
    margin-bottom: 80px;
}

.MG0 {
    margin: 0 auto;
}

.PD15 {
    padding: 15px;
}

.PT0 {
    padding-top: 0px !important;
}

.PT2 {
    padding-top: 2px;
}

.PT15 {
    padding-top: 15px;
}

.PT35 {
    padding-top: 35px;
}

.PB15 {
    padding-bottom: 15px;
}

.spPB10 {
    padding-bottom: 0vw;
}

.PR15 {
    padding-right: 15px;
}

.PL15 {
    padding-left: 15px;
}

.PR25 {
    padding-right: 25px;
}

.BT0 {
    border-top: none;
}

.jc-ce {
    justify-content: center !important;
}

.jc-fe {
    justify-content: flex-end;
}

.jc-sb {
    justify-content: space-between;
}

.al-st {
    align-items: stretch;
}

.br4 {
    border-radius: 4px;
}

.st-disp-pc {
    float: right;
    width: 60%;
}

.st-disp-sp {
    float: right;
    width: 100%;
}

.rmk {
    font-size: 12px;
    text-align: right;
}

.resize-n {
    resize: none;
}

.border-b {
    border-bottom: 1px solid #d6d6d6 !important;
}

.errorStyle {
    color: red;
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

.ERR {
    color: red;
    font-weight: bold;
}

input.ERR {
    color: black;
    background-color: red !important;
    font-weight: normal;
}

select.ERR {
    color: black;
    background-color: red !important;
    font-weight: normal;
}

textarea.ERR {
    color: black;
    background-color: red !important;
    font-weight: normal;
}

.required {
    color: #C34251;
    margin-left: -6px;
}
@media screen and (max-width: 767px) {
    .required {
        display: inline-flex;
        margin-left: 0px;
    }
}

.lblMiniStyle {
    width: auto;
    display: inline-block;
    height: auto;
    padding: 0.35em;
    min-width: 65px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .lblMiniStyle {
        display: none;
    }
}

.del-bf-u-ttl2.u-ttl2:before {
    content: none;
}

.u-formBox1 > .row + .rowBT0 {
    border-top: none;
}

.u-formBox1 > .row + .rowPB0 {
    padding-bottom: 10px;
}

.u-formBoxW180 {
    width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 {
        width: 100%;
        padding: 0 6.76329vw 0vw 6.76329vw;
    }
}

.u-formBoxW180 > .row {
    padding: 30px 0;
    align-items: flex-start;
    width: 100%;
}

    .u-formBoxW180 > .row:first-of-type {
        padding-top: 10px;
    }

@media screen and (max-width: 767px) {
    .u-formBoxW180 > .row:first-of-type {
        padding-top: 2.17391vw;
    }
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 > .row {
        padding: 4.34783vw 0;
    }
}

.u-formBoxW180 > .row + .row {
    border-top: 1px solid #dddbd7;
}

.u-formBoxW180 .u-ttl2 {
    width: 155px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .u-ttl2 {
        width: auto;
        margin-bottom: 4.83092vw;
    }
}

.u-formBoxW180 .deliverBox {
    display: none;
}

    .u-formBoxW180 .deliverBox h3 {
        font-weight: 500;
        color: #E3891F;
        font-size: 1.6rem;
    }

.u-formBox1 .deliverPickupBox h3 {
    font-weight: 500;
    color: #E3891F;
    font-size: 1.6rem;
}

.u-formBoxW180 input[type="text"],
.u-formBoxW180 input[type="number"],
.u-formBoxW180 input[type="password"],
.u-formBoxW180 select {
    width: 100%;
}

    .u-formBoxW180 input[type="text"].wSS,
    .u-formBoxW180 input[type="number"].wSS,
    .u-formBoxW180 input[type="password"].wSS,
    .u-formBoxW180 select.wSS {
        width: 65px;
    }

    .u-formBoxW180 input[type="text"].wS,
    .u-formBoxW180 input[type="number"].wS,
    .u-formBoxW180 input[type="password"].wS,
    .u-formBoxW180 select.wS {
        width: 80px;
    }

    .u-formBoxW180 input[type="text"].wM,
    .u-formBoxW180 input[type="number"].wM,
    .u-formBoxW180 input[type="password"].wM,
    .u-formBoxW180 select.wM {
        width: 170px;
    }

input[type="text"],
input[type="password"],
input[type="time"],
input[type="search"],
input[type="datetime-local"],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 15px;
    border: 1px solid #E6E4DF;
    box-sizing: border-box;
}

.u-formBoxW180 .devide {
    display: inline-block;
    margin: 0 10px;
}

    .u-formBoxW180 .devide a {
        text-decoration: underline;
        font-size: 1.4rem;
    }

.u-formBoxW180 .column {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .posRight {
        position: absolute;
        right: 0px;
        top: 4.34783vw;
    }
}

.u-formBoxW180 .column .row {
    margin-bottom: 18px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .row {
        margin-bottom: 3.62319vw;
    }
}

.u-formBoxW180 .column .row .column + .column {
    margin-left: 15px;
}

.u-formBoxW180 .column .row .u-btn3 {
    margin-left: 0px;
    margin-right: 28px;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .row .u-btn3 + .u-btn3 {
        margin-right: 0px;
    }
}

.u-formBoxW180 .column .row.col2 {
    min-width: 400px;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .row.col2 {
        min-width: 0px;
        padding-bottom: 1.8vw;
    }
}

.u-formBoxW180 .column .row.col2 label {
    width: 47%;
}

.u-formBoxW180 .column .row.col3 {
    min-width: 400px;
    padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .row.col3 {
        flex-wrap: wrap;
        padding-bottom: 2px;
        min-width: 0px;
    }
}

.u-formBoxW180 .column .row.col3 label {
    width: 31%;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .row.col3 label {
        margin-bottom: 3.1401vw;
        width: 48%;
    }
}

.u-formBoxW180 .column .row.timeBox {
    margin-left: auto;
    width: 325px;
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column .row.timeBox {
        width: 235px;
    }
}

.u-formBoxW180 .column .row:last-of-type {
    margin-bottom: 0px;
}

.u-formBoxW180 .column dt {
    width: 180px;
    font-weight: 500;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .u-formBoxW180 .column dt {
        width: auto;
        margin-bottom: 1.69082vw;
    }
}

.u-formBoxW180 .column dt.wS {
    width: 35px;
    font-weight: 400;
}

.u-formBoxW180 .column dd {
    position: relative;
    width: 100%;
}

.u-formBoxW180 .column .fontS {
    font-size: 1.4rem;
}

    .u-formBoxW180 .column .fontS span {
        display: inline-block;
        margin-right: 1em;
        font-weight: 500;
    }

.underL {
    text-decoration: underline;
}

.u-btnBottomNw {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .u-btnBottomNw {
        justify-content: space-between;
    }
}

.u-btnBottomNw [class^="u-btn"] {
    width: 200px;
    margin: 0 25px;
    display: inline-block;
    text-align: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .u-btnBottomNw [class^="u-btn"] {
        margin: 0;
    }
}

.u-mdl .u-btnBottomNw {
    margin-top: 20px;
}

.taR {
    text-align: left;
}

.taC {
    text-align: center;
}

.ui-widget-header {
    background-color: #ffd97f;
}

.custom-calendar-saturday a.ui-state-default {
    background-color: #c1e0ff;
}

.custom-calendar-sunday a.ui-state-default {
    background-color: #ffc1c1;
}

.u-inner2 {
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
    margin: 0 auto 0 auto;
}

@media screen and (max-width: 767px) {
    .u-inner2 {
        width: 100%;
        box-sizing: border-box;
        padding: 0 5.76329vw 0vw 6.76329vw
    }
}

.u-inner2.topBox {
    padding: 40px 0 30px;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .u-inner2.topBox {
        display: block;
        padding: 7.72947vw 4.34783vw;
    }
}

.u-inner2.topBox article {
    width: 75%;
}
.u-inner2.topBox article2 {
    width: 20%;
}

@media screen and (max-width: 767px) {
    .u-inner2.topBox article {
        width: 100%;
    }

        .u-inner2.topBox article + article {
            margin-top: 7.72947vw;
        }

    .u-inner2.topBox article2 {
        display: none;
    }
}

.u-inner2.sz2 {
    max-width: 700px;
}

.u-inner2.sz3 {
    max-width: 800px;
}

.u-inner2.sz5 {
    max-width: 700px;
}

.u-inner2.sz4 {
    max-width: 950px;
    margin: 0px;
}

@media screen and (max-width: 767px) {
    .u-inner2.sz4 {
        padding: 0px;
    }
}

.u-inner2.sz4 > .row {
    justify-content: space-between;
}

    .u-inner2.sz4 > .row > .column {
        flex-shrink: 0;
        width: 100%;
        max-width: 650px;
    }

@media screen and (max-width: 767px) {
    .u-inner2.spPdType2 {
        padding-left: 6.03865vw;
        padding-right: 6.03865vw;
    }
}

.row-2 {
    height: calc( 1.3em * 2 );
    line-height: 1.3;
}

.calenderPoint {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .spPT0 {
        padding-top: 0vw;
    }
}

.u-calender input[type="text"] {
    opacity: 0;
    width: 42px;
    height: 42px;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 767px) {
    .u-calender input[type="text"] {
        width: 9.66184vw;
        height: 9.66184vw;
    }
}

.u-calender input[type="text"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.u-calender input[type="text"]::-webkit-clear-button {
    -webkit-appearance: none;
}

.u-calender input[type="text"]::-webkit-calendar-picker-indicator {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0px;
    left: -24px;
    top: 0px;
}

    .u-calender input[type="text"]::-webkit-calendar-picker-indicator:hover {
        opacity: .7;
    }

.mdlIn2 {
    background-color: #FFF;
    padding: 30px 25px;
    width: 95%;
    height: 90%;
    margin: auto;
    box-sizing: border-box;
    border-radius: 10px;
    max-width: 950px;
}

.btnUserAdd2 {
    margin-left: 0px;
}

@media screen and (max-width: 767px) {
    .btnUserAdd2 {
        position: absolute;
        right: 10px;
        top: -13px;
        margin: 0px;
    }
}


@media screen and (max-width: 767px) {
    .isType2Add {
        padding: 0px;
    }
}

@media screen and (max-width: 767px) {
    .btnCont {
        width: 62vw;
        padding: 0px;
        margin-bottom: 1.5vw;
        display: flex;
        align-items: flex-start;
    }
}

.wLAdd {
    width: 510px;
}

@media screen and (max-width: 767px) {
    .wLAdd {
        width: 100%;
    }
}

.bottomIconStyle {
    width: 25%;
}

@media screen and (max-width: 767px) {
    .bottomIconStyle {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .maxWidth-460 {
        max-width: 460px;
    }
}

.pd-unset {
    padding: unset !important;
}

.maxWidth-650 {
    max-width: 650px !important;
}

.maxWidth-700 {
    max-width: 700px !important;
}

.color-Red {
    color: #C34251;
}

.sticky-Style2 {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: white;
}

    .sticky-Style2:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
    }

.sticky-Style1 {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}

    .sticky-Style1:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
    }

.sticky-Style3 {
    position: sticky;
    top: 50px;
    z-index: 2;
    background-color: white;
}

    .sticky-Style3:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
    }

.sticky-Style4 {
    position: sticky;
    top: 50px;
    z-index: 1;
    background-color: white;
}

    .sticky-Style4:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
    }

.sticky-Style5 {
    position: sticky;
    top: 85px;
    z-index: 1;
    background-color: white;
}

    .sticky-Style5:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
    }


.data-badge-top-right {
    display: block;
    position: relative;
}

    .data-badge-top-right:before {
        position: absolute;
        display: inline-block;
        font-weight: bold;
        background-color: #C34251;
        border-radius: 2.5em;
        font-size: 1em;
        line-height: 1;
        min-width: 1em;
        padding: 5px;
        box-shadow: 0px 0px 3px #999;
    }

    .data-badge-top-right:before {
        top: 0;
        right: 0;
        color: white;
        text-align: center;
        vertical-align: middle;
        transform: translate(40%, -40%);
        content: attr(data-badge-top-right)"";
    }

.data-badge-top-right-mini {
    display: block;
    position: relative;
}

    .data-badge-top-right-mini:before {
        position: absolute;
        display: inline-block;
        font-weight: bold;
        background-color: #C34251;
        border-radius: 2.5em;
        font-size: 0.5em;
        line-height: 1;
        min-width: 1em;
        padding: 5px;
        box-shadow: 0px 0px 3px #999;
    }

    .data-badge-top-right-mini:before {
        top: 0;
        right: 0;
        color: white;
        text-align: center;
        vertical-align: middle;
        transform: translate(40%, -40%);
        content: attr(data-badge-top-right-mini)"";
    }

.u-historyList2 .resultCount {
    font-weight: bold;
    font-size: 2.4rem;
    margin-right: 0.8em;
}

.u-historyList2 .ttl {
    margin-bottom: 15px;
}

.u-historyList2 .orderCell {
    width: 110px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .orderCell {
        width: 100%;
        text-align: left;
    }
}

.u-historyList2 .dateCell {
    width: 85px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .dateCell {
        width: 100%;
    }
}

.u-historyList2 .historyHead {
    margin-top: 15px;
    background-color: #f0efec;
    width: 650px;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyHead {
        display: none;
    }
}

.u-historyList2 .historyHead li {
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: bold;
}

    .u-historyList2 .historyHead li.orderCell {
        background-color: #f7e8d6;
        text-align: center;
    }

    .u-historyList2 .historyHead li.dateCell {
        background-color: #f7e8d6;
    }

    .u-historyList2 .historyHead li.nameCell {
        padding-left: 26px;
    }

.u-historyList2 .historyBody > li {
    padding: 12px 0;
    border-top: 1px solid #d6d6d6;
    font-size: 1.4rem;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li li {
        margin-bottom: 1.69082vw;
    }

        .u-historyList2 .historyBody > li li span {
            background-color: #F7E8D6;
            color: #505050;
            width: 16.90821vw;
            display: flex;
            height: 6.28019vw;
            align-items: center;
            box-sizing: border-box;
            padding-left: 1.44928vw;
            margin-right: 2.657vw;
        }
}

.u-historyList2 .historyBody > li .orderCell {
    color: #E3891F;
    text-align: center;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .orderCell {
        text-align: left;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .dateCell {
        text-align: left;
        display: flex;
        align-items: center;
    }
}

.u-historyList2 .historyBody > li .u-btn1 {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .u-btn1 {
        width: 25.60386vw;
        height: 7.72947vw;
        margin: 2.17391vw auto;
    }
}

.u-historyList2 .historyBody > li .nameCell {
    padding-left: 26px;
    width: 550px;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .nameCell {
        padding-left: 0px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .nameCell .name {
        flex-wrap: wrap;
    }
}

.u-historyList2 .historyBody > li .nameCell dl {
    margin-top: 2px;
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .nameCell dl {
        margin: 0 0 1.69082vw 0;
    }
}

.u-historyList2 .historyBody > li .nameCell dt {
    font-weight: 500;
    width: 120px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .nameCell dt {
        background-color: #F0EFEC;
        color: #505050;
        width: 26.90821vw;
        display: flex;
        height: 6.28019vw;
        align-items: center;
        padding-left: 1.44928vw;
        box-sizing: border-box;
        margin-right: 2.657vw;
    }
}

.u-historyList2 .historyBody > li .nameCell dd {
    margin-right: 2em;
    color: #707070;
}

@media screen and (max-width: 767px) {
    .u-historyList2 .historyBody > li .nameCell dd {
        width: 100%;
        margin-right: 0px;
    }
}

.wb-break-word {
    word-break: break-word;
}

.wb-keep-all {
    word-break: keep-all;
}

.statusType2 {
    background-color: #FAF2E8;
    border-radius: 4px;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    margin-left: 30px;
    font-size: 1.4rem;
}

.statusType2Display {
    align-items: flex-start;
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: 0px;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .statusType2 {
        margin-left: 0px;
        justify-content: space-between;
        margin: 2.41546vw 0;
    }
}

.statusType2 li {
    display: flex;
}

    .statusType2 li span {
        margin-left: 35px;
        color: #E3891F;
    }

.u-ttlBox1 .statusType2 li + li {
    margin-left: 53px;
}

.calenderCheck {
    background-color: #F7E8D6;
    height: 40px;
    width: 40px;
    display: flex;
    color: #E3891F;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.calenderFont {
    font-size: 2rem;
    display: inline-block;
    font-weight: 500;
}

.activeColor {
    background-color: #E3891F !important;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .calenderCheck {
        width: 12.07729vw !important;
        height: 12.07729vw;
    }
}

@media screen and (min-width: 768px) {
    .bdT-pc {
        border-top: 1px solid #D6D6D6;
        padding-top: 35px;
    }
}

@media screen and (max-width: 767px) {
    .bdB-sp {
        border-bottom: 1px solid #D6D6D6;
        padding-bottom: 35px;
    }
}

.s_01 .accordion_one {
    max-width: 1080px;
    margin: 0 auto;
}

    .s_01 .accordion_one .accordion_header {
        background-color: #E3891F;
        color: #fff;
        font-size: 2.4rem;
        font-weight: bold;
        padding: 5px 11%;
        text-align: center;
        position: relative;
        cursor: pointer;
        transition-duration: 0.2s;
    }

        .s_01 .accordion_one .accordion_header:before {
            content: "";
            width: 22px;
            height: 15px;
            display: inline-block;
            position: absolute;
            top: 35%;
            left: 1%;
            background-size: 100%;
            background-image: url(../images/icn_menu.svg);
        }

@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_header:before {
        margin-right: 1.93237vw;
        width: 21px;
        height: 14px;
    }
}

.s_01 .accordion_one .accordion_header:hover {
    opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 1%;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    box-sizing: border-box;
    transition-duration: 0.2s;
    display: inline-block;
    transition: 0.3s;
    width: 15px;
    height: 8px;
    background-image: url(../images/arrow_down_white.svg);
}

@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_header .i_box {
        display: none;
    }
}

.s_01 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
        content: none;
    }

    .s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 30px 30px;
    border-left: 2px solid #E3891F;
    border-right: 2px solid #E3891F;
    border-bottom: 2px solid #E3891F;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .s_01 .accordion_one .accordion_inner .box_one {
        height: auto;
    }

    .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        margin: 0;
    }

    @media screen and (max-width: 1024px) {
        .s_01 .accordion_one .accordion_header {
            font-size: 18px;
        }

            .s_01 .accordion_one .accordion_header .i_box {
                width: 30px;
                height: 30px;
                margin-top: -15px;
            }
    }

    @media screen and (max-width: 767px) {
        .s_01 .accordion_one .accordion_header {
            font-size: 16px;
            text-align: center;
            padding: 15px 60px 15px 15px;
        }
    }
}

.closeHead {
    text-align: right;
    margin-right: 50px;
}

@media screen and (max-width: 767px) {
    .closeHead {
        text-align: center;
        padding: 5.55556vw;
        margin-right: 0px;
    }
}

.closeBtn {
    display: flex;
    border-radius: 20px;
    background-color: #505050;
    color: #fff;
    box-sizing: border-box;
    margin-left: auto;
    font-size: 1.2rem;
    padding: 0.5em 12px;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    cursor: pointer;
    width: 100px;
}

@media screen and (max-width: 767px) {
    .closeBtn {
        width: 33.33333vw;
        font-size: 1.4rem;
        padding: 0.8em;
        margin: 0 auto;
    }
}

.closeBtn:before {
    content: "";
    display: inline-block;
    transition: 0.3s;
    width: 10px;
    background-size: 100%;
    height: 10px;
    margin-right: 10px;
    background-image: url(../images/icn_close_white.svg);
}

/* ŒŸõðŒƒAƒR[ƒfƒBƒIƒ“ */
.conditions-accordion {
    max-width: 1080px;
    margin: 0 auto;
}

    .conditions-accordion .accordion-header {
        display: none;
        background-color: #E3891F;
        color: #fff;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 3px 15px;
        text-align: center;
        position: relative;
        cursor: pointer;
        transition-duration: 0.2s;
    }

        .conditions-accordion .accordion-header:before {
            content: "";
            width: 14px;
            height: 10px;
            display: inline-block;
            position: absolute;
            top: 29%;
            left: 2%;
            background-size: 100%;
            background-image: url(../images/icn_menu.svg);
        }

        .conditions-accordion .accordion-header:hover {
            opacity: .8;
        }

        .conditions-accordion .accordion-header .i_box {
            display: flex;
            justify-content: center;
            position: absolute;
            top: 40%;
            right: 1%;
            width: 20px;
            height: 20px;
            margin-top: -2px;
            box-sizing: border-box;
            transition-duration: 0.2s;
            display: inline-block;
            transition: 0.3s;
            width: 15px;
            height: 8px;
            background-image: url(../images/arrow_down_white.svg);
        }

        .conditions-accordion .accordion-header.open .i_box {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

            .conditions-accordion .accordion-header.open .i_box .one_i:before {
                content: none;
            }

            .conditions-accordion .accordion-header.open .i_box .one_i:after {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

    .conditions-accordion .accordion-inner {
        display: block;
    }

@media screen and (max-width: 767px) {
    .conditions-accordion .accordion-header {
        display: block;
        font-size: 16px;
        text-align: center;
        padding: 5px 5px 5px 5px;
    }

        .conditions-accordion .accordion-header:before {
            margin-right: 1.93237vw;
            width: 18px;
            height: 12px;
        }

        .conditions-accordion .accordion-header .i_box {
            display: none;
        }

    .conditions-accordion .accordion-inner {
        display: none;
        padding: 10px 10px;
        border-left: 2px solid #E3891F;
        border-right: 2px solid #E3891F;
        border-bottom: 2px solid #E3891F;
        box-sizing: border-box;
    }
}

.nowrap {
    white-space: nowrap;
}


.u-formBox1 > .row + .row.BT0.PT0 {
    border-top: none;
    padding-top: 0px;
}

.alit-ce {
    display: flex;
    align-items: center;
}

.checkBoxStyleA {
    display: none;
}

.checkA {
    font-weight: 500;
    margin-right: 8px;
}

.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    width: auto;
}

    .checkbox01::before {
        flex-shrink: 0;
        content: "";
        display: block;
        background: url(../images/check_off.svg) 0 0 no-repeat;
        width: 16px;
        height: 16px;
        background-size: 100%;
        margin-right: 5px;
        margin-top: 3px;
    }

    .checkbox01.MR20::before {
        margin-right: 20px;
    }

input[type=checkbox]:checked + .checkbox01::before {
    background-image: url(../images/check_on.svg);
}

input[type=radio]:checked + .checkbox01::before {
    background-image: url(../images/check_on.svg);
}

.checkbox01.radioStyle::before {
    width: 15px;
    height: 15px;
    margin-top: 3px;
}

@media screen and (max-width: 767px) {
    .spMyPageStyle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .spSelectStyle {
        display: flex;
        justify-content: space-between;
    }
}

.u-btnBottom [class^="u-btn"].MB30 {
    margin-bottom: 30px;
}

.orderFontStyle {
    font-weight: 500 !important;
    font-size: 1.4rem !important;
    display: flex !important;
    width: 200px;
}

.orderParity {
    max-width: unset !important;
}

.fw-normal {
    font-weight: normal !important;
}

.fw-500 {
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .boxSizeChange {
        width: unset;
    }
}

.u-nameList .sortControl.isType2.PL0 {
    padding-left: 0px;
}

@media screen and (max-width: 767px) {
    .pc-disp {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .sp-disp {
        display: none;
    }
}


.fontS {
    font-size: 1.4rem;
}

.u-formBox1 > .row.PT10 {
    padding-top: 10px;
}

.movie-overflow {
    overflow: auto;
    overflow-y: auto;
}

.movie-scl::-webkit-scrollbar {
    width: 6px;
    border-radius: 60px;
    position: absolute;
}

.movie-scl::-webkit-scrollbar-track {
    background-color: #F0F0F0;
    border-radius: 60px;
}

.movie-scl::-webkit-scrollbar-thumb {
    background-color: #9D9D9D;
    border-radius: 60px;
}

.display_off {
    display: none;
}

.searchButtonStyle {
    background-color: #fff;
    position: absolute;
    right: 12px;
    top: 10px;
}

.new_member_modal {
    max-height: fit-content !important;
    height: auto !important;
}

.new_user_modal {
    max-height: fit-content !important;
    height: auto !important;
}

.keyword_search_button {
    background-color: rgb(255, 255, 255, 0) !important;
}

.pager-pc {
    display: flex;
}
@media screen and (max-width: 767px) {
    .pager-pc {
        display: none;
    }
}
.pager-mobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .pager-mobile {
        display: flex;
    }
}

.new-user-require-label {
    display: grid !important;
}

@media screen and (max-width: 767px) {
    .new-user-require-label {
        display: flex !important;
    }
}

.object-fit-contain img{
    object-fit: contain !important;
}

.result-img img {
    width: 233px !important;
    height: 182px !important;
    background-color: white;
}

@media screen and (max-width: 767px) {
    .result-img img {
        width: 165px !important;
        height: 128px !important;
    }
}

.detail-img img {
    width: 500px !important;
    height: 389px !important;
}

@media screen and (max-width: 767px) {
    .detail-img img {
        width: 390px !important;
        height: 303px !important;
    }
}

.request-img img {
    background-color: white;
}

@media screen and (max-width: 767px) {
    .request-img img {
        width: 94px !important;
        height: 62px !important;
    }
}

.result-banner-rental {
    background-color: #f7e8d66b !important;
    font-size: 12px !important;
    width: 60px !important;
    height: 25px !important;
}

.result-banner-buy {
    background-color: #e3ddcc6b !important;
    font-size: 12px !important;
    width: 60px !important;
    height: 25px !important;
}

.result-font-size {
    font-size: 1.5rem;
}
.result-name {
    margin: 0 0 6px 0;
}


@media screen and (min-width: 768px) {
    .item-detail-btn {
        width: 175px !important;
    }
}

@media screen and (max-width: 767px) {
    .item-detail-btn {
        width: 49% !important;
    }
}

@media screen and (max-width: 767px) {
    .sp-quantity {
        width: 100%;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .cartBox {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .sp-user-list-data {
        top: 1vw !important;
        width: 70vw !important;
    }
}

.sytle-line {
    background-color: rgb(0,185,0);
}

.u-using-product-box {
    width: 100%;
    max-width: 250px;
    font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
    .u-using-product-box {
        display: none;
    }
}

.u-using-product-box ul li {
    display: block;
}

    .u-using-product-box ul li div {
        display: flex;
    }

.u-using-product-box dl.txt {
    margin-left: 18px;
}

.u-using-product-none {
    pointer-events: none !important;
    background-color: #DDD !important;
}

table.officesList {
    background-color: white;
}

    table.officesList thead tr th {
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        font-size: 1.4rem;
        font-weight: bold;
        background-color: #f7e8d6;
    }

        table.officesList thead tr th.name {
            width: 230px;
        }

        table.officesList thead tr th.address {
            width: 670px;
        }

        table.officesList thead tr th.phoneNumber {
            width: 110px;
        }

        table.officesList thead tr th.faxNumber {
            width: 110px;
        }

    table.officesList tbody tr {
        border-top: 1px solid #d6d6d6;
        padding: 10px 5px;
        font-size: 1.4rem;
        box-sizing: border-box;
    }

        table.officesList tbody tr td {
            padding: 10px 0px;
            font-size: 1.4rem;
            box-sizing: border-box;
        }
            table.officesList tbody tr td.name {
                padding-left: 3px;
                padding-right: 3px;
            }

            table.officesList tbody tr td.address {
                padding-left: 3px;
                padding-right: 3px;
            }

            table.officesList tbody tr td > .inline-block {
                display: inline-block;
            }

            table.officesList tbody tr td.phoneNumber {
                padding-left: 5px;
                padding-right: 5px;
                text-align: center;
            }

            table.officesList tbody tr td.faxNumber {
                padding-left: 5px;
                padding-right: 5px;
                text-align: center;
            }

.text-white {
    color: white !important;
}

.bg-orange {
    background-color: #E3891F !important;
}

.u-btn1.blank:after {
    position: relative;
    top: 5px;
}

.u-btn1.hiddenButton:disabled {
    background-color: #DDD;
    color: #4D4D4D;
    opacity: 1.0;
}

.u-bg1 > .topLink {
    display: block;
}

.u-bg1 > .topLink h2 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 16px;
    color: #E3891F;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.repeat-order {
    padding-top: 0.12em !important;
    padding-left: 1em !important;
    padding-right: 0.6em !important;
    padding-bottom: 0.12em !important;
}

.disabled-quantity {
    background-color: #CCCCCC !important
}

input.input-uppercase {
    text-transform: uppercase;
}

ul.nameList {
    display: flex;
    justify-content: space-around;
}

    ul.nameList li {
        list-style: none;
    }

@media (max-width: 767px) {
    ul.nameList {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        ul.nameList li:nth-of-type(2) {
            margin-left: auto;
        }

        ul.nameList li.userList {
            width: 70%;
        }

        ul.nameList li.button1 {
            padding-left: 10px;
            order: 3;
        }

        ul.nameList li.button2 {
            padding-left: 10px;
            order: 4;
        }

        ul.nameList li.buttonLogout {
            order: 2;
        }

        
}