@charset "UTF-8";
/*
Please Write this css !
*/

.item-list .flex-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 1rem;
}
.item-list .orderPanel-name-link {
    margin: 0 1rem;
}
.item-list .orderPanel-item-name span {
    font-size: 1.18rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.item-list .item-link {
    font-size: 1rem;
}
.item-list .orderPanel-item-price {
    margin: 0 1rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    align-items: center;
}
.item-list .orderPanel-item-price p {
    font-size: 1rem;
    font-weight: bold;
}
.item-list .orderPanel-item-price .plice-inner em {
    font-style: normal;
    font-size: 1.4rem;
    font-family: Fira Sans, sans-serif;
}



.item-list .orderPanel-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:1rem;
    padding: 1rem;
}


.item-list .orderPanel-upper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.2rem;
}
.item-list .orderPanel-item-price .price {
    padding: 1rem;
}

.item-list .orderPanel-item-option {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap:1rem;
    margin-top: -1rem;
}

#cart-in-error,
#cart-in-success {
    color: #23b7fe;
    padding: 20px;
    background-color: #fff;
    border: none;
    text-align: center;
    border-radius: 16px;
    font-weight: bold;
    z-index: 1000;
    border: 4px solid #23b7fe;
}

#cart-in-error {
    color: #b00;
    border: 4px solid #b00;
}
#cart-in-error p,
#cart-in-success p {
    margin-bottom: 20px;
    font-size: 1.6rem;
}


dialog:-internal-dialog-in-top-layer::backdrop {
    background: #00000090;
}

/*Only PC*/
@media screen and (min-width: 768px) {
    .mv-txt {
        position: absolute;
        bottom: -12rem;
        left:0;
        width: 100%;
        padding: 0 20%;
    }
}

/*Only SP*/
@media screen and (max-width: 767px) {
    .mv-txt {
        position: absolute;
        bottom: 0.5rem;
        left:0;
        width: 100%;
        padding: 0 10%;
    }
    #sec-youtube {
        margin-top: 6.4rem;
    }
    .item-list .orderPanel-inner .btn-dc.btn::after:hover {
        opacity: 1;
    }
}