@charset "UTF-8";

#contentsArea12base {
    width: 95%;
    min-width: 1200px;
}

    #contentsArea12base #mainLeft {
        width: 100%;
    }

body {
    font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
    'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
    'Segoe UI', /* Windowsの欧文 */
    'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
    Meiryo, /* Windowsのメイリオ */
    sans-serif;
    word-break: break-all;
    word-wrap: break-word;
}

.breadcrumb {
    padding-left: 0;
    margin-left: 0;
}

    .breadcrumb li {
        display: inline; /*横に並ぶように*/
        list-style: none;
    }

        .breadcrumb li:after { /* >を表示*/
            content: '＞';
            padding: 0 3px;
        }

        .breadcrumb li:last-child:after {
            content: '';
        }

        .breadcrumb li a {
            text-decoration: none;
        }

            .breadcrumb li a:hover {
                text-decoration: underline;
            }

.item-info-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cartin-area-reserve {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D60024;
    font-weight: bold;
    border: solid 2px #D60024;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: white;
    margin-bottom: 10px;
    font-size: larger;
    cursor: pointer;
    letter-spacing: 1.1px;
    transition: .2s;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}

    .cartin-area-reserve:hover {
        opacity: .7;
    }

.once-sale-limit {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 12px;
    text-align: end;
}
    .once-sale-limit span {
        font-size: 14px;
        color: #ff6a00;
    }

    .cartin-area-nowonsale {
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-weight: bold;
        border: solid 2px #D60024;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 3px;
        background: #D60024;
        margin-bottom: 10px;
        font-size: larger;
        cursor: pointer;
        letter-spacing: 1.1px;
        transition: .2s;
        box-shadow: 0 0 8px rgba(0,0,0,.2);
    }
        .cartin-area-nowonsale svg,
        .cartin-area-reserve svg {
            width: 30px;
            margin-right: 20px;
        }

.cartin-area-nowonsale:hover {
    opacity: .7;
}

.wantlist-area {
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: solid 1px #B2B2B2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: white;
    cursor: pointer;
    letter-spacing: 1.1px;
    transition: .2s;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}

    .wantlist-area:hover {
        opacity: .7;
    }

    .wantlist-area i {
        font-size: 20px;
        color: #939393;
        margin-right: 20px;
    }

.past-order-alert {
    border: 1px solid #9C9C9C;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.gallery {
    margin: 0 0 10px 0;
}

    .gallery dt {
        text-align: center;
        margin: 0 0 15px 0;
    }

.swiper-container {
    width: 293px;
    padding: 0 0 0 17px;
}

.swiper-slide ul {
    text-align: center;
    display: flex;
    padding: 5px 0;
}

    .swiper-slide ul li {
        margin-right: 5px;
    }

.jacket-photo-area .swiper-button-prev,
.jacket-photo-area .swiper-button-next {
    top: 4px;
    width: 13px;
    height: 67px;
    margin-top: 0;
    background: #F3F3F3;
}

    .jacket-photo-area .swiper-button-prev:hover,
    .jacket-photo-area .swiper-button-next:hover {
        opacity: .8;

    }

.jacket-photo-area .swiper-button-prev {
    left: 0;
}

    .jacket-photo-area .swiper-button-prev::after {
        position: absolute;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 44"><path fill="%239C9C9C" d="M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z" /></svg>');
        background-repeat: no-repeat;
        content: '';
        width: 15px;
        height: 15px;
        top: 25px;
        margin-left: 1px;
    }

.jacket-photo-area .swiper-button-next {
    right: 0;
}

    .jacket-photo-area .swiper-button-next::after {
        position: absolute;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 44"><path fill="%239C9C9C" d="M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z" /></svg>');
        background-repeat: no-repeat;
        content: '';
        width: 15px;
        height: 15px;
        top: 25px;
        margin-left: 1px;
    }

    .jacket-photo-area .swiper-button-prev::after,
    .jacket-photo-area .swiper-button-next::after {
    }

.gallery img {
    max-height: 300px;
    max-width: 300px;
    object-fit: contain;
    height: auto;
    width: auto;
}

.get-point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
    background: white;
    margin-bottom: 10px;
}

.get-point-label {
    background: #D60024;
    color: white;
    padding: 5px 10px;
    font-size: small;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.get-point-value {
    font-size: medium;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    text-align: right;
}

.price-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    background: #fff;
    align-items: center;
}

