@charset "UTF-8";

/******************************************************************************
*
* [共通]パンくずリスト
*
******************************************************************************/

.fs-c-breadcrumb,
.fs-c-breadcrumb ol,
.fs-c-breadcrumb li {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #1a1a1a;
}

.fs-c-breadcrumb {
    width: 94%;
    max-width: 1050px;
    margin: auto;
    margin-bottom: 50px;
}

.fs-c-breadcrumb a {
    color: #1a1a1a;
}

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

/******************************************************************************
*
* 商品レビュー
*
******************************************************************************/

/*---------------------
* メイン
---------------------*/

#product_review_mio .fs-c-productReviewed {
    max-width: 1050px;
    margin: auto;
}

/*画像*/

#product_review_mio .fs-c-productReviewed > .fs-c-productReviewed__image {}

/*商品名*/

#product_review_mio .fs-c-productReviewed__name {
    grid-row: 1;
}

#product_review_mio .fs-c-productReviewed__name a {
    color: #1a1a1a;
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 30px;
}

/*商品番号*/

#product_review_mio .fs-c-productReviewed__number {
    grid-row: 2;
}

#product_review_mio .fs-c-productReviewed__number .fs-c-productNumber {
    border-width: 0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.1em;
}

#product_review_mio .fs-c-productNumber__number {
    font-weight: normal;
}

#product_review_mio .fs-c-productReviewed__prices {
    display: none;
}

/*---------------------
* レビュー総評
---------------------*/

/*サイズ・配置変更*/

#product_review_mio .fs-c-productReviewed + .fs-c-aggregateRating {
    max-width: 50%;
    width: -webkit-calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0;
    margin-left: auto;
    position: relative;
    top: -100px;
}

/*テキスト変更*/

#product_review_mio .fs-c-aggregateRating__rating::before {
    content: "この商品の平均レビュー数";
    font-size: 14px;
    margin-bottom: 7px;
}

/*flex調整*/

#product_review_mio .fs-c-aggregateRating__rating {
    flex: none;
    max-width: 285px;
}

/*星サイズ*/

#product_review_mio .fs-c-reviewStars::before {
    font-size: 2.3em;
}

#product_review_mio .fs-c-rating__value {
    font-size: 30px;
    font-style: italic;
    font-family: 'Futura', sans-serif;
    font-weight: normal;
    margin-left: 3px;
}

/*件数*/

#product_review_mio .fs-c-aggregateRating__count {
    font-size: 13px;
    position: relative;
    bottom: 3px;
}

#product_review_mio .fs-c-aggregateRating__count::before {
    content: "(";
}

#product_review_mio .fs-c-aggregateRating__count::after {
    content: "件)";
}

/*---------------------
* レビュー履歴
---------------------*/

#product_review_mio .fs-c-history {
    max-width: 1050px;
    margin: auto;
}

.fs-c-listControl {
    margin: 5px 0;
    font-size: 14px;
}

#product_review_mio .fs-c-history .fs-c-reviewList__item {
    padding: 35px 8px;
}

#product_review_mio .fs-c-history .fs-c-reviewer__name {
    margin-bottom: 5px;
}

#product_review_mio .fs-c-history .fs-c-reviewStars::before {
    font-size: 1.5em;
    margin-top: 5px;
}

#product_review_mio .fs-c-history .fs-c-reviewBody {
    border-width: 0;
    padding: 0;
}

/*レビューなし*/

#product_review_mio .fs-c-history .fs-c-noResultMessage {
    background: none;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#product_review_mio .fs-c-history .fs-c-noResultMessage__title {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #1a1a1a;
}



/******************************************************************************
*
* マイページレビュー履歴
*
******************************************************************************/

.common_h2.review {
    margin-top: 50px;
}

.common_h2.review h2 {
    color: #90a5ba;
}

#review_list_mio .fs-c-reviewList__item {
    align-items: center;
}

#review_list_mio .fs-c-history {
    max-width: 1050px;
    margin: auto;
}

/*テキスト*/

#review_list_mio .fs-c-reviewBody {
    border-width: 0;
    margin: 0;
    font-size: 14px;
}

/*商品名*/

#review_list_mio .fs-c-reviewProduct__image {
    margin-bottom: 0;
}

#review_list_mio .fs-c-reviewProduct__info {
    display: none;
}

/*公開中アイコン*/

#review_list_mio .fs-c-reviewStatus {
    background: #90A5BA;
    font-size: 14px;
}

/*投稿日*/

