@charset "utf-8";
/* CSS Document */

.revico_reviewtabs {
    background-color: #f9f9f9;
    width: auto;
    margin: 0 auto;
    max-width: 1050px;
}

.revico_tab_item {
    width: calc(100%/2);
    height: 50px;
    border-bottom: 3px solid #9C9C9E;
    line-height: 50px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #444;
    font-size: 16px;
}

.revico_tab_item:hover {
    opacity: 0.75;
}

#revico-review-zone input[name="revico_tab_item"] {
    display: none;
}

.revico_tab_content {
    display: none;
    clear: both;
    padding-top: 30px;
}

#revico_user:checked~#revico_user_content,
#revico_staff:checked~#revico_staff_content {
    display: block;
}

.revico_reviewtabs input:checked+.revico_tab_item {
    background-color: #9C9C9E;
    color: #fff;
}

/* スタッフタブはレビューを書くボタン非表示 */
#revico_staff_content .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton-wrapper {
    display: none;
}

.revico_tab_item {
    margin-right: 0px;
    padding-left: 0px;
}

#revico-review-zone input[name="revico_tab_item"]+label::after {
    display: none;
}

#revico-review-zone input[name="revico_tab_item"]+label::before {
    display: none;
}

#revico-review-zone input[type="radio"]+label.revico_tab_item {
    margin-right: 0px;
    padding-left: 0px;
}

.revico-star .starability-result,
.revico-multicomment-top .revico-starability-result {
    background-image: url('https://show.revico.jp/img/star_yellow.png');
}

.revico-star [data-rating="1.5"],
.revico-star [data-rating="2.5"],
.revico-star [data-rating="3.5"],
.revico-star [data-rating="4.5"] {
    background-image: url('https://show.revico.jp/img/star/star_half_yellow.png');
}

#revico-review-zone .revico-star .revico-widget {
    font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.revico_tab_content {
    padding-top: 0 !important;
}

#revico-review-zone .revico-common-background-style {
    padding-top: 30px;
}

#revico-review-zone .revico-multicomment-top .revico-logo {
    display: block !important;
}

@media only screen and (max-width: 640px) {
    .revico_tab_item {
        font-size: 14px;
    }
}

#revico-comment .revico-star {
    margin-top: 0 !important;
}

/*チューニングローション　レビュー上部の余白調整*/
.canadel_item-template-tuninglotion #revico-review-zone {
    margin-top:80px;
}

/* すべてのレビューを見るボタン */
.revico-seo-content {
    text-align: center;
}
.revico-seo-content {
    background: #fff;
    width: 520px;
    margin: 0 auto;
    padding: 30px 0 30px;
}
.revico-seo-content a {
    background-color: #444;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    transition: all 0.6s;
    opacity: 1;
}
.revico-seo-content a:hover {
    opacity: 0.8;
}
@media screen and (max-width: 768px) {
    .revico-seo-content {
        max-width: 91%;
        margin: 0px auto;
        padding: 0 0 30px;
    }
    .revico-seo-content a {
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
    }
}