.price-info-main {
    postion: -webkit-sticky;
    position: sticky;
    top: 0;
}

    .price-info-main .price-info-inner {
        padding: 15px 20px;
        background-color: #F3F3F3;
    }

    .price-label {
        display: flex;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        font-size: small;
        align-items: center !important;
    }
.reducedTaxRate-icon {
    background: #f28225;
    color: #fff;
    border-radius: 1px;
    display: inline-block;
    height: 18px;
    padding: 0 4px;
    text-align: center;
    line-height: 1.6;
    margin: 3px 0 0 0;
    font-size: 11px;
}
.price-value {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    font-size: 1.5em;
    text-align: right;
}

.sale-price-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}
.price-off ~ .sale-price-value {
    margin: 10px 0 0 0;
    white-space: nowrap;
}

    .sale-price-label {
        display: flex;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        font-size: smaller;
        align-items: center !important;
        color: #D60024;
    }

.sale-price-value {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    color: #D60024;
    font-size: x-large;
    text-align: right;
    white-space: nowrap;
}

.multibuy-price-info {
    border-top: solid 1px #f3f3f3;
    padding: 15px;
    background: #fff;
}

.multibuy-price-label{
    width: 100%;
    text-align: end;
    margin-bottom: 8px;
    font-size: small;
}

.stock-area {
    background: white;
    margin-bottom: 10px;
    padding: 15px 15px 15px 0;
    border-top: solid 1px #f3f3f3;
}

.stock-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stock-label {
    text-align: center;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    font-size: small;
    align-items: center !important;
    padding: 0 0 0 15px;
}

.stock-status {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    /*color: #0c727d;*/
}
.is-flying-get {
    margin: 13px 0 10px;
    padding: 0 0 0 15px;
    display:flex;
    justify-content: space-between;
    width: 100%;
    text-align: right;
    align-items: center;
}

    .is-flying-get .flying-get-icon {
        background: #D60024;
        color: white;
        padding: 5px 15px;
        font-size: 12px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-align: center;
        margin-right: 15px;
        width: 70px;
    }


.shipping-status {
    flex-grow: 1;
    max-width: 100%;
    text-align: right;
    padding-top: 10px;

}
    .shipping-status.flying-get {
        padding: 0;
        font-size: .8em;
    }
    .shipping-status span {
        font-size: 15px;
        color: #D60024;
    }

.new-line {
    width: 100% !important;
}

.store-notes {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 12px;
}

.reserve-status-label {
    margin-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: right;
}


.item-info-sumally {
    display: flex;
}

.item-info {
    width: 100%;
    margin-left: 20px;
}

.jacket-photo-area {
    min-width: 310px;
    max-width: 310px;
}