#review_list_mio .fs-c-reviewInfo__date {
    margin: 6px 0;
    font-size: 14px;
}

/*レビュー変更*/

#review_list_mio .fs-c-buttonContainer {
    font-size: 12px;
    padding: 0;
}

/*レビューなし*/

#review_list_mio .fs-c-noResultMessage {
    padding: 100px 25px;
}

#review_list_mio .fs-c-noResultMessage__title {
    color: #9A9A9A;
    letter-spacing: 0.1em;
}



/******************************************************************************
*
* [共通]レスポンシブ対応
*
******************************************************************************/

/*644px以下*/

@media only screen and (max-width: 644px) {

    /*---------------------
    * [共通]パンくずリスト
    ---------------------*/

    .fs-c-breadcrumb,
    .fs-c-breadcrumb ol,
    .fs-c-breadcrumb li {
        /*font-size: 12px;*/
        /*SP文字サイズ変更*/
        font-size: 10px;
    }

    .fs-c-breadcrumb {
        margin-bottom: 20px;
    }

    /*---------------------
    * 商品レビュー
    ---------------------*/

    #product_review_mio .fs-c-productReviewed__name a {
        /*font-size: 24px;*/
        /*SP文字サイズ変更*/
        font-size: 20px;
    }

    #product_review_mio .fs-c-productReviewed__number .fs-c-productNumber {
        font-size: 12px;
    }

    /*レビュー総評*/

    #product_review_mio .fs-c-productReviewed + .fs-c-aggregateRating {
        max-width: 100%;
        width: -webkit-calc(100%);
        width: calc(100%);
        margin: 30px 0 50px;
        top: 0;
    }

    #product_review_mio .fs-c-aggregateRating__rating::before {
        font-size: 12px;
        margin-bottom: 7px;
    }

    #product_review_mio .fs-c-aggregateRating__rating {
        /*max-width: 247px;*/
        /*SPサイズ変更*/
        max-width: 225px;
    }

    #product_review_mio .fs-c-reviewStars::before {
        /*font-size: 1.9em;*/
        /*SP文字サイズ変更*/
        font-size: 1.7em;
    }

    #product_review_mio .fs-c-rating__value {
        /*font-size: 30px;*/
        /*SP文字サイズ変更*/
        font-size: 24px;
        margin-left: 5px;
    }

    #product_review_mio .fs-c-aggregateRating__count {
        /*font-size: 12px;*/
        /*SP文字サイズ変更*/
        font-size: 10px;
        bottom: 3px;
    }

    #product_review_mio .fs-c-reviewer__name,
    #product_review_mio .fs-c-reviewer__profile,
    #product_review_mio .fs-c-reviewInfo__date {
        font-size: 12px;
    }

    /*レビュー履歴*/

    .fs-c-listControl {
        /*font-size: 12px;*/
        /*SP文字サイズ変更*/
        font-size: 10px;
    }

    #product_review_mio .fs-c-productReviewed__name {
        grid-row: 2;
    }

    #product_review_mio .fs-c-productReviewed__number {
        grid-row: 3;
    }

    #product_review_mio .fs-c-history .fs-c-reviewList__item {
        padding: 22px 8px;
    }

    #product_review_mio .fs-c-history .fs-c-reviewBody {
        /*font-size: 13px;*/
        /*SP文字サイズ変更*/
        font-size: 12px;
        margin-bottom: 0;
        margin-top: 14px;
        padding: 0 0.8em;
    }

    /*---------------------
    * マイページレビュー履歴
    ---------------------*/

    .common_h2.review {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    #review_list_mio .fs-c-reviewList__item {
        position: relative;
        align-items: baseline;
    }

    #review_list_mio .fs-c-reviewList__item .fs-c-reviewList__item__product {
        width: 40%;
    }

    #review_list_mio .fs-c-reviewList__item .fs-c-reviewList__item__info {
        width: 55%;
        position: absolute;
        top: 16px;
        right: 0;
    }

    #review_list_mio .fs-c-reviewBody {
        /*font-size: 12px;*/
        /*SP文字サイズ変更*/
        font-size: 10px;
        padding: 10px 0 8px;
    }

    #review_list_mio .fs-c-buttonContainer {
        font-size: 10px;
    }

    #review_list_mio .fs-c-reviewInfo__date {
        /*SP文字サイズ変更*/
        font-size: 10px;
    }

    /*レビューなし*/

    #review_list_mio .fs-c-noResultMessage {
        padding: 30px 10px;
    }

    #review_list_mio .fs-c-noResultMessage__title {
        font-size: 12px;
    }

}
