﻿
html[data-browse-mode="P"] .pageReview {
    padding: 40px 0 70px;
}
.pageReview-header-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 24px;
}
html[data-browse-mode="S"] .pageReview-header-nav {
    column-gap: 1.1rem;
}
.pageReview-header-nav-i {
    width: 256px;
    height: 53px;
}
html[data-browse-mode="S"] .pageReview-header-nav-i {
    width: 17.2rem;
    height: 4.5rem;
    border-radius: .4rem;
    overflow: hidden;
}
.pageReview-header-nav-i.-is-active,
.pageReview-header-nav-i a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
}
html[data-browse-mode="S"] .pageReview-header-nav-i.-is-active,
html[data-browse-mode="S"] .pageReview-header-nav-i a {
    font-weight: 400;
}
.pageReview-header-nav-i.-is-active {
    background-color: #666666;
    color: #fff;
}
.pageReview-header-nav-i a {
    width: 100%;
    height: 100%;
    background-color: #E3E3E3;
}
@media (hover: hover) {
    .pageReview-header-nav-i a:hover {
        background-color: #666666;
        color: #fff;
        text-decoration: none;
    }
}
.pageReview-header-text {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 30px;
}
html[data-browse-mode="S"] .pageReview-header-text {
    margin-top: 2.4rem;
    padding: 0 1rem;
}
html[data-browse-mode="P"] .pageReview-header-text .sp {
    display: none;
}
html[data-browse-mode="S"] .pageReview-header-text .sp {
    display: block;
}
.pageReview-header-title {
    font-size: 2.8rem;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 0;
    text-align: center;
}
html[data-browse-mode="S"] .pageReview-header-title {
    font-size: 2.2rem;
    margin-top: 3.2rem;
    padding: 0;
    border: none;
}

.pageReview-content {
    margin-top: 40px;
}
html[data-browse-mode="S"] .pageReview-content {
    margin-top: 3.2rem;
}

/* ---- ReviCo PC ---- */
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-multicomment-inner {
    max-width: 980px;
    padding-top: 50px;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-logo {
    margin-bottom: -40px !important;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-comment-main {
    max-width: 100%;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail {
    padding: 24px 40px;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name p + span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name p + span img {
    position: static;
}

html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name img {
    max-width: 80px;
    max-height: 80px;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name {
    padding-bottom: 24px;
    margin-bottom: 20px;
    border-color: #D5D5D5;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition > div:not(.revico-review-comment-detail--addition-image) {
    width: 397px;
    margin-right: 24px;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-reviewer {   
    padding: 8px 13px 13px;
}

html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition {
    align-items: flex-end;
}

/* レビュー　SNSボタン */
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns {
    display: flex;
}

/* レビュー　スライドボタン(prev, next) */
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back {
    top: 60px;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back,
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next {
    height: 22px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #D5D5D5;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back img,
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next img {
    display: none;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back::after,
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next::after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    rotate: 45deg;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--reply-comment {
    width: 97%;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back::after {
    border-left: 1px solid #909090;
    border-bottom: 1px solid #909090;
    translate: 1px 0;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next::after {
    border-top: 1px solid #909090;
    border-right: 1px solid #909090;
    translate: -1px 0;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--reply-comment {
    border-color: #D5D5D5;
    padding: 24px;
    color: #333;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--reply-fukidashi {
    border-width: 10px 0 10px 18px;
}
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--reply-fukidashi::after {
    border-width: 9px 0 9px 17px;
    top: -9px;
    left: -20px;
}

/* レビュー下部 ボタン */
html[data-browse-mode="P"] #pageReview .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button,
html[data-browse-mode="P"] #pageReview .revico-common-filter-icon-style,
html[data-browse-mode="P"] #pageReview .revico-common-sort-icon-style {
    background-position-y: center;
}

/* review絞り込みモーダル */
html[data-browse-mode="P"] .revico-modal {
    z-index: 1000;
}

/* ---- ReviCo SP ---- */
html[data-browse-mode="S"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail {
    padding: 16px 18px 25px;
}
html[data-browse-mode="S"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name {
    align-items: flex-start;
    padding-bottom: 20px;
}
html[data-browse-mode="S"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--product[data-all-product-review=true] .revico-review-comment-detail--product-name span {
    color: #333333;
    font-weight: 400;
    bottom: 10px;
}
html[data-browse-mode="S"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back,
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next {
    z-index: 1;
}
html[data-browse-mode="S"] #pageReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image {
    margin-top: 0;
}
html[data-browse-mode="S"] .revico-modal .revico-modal__close {
    top: 5rem;
}
html[data-browse-mode="S"] .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next {
    z-index: 100;
}

/* ---- STAFFレビュー ---- */
#pageReview.-staffReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--star {
    justify-content: flex-end;
}
#pageReview.-staffReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--star .revico-review-comment-detail--star-rate {
    display: none;
}
#pageReview.-staffReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-reviewer {
    background-color: #F5F5F5;
    padding: .8rem 1.2rem;
}
#pageReview.-staffReview .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-label[data-reviewer-label=スタッフ]::after {
    background-color: #fff;
    border-radius: 50px;
}