.jacket-photo-area .slider-photo-wrapper {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jacket-photo-area .slider-photo-wrapper .slider-photo {
    height: auto;
    width: auto;
    max-width: 65px;
    max-height: 65px;
    object-fit: contain
}

.read-trial-area {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 2px solid #25A5DC;
    padding: 9px;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: .2s;
    letter-spacing: 1.1px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}

.read-trial-area:hover {
    opacity: 0.7;
}

.read-trial-area img {
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.read-trial-area span{
    color: #25A5DC;
    font-weight: bold;
    padding-top: 3px;
    vertical-align: middle;
}

.read-trial-area .btn-arrow-icon {
    margin: 0 10px 0 0;
    position: absolute;
    right: 0;
    vertical-align: middle;
}

.category-format-area {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: white;
    margin-bottom: 10px;
    position: relative;
}

.category-label {
    background: #232323;
    color: white;
    padding: 5px 25px;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    display: flex;
    align-items: center;
}

.format-label {
    font-size: medium;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    text-align: left;
    color: #232323;
    padding-left: 15px;

}

.product-title {
    margin-top: 16px;
    font-size: 20px;
    line-height: 1.3;
}

.product-artist {
    margin-top: 20px;
    font-size: medium;
    min-height: .5em;
}

.star-rating {
    position: relative;
    height: 1.1em;
    word-break: normal;
    word-wrap: normal;
    font-size: 20px;
    letter-spacing: -1px;
}

.star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #FFBB00;
}

.star-rating-back {
    color: #DCDCDC;
}

.review-area {
    margin-top: 20px;
    display: flex;
}

.star-rating-value {
    padding-left: 10px;
    color: #D60024;
}

.customer-voice-link {
    padding-left: 10px;
    font-size: smaller;
}

.customers-voice-index {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
}

.customers-voice-name a{
    text-align: end;
}

.r-appnt-area {
    display: flex;
    font-size: smaller;
    align-items: center;
    padding: 10px 0;
    margin-top: 20px;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
}

.r-appnt-type {
    border: solid 1px #dadada;
    padding: 5px 20px;
    margin-right: 10px;
    font-size: x-small;
    margin-right: 15px;
    white-space: nowrap;
}

.privilege-area {
    padding-top: 20px;
}

.item-description {
    margin-top: 20px;
}

.item-description-label {
    background: #232323;
    color: white;
    padding: 10px 20px;
}

.item-description-inner,
.item-detail-inner {
    padding: 20px;
    line-height: 25px;
    font-size: small;
}

    .item-detail-inner p{
        line-height: 2.5;
    }

    .without-paddingT {
        padding-top: 0;
    }

.item-description-inner p{
    padding-top: 20px;
}

.item-introduction p{
    line-height:2;
}

.delivery-date-memo {
    margin-top: 20px;
    color: #535353;
    line-height: 1.5;
    /*padding-left: 1em;
    text-indent: -1em;*/
    font-size: .9em;
}

.item-privilege {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-privilege-label-mini {
    display: inline-flex;
    background: #D60024;
    color: white;
    padding: 3px 20px;
    font-size: x-small;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    margin-right: 15px;
}

.item-privilege-label {
    display: inline-flex;
    justify-content: center;
    background: #D60024;
    color: white;
    padding: 3px 5px;
    font-size: x-small;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 15px;
    min-width: 150px;
}
    .item-privilege-label.enclosure {
        background: #fff;
        border: 1px solid #727272;
        color: #535353;
    }
    .item-privilege-icon {
        display: flex;
        align-items: center;
    }
.privilege-item {
    padding: 10px 0 20px;
}
    .privilege-item p {
        line-height: 1.5;
        color: #232323;
    }

    .item-privilege-value {
        font-size: medium;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        text-align: left;
    }

.privilege-item .item-privilege-icon .item-privilege-label,
.privilege-item .item-privilege-label.enclosure {
    font-size: small;
}
.privilege-item.enclosure{
    border-bottom: 1px solid #dadada;
}

.privilege-detail-area {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
    flex-direction: column;
}
.privilege-detail {

}

.item-comment-comment br {
    line-height: 1.5;
}

.item-comment-comment p {
    line-height: 1.5;
}

.item-description-inner p {
    line-height: 2;
}

.item-item-info-right {
    float: left;
    width: 50%;
}
.item-description-inner .customers-voice p {
    padding-top: 8px;
}

.item-item-info-left {
    float: left;
    width: 50%;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.item-item-info-label {
    font-weight: bold;
    text-align: left;
}

.item-notes {
    line-height: 1.6;
    padding: 10px;
    margin-top: 20px;
    font-size: 13px;
    border: solid 1px #dcdcdc;
}

    .item-notes .emphasis{
        font-size: small;
    }

    .item-notes p {
        line-height: 1.6;
    }

.background-color-red {
    color: #903131;
    background-color: #FFEDED;
    border: initial;
}

.related-variation-items-area {
    display: flex;
    align-items: center;
    padding: 20px 0 10px 0;
}

.campaign-area {
    padding: 15px 10px;
    margin-top: 20px;
    background: #ededed;
    border-radius: 3px;
}

    .campaign-area .campaign-name {
        margin-bottom: 10px;
        font-weight: bold;
    }

    .campaign-area .description {
        font-size: smaller;
        line-height: 1.6;
    }

.campaign-area-general {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
}

.item-icon-middle {
    padding-top: 20px;
}

.evaluation {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

    .evaluation input[type='radio'] {
        display: none;
    }

    .evaluation label {
        position: relative;
        color: #FFF;
        text-shadow: 0.3px 0.3px 0 #454545, -0.3px -0.3px 0 #454545, -0.3px 0.3px 0 #454545, 0.3px -0.3px 0 #454545, 0px 0.3px 0 #454545, 0 -0.3px 0 #454545, -0.3px 0 0 #454545, 0.3px 0 0 #454545;
        cursor: pointer;
        font-size: large;
    }

        .evaluation label .text {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            text-align: center;
            font-size: 12px;
            color: gray;
        }

        .evaluation label:hover,
        .evaluation label:hover ~ label,
        .evaluation input[type='radio']:checked ~ label {
            color: #ffcc00;
        }

.store-procure-area {
    background-color: #F3F3F3;
    margin-top: 10px;
    padding: 20px;
}

a.store-stock-link{
    text-decoration: none;
}
.store-stock-status {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    padding: 9px;
    background: #1E90FF;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: .2s;
    letter-spacing: 1.1px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
    .store-stock-status img {
        height: 30px;
        width: 30px;
        display: block;
        margin: 0 20px 0 0;
    }

.store-stock-status.reserve {
    color: #1E90FF;
    background: #fff;
    font-weight: bold;
    border: 2px solid #1E90FF;
}
    .store-stock-status.reserve img {
        mix-blend-mode: difference;
    }

    .store-stock-status:hover {
        opacity: 0.7;
    }
    .store-stock-status.reserve svg {
        width: 30px;
        height: 30px;
        margin-right: 20px;
    }

.about-store-procure-memo {
    margin-top: 10px;
    text-align: center;
    font-size: smaller;
    font-weight: bold;
}

.store-procure-count {
    margin-bottom: 10px;
    text-align: center;
    font-size: 13px;
}

.contens-index p{
margin-bottom: 10px;
line-height: 1.5;
}
.contents-info{
   color: #232323;
   font-size:12px;
}

.contents-info-detail {
    display: flex;
    margin-bottom: 10px;
}
.contents-info-detail div:first-child{
    font-weight:bold;
}
.accordion {
    width: 100%;
    /* max-width: 360px; */
    /* margin: 30px auto 20px; */
    background: #FFF;
}

    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 0px;
        color: #005db9;
        font-size: 11px;
        border-bottom: 1px solid #CCC;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        
    }
        .accordion .link.track {
            width: 15px;
        }

        .accordion li:last-child .link {
            border-bottom: 0;
        }

    .accordion li i {
        top: 15px;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .accordion li.open:not(.itemunit-list) .link {
        color: #b63b4d;
    }

    .accordion li.open:not(.itemunit-list) i.fa-chevron-down {
        color: #b63b4d;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .accordion li.itemunit-list.open i.rotate-target-icon {
        color: #b63b4d;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .accordion li.default .submenu {
        display: block;
    }
/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    font-size:12px;
}

    .submenu:not(.itemunit-sub) li {
        border-bottom: 1px solid #4b4a5e;
    }
    .submenu.track   {
        padding:0 10px;
}

.item-info-sub-title {
    font-weight: bold;
    margin: 10px 0px;
}

.item-info-sub-nakami {
    line-height: 2;
    padding-bottom: 20px;
}

.item-info-sub-nakami2 {
    padding-bottom: 10px;
}

.rel-item-list {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: bold;
    width: 65px;
    min-width: 65px;
}

.rel-item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rel-item-elm {
    display: flex;
    align-items: center;
    margin-left: 20px;
    min-width: 65px;
    font-weight: bold;
    padding: 2px;
}

    .rel-item-elm.disp-item-name{
        font-weight: normal;
    }

.news-date {
    font-weight: bold;
    margin-right: 30px;
    white-space: nowrap;
}

.news-area {
    display: flex;
    padding: 20px 0px;
}

    .news-area a {
        color: red;
    }

.news-goto-musicinfo {
    text-align: right;
    font-size: larger;
    font-weight: bold;
    text-decoration: underline;
}

.news-separater {
    height: 1px;
    position: relative;
    background-image: linear-gradient(to right, #000, #000 10px, transparent 10px, transparent 15px);
    background-size: 15px 1px;
    background-repeat: repeat-x;
}

.rec-trial-area {
    background: #eee;
}

.rec-trial-button {
    width: 75px;
    padding: 10px;
    background: white;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 20px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
}

.rec-image {
    width: 150px;
    height: 150px;
    margin: 0 auto 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}

.relation-item-list-row {
    display: flex;
    flex-direction: column;
    padding: 20px 10px 10px 10px;
}

    .relation-item-list-row .first-line {
        font-weight: bold;
        padding: 0 0 10px 5px;
    }

    .relation-item-list-row .other-line {
        display: flex;
        padding: 0 0 10px 0;
    }

        .relation-item-list-row .other-line .sale-price-interval {
            display: flex;
        }

            .relation-item-list-row .other-line .sale-price-interval .sale-price {
                width: 70px;
                text-align: right;
            }

    .relation-item-list-row .want-list-add-icon {
        cursor: pointer;
        margin-left: 5px;
    }

    .relation-item-list-row .interval-icon {
        padding: 0 1.5em;
    }

.rel-item-sep:first-child {
    padding-left: 5px;
}

    .rel-item-sep::after {
        content: '|';
        padding: 0 1.5em;
    }

.rel-item-sep-only {
    padding-left: 5px;
}

.rel-item-border {
    border-top: solid 0.5px #dadada;
    margin: 0 15px;
}

.relation-item-area {
}

    .relation-item-area:hover {
        background: #dadada;
    }

.relation-group-item-row {
    display: flex;
    margin-bottom: 20px;
}

    .relation-group-item-row .item-block {
        display: flex;
        width: 45%;
        margin: 0 20px;
    }

    .relation-group-item-row .jacket-photo-block {
        height: 100px;
        width: 100px;
        text-align: center;
        vertical-align: middle;
        outline: rgb(218, 218, 218) solid 1px;
        display: flex;
    }

    .relation-group-item-row img {
        height: 100%;
        width: 100%;
        object-fit: contain;

    }

    .relation-group-item-row .item-info-block {
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .relation-group-item-row .item-info-block .artist-name {
            margin-bottom: 5px;
            font-size: x-small;
        }

        .relation-group-item-row .item-info-block .abbr-name {
            font-weight: bold;
            margin-bottom: 10px;
        }

        .relation-group-item-row .item-info-block .sale-price {
            margin-bottom: 5px;
        }

        .relation-group-item-row .item-info-block .action-contents {
            display: flex;
            margin-top: auto;
            font-size: smaller;
        }

            .relation-group-item-row .item-info-block .action-contents .right-content {
                width: 50%;
            }

                .relation-group-item-row .item-info-block .action-contents .right-content .released-btn {
                    padding: 5px 10px;
                    background: #D60024;
                    color: white;
                    margin-right: 10px;
                    text-align: center;
                    border-radius: 3px;
                }

                .relation-group-item-row .item-info-block .action-contents .right-content .reserved-btn {
                    padding: 5px 10px;
                    background: white;
                    color: black;
                    margin-right: 10px;
                    text-align: center;
                    border: solid 0.1px #D60024;
                    border-radius: 3px;
                }

                .relation-group-item-row .item-info-block .action-contents i {
                    float: left;
                }

            .relation-group-item-row .item-info-block .action-contents .left-content {
                width: 50%;
            }

                .relation-group-item-row .item-info-block .action-contents .left-content i {
                    color: #939393;
                }

.relation-group-wantlist-btn {
    padding: 5px 10px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    border: solid 1px #B2B2B2;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}


    .relation-group-wantlist-btn:hover {
        opacity: .7;
    }


/*入荷通知*/
.toggle-buttons {
    padding-left: 0px;
}

    .toggle-buttons [type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: absolute;
        margin: 0;
        padding: 0;
        visibility: hidden;
    }

    .toggle-buttons .button {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        display: inline-block;
        padding: 3px 15px;
        text-align: center;
        color: #666666;
        cursor: pointer;
        border: 1px solid #666666;
        font-size: 13px;
        width: 135px;
        line-height: 20px;
        box-shadow: 2px 2px 2px #bcbcbc;
    }

        .toggle-buttons .button:after {
            padding-left: 3px;
            content: '通知しない';
        }

        .toggle-buttons .button:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
            -ms-filter: "alpha(opacity=70)";
        }

    .toggle-buttons :checked + .button {
        color: #000000;
        background-color: rgba(216,216,216,0.7);
        border: 1px solid #000000;
    }

        .toggle-buttons :checked + .button:after {
            padding-left: 3px;
            content: '通知する';
        }

/* ラジオ */
.selectWantlist input {
    display: none;
}

    .selectWantlist input[type="radio"]:checked + label {
        color: #151515;
        border: 1px solid #151515;
        background-color: rgba(216,216,216,0.7);
    }

.selectWantlist label {
    color: #aaa;
    border: 1px solid #aaa;
    margin: 10px 2px 0px 2px;
    text-align: center;
    display: inline-block;
    padding: 5px 0px;
    width: 170px;
    box-shadow: 2px 2px 2px #bcbcbc;
    border-radius: 4px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

    .selectWantlist label:hover {
        color: #666666;
        border: 1px solid #666666;
        cursor: pointer;
    }

/*ジャケ写*/
.main-jacket {
    min-width: 305px;
    height: 305px;
    border: 0.1px solid #DCDCDC;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-jacket-inner {
    max-height: 300px;
}

.jacket {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ebeaea;
}

    .jacket img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

.blocker {
    z-index: 100 !important;
}

.want-list-close-btn {
    padding: 10px 40px;
    border: solid 0.1px black;
    color: black !important;
    text-decoration: none !important;
}

    .want-list-close-btn:hover {
        background: #00000040;
    }

.want-list-add-btn {
    padding: 10px 40px;
    border: solid 0.1px black;
    background: black;
    color: white !important;
    text-decoration: none !important;
    margin-right: 30px;
    display: none;
}

    .want-list-add-btn:hover {
        background: #000000c0;
    }

#cartin-modal-header {
    text-align: center;
    border-bottom: solid 0.1px grey;
    padding-bottom: 10px;
}

.cartin-modal-content {
    display: flex;
    align-items: center;
}

.cartin-modal-button {
    background: black;
    color: white !important;
    text-decoration: none !important;
    padding: 5px 20px;
    font-weight: bold;
    border: 0;
    text-align: center;
}

#cartin-modal-error {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cartin-btn {
    cursor: pointer;
}

    .cartin-btn:hover {
        opacity: 0.7;
    }


/*
    Customer Voice
*/
.arrow_box {
    position: absolute;
    background: #ffffff;
    opacity: 1;
    padding: 40px 40px 30px 40px;
    width: 280px;
    height: fit-content;
    top: 50px;
    right: -30px;
    z-index: 5;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 20px;
    margin-left: -20px;
}

.arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000000;
    border-width: 21px;
    margin-left: -21px;
}

.wrap {
}

.list {
    text-align: center;
}

    .list li {
        position: relative;
        display: inline-block;
        margin: 0 10px;
    }

.balloon {
    display: none;
    position: absolute;
    left: -110px;
    width: auto;
    line-height: 1.5;
    background: #fff;
    z-index: 2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.star-rating-info {
    margin-bottom: 20px;
    align-items: center;
    display: flex;
    justify-content: flex-start;

}

.bk-balloon {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-cv-no {
    width: 50%;
    padding: 10px;
    text-align: center;
    color: #535353;
    cursor: pointer;
}

    .btn-cv-no:hover {
        opacity: 0.7;
        background: lightgrey;
        color: #fff;
    }

.btn-cv-yes {
    padding: 10px;
    text-align: center;
    background: #D60024;
    color: white;
    width: 50%;
    margin-left: 10px;
    cursor: pointer;
}

    .btn-cv-yes:hover {
        opacity: 0.7;
    }

#CV2ndBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn-write-comment {
    background: #D60024;
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    width: 75%;
    cursor: pointer;
}

    .btn-write-comment:hover {
        opacity: 0.7;
    }

.btn-not-write-comment {
    background: grey;
    color: white;
    padding: 10px;
    text-align: center;
    width: 75%;
    cursor: pointer;
}

    .btn-not-write-comment:hover {
        opacity: 0.7;
    }

.loading3 {
    position: relative;
    text-align: center;
}

    .loading3 > div {
        position: absolute;
        display: inline-block;
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        animation: go-and-return 1.5s infinite linear;
    }

    .loading3 .circle2 {
        animation-delay: -0.6s;
    }

    .loading3 .circle3 {
        animation-delay: -0.3s;
    }

@keyframes go-and-return {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-30px);
    }

    75% {
        transform: translateX(30px);
    }
}

/*カスタマーズボイス*/
.evaluation-box{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.evaluation {
    display: flex;
    justify-content: flex-end;
}

.evaluation a{
    padding: 0 1px;
    color: #DCDCDC;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    font-size:x-large;
}

    .evaluation a:hover,
    .evaluation a:hover ~ a {
        color: #ffcc00;
    }
    .evaluation a::before{
        content: "☆";
    }
    .evaluation a:hover::before,
    .evaluation a:hover ~ a::before {
        content: "★";
    }

.already-post-cv {
    padding: 5px 10px;
    background: #D60024;
    color: white;
    font-size: xx-small;
    margin-top: auto;
    margin-right: 5px;
    border-radius: 3px;
    width: 40px;
}

.customerSection01 p{
    line-height: 1.5;
}

.grad-btn {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    margin: auto;
    color: black;
    /* height: 200px; */
    font-size: x-small;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    font-weight: normal;
    padding: 20px 0px;
}

    .grad-btn::before {
        content: "すべて表示"
    }

.grad-item {
    position: relative;
    overflow: hidden;
    height: 100px;
}

    .grad-item::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px; /*グラデーションで隠す高さ*/
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
        background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
        content: "";
    }

.grad-trigger {
    display: none; /*チェックボックスは常に非表示*/
}

    .grad-trigger:checked ~ .grad-btn::before {
        content: "閉じる" /*チェックされていたら、文言を変更する*/
    }

    .grad-trigger:checked ~ .grad-item {
        height: auto; /*チェックされていたら、高さを戻す*/
    }

        .grad-trigger:checked ~ .grad-item::before {
            display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
        }

    .grad-trigger:checked ~ .grad-btn .fa {
        transform: rotate(180deg);
    }

.grad-wrap {
    position: relative;
    margin-bottom: 30px;
}

.productDetailSentenceList01 {
    margin: 10px;
}
.productDetailSentenceList01 p.writer{
    text-align:end;
}
    .productDetailSentenceList01 p span{
        font-weight: bold;
    }

/*特典登録用*/

.privilege-box {
    display: flex;
    margin: 10px 0;
}

.privilege-text {
    flex-direction: column;
    line-height: 1.5;
    margin: 10px;
}

.privilege-box img {
    max-width: 300px;
}

.rec-area {
    width: 330px;
}

.rcm-checked-item {
    padding: 0px 125px 50px 125px;
    display: flex;
    justify-content: space-between;
}
.rcm-item-one {
    display: flex;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}

    .rcm-item-one img.rec-image {
        max-width: 120px;
        max-height: 120px;
    }
.rcm-detail {
    margin: 0 10px;
    width: 100%;
}
}
    .rcm-detail .reco-title {
        padding: 5px 0;
    }
.reco-title a {
    overflow: hidden;
    min-height: calc(1.3em * 2);
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.reco-artist a{
    font-size: 11px;
}

.social-share {
    display: flex;
    align-items: center;
}

.social-share a {
    color: #232323;
}

.price-info-inner .TXT {
    padding: 0 0 10px 0;
}

.collection-explanation-link {
    font-size: smaller;
    text-align: right;
    margin: 10px 0 -10px 0;
}

.recommendtitle04 {
    padding: 15px 0px 0px 50px;
    color: #231815;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: 3px;
    line-height: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: flex;
    justify-content: space-between;
}

    .recommendtitle04::before {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        margin: 2.5px -20px;
        background: #ffd000;
    }

.item-rec-format-name {
    margin-top: 10px;
    width: 100%;
    height: 15px;
    margin-right: 5px;
    background: #535353;
    color: #ffffff;
    font-size: revert;
    text-align: center;
    line-height: 15px;
}

.item-rec-item-name a {
    display: inline-block;
    color: #2d2220 !important;
    margin-top: 5px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    font-weight: bold;
    line-height: 1.2;
}

.item-rec-item-artist a {
    display: inline-block;
    color: #2d2220 !important;
    margin-top: 2.5px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    line-height: 1.2;
}

.item-rec-item-releaseday label {
    display: inline-block;
    color: #2d2220 !important;
    margin-top: 5px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

.item-rec-trial-button {
    margin-top: 5px;
    margin-bottom: 2px;
    width: 100%;
    height: 20px;
    background: #f1cf00;
    border: none;
    color: #b80016;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    box-shadow: 0 2px 0 0 #ddb012;
    border-radius: 2px;
    cursor: pointer;
}

/*
    EC00274_セブン受け取りフラゲ地域拡大対応
*/
.ml-15px {
    margin-left: 15px;
}