@charset "utf-8";
#curtain .serif{
    font-family: 'Noto Serif JP', serif!important;
    font-weight: 600;
}
#curtain .text-border {
    background: linear-gradient(transparent 60%, #ffff85 30%);
}
#curtain .navi li {
    position: relative;
}
#curtain .navi li i:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#curtain .heat {
    background-color: #fff6f6;
}
#curtain .heat2 {
    background-color: #ffe1e1;
    color: #8b4a4a;
}
#curtain .sound {
    background-color: #f5f8ff;
}  
#curtain .sound2 {
    background-color: #e6ecfb;
    color: #343b4e;
}
#curtain .light {
    background-color: #fffed6;
}
#curtain .light2 {
    background-color: #fff0bb;
    color: #7c6e3b;
}
#curtain .merit ul li {
    list-style: square;
}
#curtain .bx-main-carousel__prev-btn.left-0 {
    left: 5px!important;
}
#curtain .bx-main-carousel__next-btn.right-0 {
    right: 5px!important;
}
#curtain .itemname{
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
}
#curtain .specBox i{
    color:#FF8E00;
}
#curtain .specType.bx-bg-bel-gray2{
    opacity: 0.2;
}
#curtain .balloon1-left {
    position: relative;
}
#curtain .balloon1-left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #EBF3FE;
}
#curtain .balloon1-left p {
    margin: 0;
    padding: 0;
}
#curtain .review_average,
#curtain .review_count {
    font-size: 12px;
    margin-left: 6px;
}
.spacBox a.btn {
    color: white !important;
}
.spacBox .bx-top-btn-motto-miru.bx-top-btn-motto-miru.bx-top-btn-motto-miru:hover {
    background-color: #333;
}
#curtain .static-img .mask img {
    opacity: 1.0;
}
#curtain .other .boxlink_sold {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 8px;
}
#curtain .static-img .boxlink_sold .price_info::after{
    content: "sold out";
    font-family: Verdana,'Lucida Grande';
    font-size: 24px;
    letter-spacing: -0.5px;
}
#curtain .static-img .boxlink_sold .mask::after{
    content: none;
}
#curtain .price_info + .price_down,
#curtain .price_info > .price_down {
    font-size: 10px;
    background-color: #e00;
    display: inline-block;
    color: #fff;
    padding: 3px 5px;
}
#curtain .price.saleprice.salepricebox {
    color: #e00;
}
@media screen and (max-width: 520px) {
#curtain .other .boxlink_sold {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2px;
}
#curtain .carousel + div.boxlink_sold {
    width: 100%;
    padding-left: 1.5rem;
    padding: 0;
}
}