/**/
body {
    background-color: #f7f7f7;
}

.contents {
    max-width: 780px;
    margin: 0 auto;
    background-color: #fff;
}

.faq-link,
.blog-link {
    max-width: 780px;
}

/* .caution_block {
    padding: 6px 10px;
} */

.title.notranslate {
    font-size: larger;
}

.title.introduction {
    font-size: revert;
}

.google_translation {
    height: 50px;
}

#google_translate_element {
    float: right;
    height: 50px;
    display: flex;
    align-items: center;
}

@media screen and (max-width:767px) {
    .box.sp_mode {
        width: 48%;
    }

    .panelbox.active {
        padding-bottom: 50px;
    }
}

/*↓ページャー↓*/
.girls-blog-list {
    padding: 6px 0;
}

.arrow-navi {
    overflow: hidden;
    *zoom: 1;
    padding: 5px 0 5px 2px;
    width: 100%;
    background: #fff;
}

.arrow-navi a {
    position: relative;
    float: left;
    margin-right: 5px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid;
    display: flex;
    align-items: center;
}

.arrow-navi svg {
    height: 20px;
    margin: auto;
}

.arrow-navi i {
    position: relative;
    top: 2px;
    font-size: 34px;
    font-family: 'icomoon' !important;
}

.arrow-navi .arrow_first_btn {
    width: 10.35%;
    text-align: center;
}

.arrow-navi .arrow-prev-btn {
    width: 35.5%;
    height: 40.5px;
    line-height: 40.5px;
    text-align: center;
}

.arrow-navi .arrow-next-btn {
    width: 35.5%;
    height: 40.5px;
    line-height: 40.5px;
    text-align: center;
}

.arrow-navi .arrow_last_btn {
    width: 10.35%;
    text-align: center;
    margin-right: 0;
}

.arrow-navi .arrow_both_btn {
    background-color: #a01b1f;
    color: white;
    fill: #fff;
}

.arrow-navi .arrow-prev-btn,
.arrow-navi .arrow-next-btn {
    border: 1px solid #666666;
    color: #666666;
    fill: #666666;
}

.arrow-navi .link-none {
    /* cursor: auto !important;
    color: #a0a0a0 !important; */
    border: 1px solid #a0a0a0 !important;
    background-color: #fff;
    fill: #cbcbcb;
    color: #cbcbcb !important;
    border: 1px solid #cbcbcb !important;
}

/*↑ページャー↑*/
/*↓口コミ一覧↓*/
/*↓共通↓*/
#no-data {
    padding: 0 10px;
}

@media screen and (min-width:767px) {
    .girl_head .name {
        max-width: 400px;
    }
}

.review-pen {
    padding-bottom: 10px;
    border-bottom: 4px solid #f2f2f2;
    /* padding: 0 10px 10px; */
    display: block;
}

.review-pen .review-pen-button {
    padding: 8px;
    margin-top: 10px;
    margin-left: 25px;
    font-size: 12px;
    width: 80%;
    text-align: center;
    font-weight: bold;
    color: #DF5656;
    border-radius: 32px;
    border: 2px solid #DF5656;
    display: inline-block;
    vertical-align: middle;
}

.review-pen .review-pen-button img {
    position: relative;
    top: 2px;
    left: -4px;
}

.review-girl-profire-info {
    position: relative;
    padding: 8px 10px;
    background: #FFFFFF;
    /* ↓ 2026/01/22　@SC 口コミピックアップ重複削除 */
    height: auto;
    /* ↑ 2026/01/22　@SC 口コミピックアップ重複削除 */
    display: grid;
}

/* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */
.review-girl-profire-info.girl-text-hide {
    padding: 0;
    height: auto;
}

/* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */

.review-girl-profire-info .span {
    display: inline-block;
}

.review-girl-profire-info .img {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 10px;
    margin: 0px 10px;
}

.review-girl-profire-info .img img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.review-girl-profire-info .text {
    overflow: hidden;
    text-align: left;
    color: #333;
    margin-bottom: 10px;
    margin-right: 9px;
    font-size: 12px;
}

.review-girl-profire-info .text .name {
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
}

.review-girl-profire-info .text .birthday {
    border-bottom: 1px dotted #333;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.review-girl-profire-info .text .size {
    font-size: 12px;
    line-height: 14px;
}

.review-girl-profire-info .text .catch {
    font-weight: bold;
    color: #555;
    font-size: 12px;
    padding-top: 1px;
}

/* #review_list_datails{
        padding: 6px 0px;
    } */
/*↑共通↑*/
/*↓口コミ↓*/
.userHeader {
    position: relative;
    padding: 12px 16px;
    /* margin-bottom: 8px; */
    background: #FFFFFF;
    /* border-bottom: 8px solid #f2f2f2; */
    border-bottom: 1px solid #f2f2f2;
}

.user-info-de {
    vertical-align: middle;
}

.user-info-icon {
    width: 20px;
    margin-right: 4px;
}

.user-info-icon img {
    /* ↓ 国旗画像のサイズ調整 2024/08/01 */
    /* width: auto;
        height: 34px; */
    max-width: 51px;
    max-height: 34px;
    /* ↑ 国旗画像のサイズ調整 2024/08/01 */
    vertical-align: baseline;
    border: 1px solid #c1c0c0;
}

.user-name-de,
.user-country-de {
    font-size: 12px;
    font-weight: bold;
    color: #13131e;
    position: absolute;
    left: 85px;
    width: 49vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.user-name-de {
    top: 12px;
}

.user-country-de {
    bottom: 12px
}

.review-data {
    /* padding: 8px 16px; */
    padding: 8px 16px;
    /* margin-bottom: 1px; */
    border-bottom: 1px solid #f2f2f2;
    background: #FFFFFF;
}

.review-dataItem {
    display: flex;
    font-size: 11px;
}

.review-dataItem:not(:last-child) {
    margin-bottom: 6px;
}

.review-dataItem>dt {
    width: 100px;
    color: #595960;
}

.review-dataItem>dd {
    width: 100px;
    color: #595960;
}

.review-detail {
    padding: 12px 16px 16px;
    margin-bottom: 4px;
    background: #FFFFFF;
}

.review-rate {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0;
}

.icon-stars {
    display: flex;
    justify-content: space-between;
    padding-right: 4px;
    width: 100%;
}

.review-item-star {
    display: flex;
    padding-right: 4px;
    position: relative;
    left: -2px;
}

.review-average-star-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.review-average-star-icon.in_item {
    width: 18px;
    height: 20px;
}

.total_rate {
    position: relative;
    color: #DF9B56;
    font-weight: bold;
    padding: 0 3px 0;
}

.review-title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    color: #13131e;
    margin: 10px 0px 4px;
}

.review-text {
    font-size: 16px;
    line-height: 1.8;
    color: #13131e;
    word-wrap: break-word;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
}

.post-date {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.review-item-post-date {
    margin-top: 8px;
    font-size: 11px;
    color: #949499;
}

.review_box {
    border-top: 10px solid #f2f2f2;
}

/* .review_item {
        padding: 0 10px;
    } */
/*↑日記↑*/
/*↓SPパーツ↓*/
@media screen and (max-width:767px) {
    .pcpage {
        display: none;
    }

    .review-pen.pcpage {
        display: none;
    }

    .arrow-navi svg {
        height: 15px;
    }

}

@media screen and (min-width:375px) {
    html {
        font-size: 75% !important;
    }
}

@media screen and (min-width:320px) and (max-width:374px) {
    html {
        font-size: 62.5% !important;
    }
}

/*↑SPパーツ↑*/

/* 2025/07/29 @SC 環境差分をenvに逃がす */
.review-average-star-icon.star_on {
    background-image: url('/img/renewal/star-fill.svg');
}

.review-average-star-icon.star_half {
    background-image: url('/img/renewal/star-half.svg');
}

.review-average-star-icon.star_off {
    background-image: url('/img/renewal/star-border.svg');
}

/* 2025/07/29 @SC 環境差分をenvに逃がす */

/*↑口コミ一覧↑*/

/* ↓店舗帯↓ */
.store_zone {
    width: 100%;
    background-color: #a01b1f;
    color: #FFFFFF;
    padding-bottom: 6px;
}

.store_zone .gyousyu {
    background-color: #ffffff;
    color: #a01b1f;
}

.store_zone .shop-name {
    padding-top: 6px;
    padding-left: 10px;
}

.store_zone .shop_title_gyousyu {
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
}

.store_zone .shop-name,
.store_zone .shop_title_gyousyu li {
    padding-top: 6px;
}

.store_zone .shop_title_gyousyu span {
    padding-left: 10px;
    padding-right: 10px;
}

.shop-name .name {
    font-size: large;
}

/* ↑店舗帯↑ */

/* コンテンツヘッダ */
.girl_head {
    width: min(980px, 100%);
    height: 50%;
    /* 基準位置指定 */
    position: relative;

    /* 戻るアイコン（サイズ・位置） */
    & .gh_return {
        width: 30px;
        height: 50px;
        /* absoluteで基準位置を基に要素を浮動させる */
        position: absolute;
        right: 0;
        left: 0;
    }

    /* 戻るアイコン */
    & .gh_return::after {
        display: block;
        width: 10px;
        height: 10px;
        /* 位置指定 */
        margin-top: -3px;
        position: absolute;
        top: 50%;
        right: 16px;
        left: 10px;
        /* デザイン */
        border-bottom: 3px solid #575757;
        border-left: 3px solid #575757;
        transform: rotate(45deg) translateY(-50%);
        content: "";
    }

    /* コンテンツ内容部 */
    & .gh_user {
        display: block;
        width: 100%;
        height: 50px;
        text-align: center;
    }

    /* フォント */
    & .name {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 50px;
        max-width: 260px;
        color: #575757;
    }
}

/* 区切り線 */
.girl_bottom_border,
.search_review_pen_bottom_border {
    display: inline-block;
    width: calc(100% - 10px - 1em);
    margin: 10px;
    border-bottom: 2.5px solid #eeeeee;
}

.search_review_pen_bottom_border {
    display: block;
    margin: 15px 10px;
}

.parts_search_menu {
    .parts_search_menu--li:first-of-type {
        padding-top: 0;
    }
}

/* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */
/* 口コミ切替タブ */
.user_tag {
    margin: -10px 10px 5px;
    display: flex;
    justify-content: space-between;
    margin: 0px 10px 0px;
}

.user_tag_foreigner_area,
.user_tag_Japanese_area {
    width: 50%;
    /* border: solid 1px black; */
    padding: 8px;
    background: #eee;
    /* border-bottom: 4px solid #A51B20; */
    margin: 2px;
    /* box-sizing: unset; */
    /* border-radius: 5px; */
    font-size: 13px;
}

.user_tag_foreigner_area.active,
.user_tag_Japanese_area.active {
    /* background-color: rgb(200 200 200); */
    font-weight: bold;
    color: #fff;
    background: rgb(208, 208, 208);
    border-bottom: 4px solid #A51B20;
    /* border: 1px solid; */
}

.user_tag_foreigner_area:hover,
.user_tag_Japanese_area:hover {
    background: rgb(208, 208, 208);
}

.user_tag_foreigner_area.active a,
.user_tag_Japanese_area.active a {
    /* color: #fff; */
}

.contents .user_tag_foreigner,
.contents .user_tag_Japanese {
    color: #333;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    padding: 5px 0;
}

/* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */

.search_review_write {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    /* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */
    margin-top: 10px;
    /* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */
}

.search_review_pen {
    display: flex;
    justify-content: center;
    align-items: center;

    .search_review_pen_button {
        padding: 10px 8px;
        font-size: 12px;
        width: 80%;
        text-align: center;
        font-weight: bold;
        color: #DF5656;
        border-radius: 32px;
        border: 2px solid #DF5656;
        display: inline-block;
        vertical-align: middle;

        img {
            position: relative;
            top: 2px;
            left: -4px;
        }
    }
}

.review_write_select_box {
    height: 28px;
    width: 200px;
    padding-left: 3px;
}

/* 口コミピックアップ機能の追加 @SC 2024/01/15 */
.review-pickup-text {
    position: absolute;
    left: -16px;
    top: -16px;
    background: #df5656;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    line-height: 1;
    border-radius: 3px;
    margin: 18px;
}

@media screen and (max-width:767px) {
    .review-pickup-text {
        margin: 18px;
    }

    .user_tag_foreigner_area,
    .user_tag_Japanese_area {
        font-size: 11px;
        white-space: nowrap;
    }
}

.pickup-box {
    width: 100%;
    height: 30px;
}

/* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */
.review-girl-profire-info.girl-text-hide.highlight-background {
    margin-bottom: 0;
}

/* ヘブン口コミ掲載の口コミを表示 @SC 2025/04/22 */

.highlight-background {
    background: #fefae6;
}

/* 口コミピックアップ機能の追加 @SC 2024/01/15 */

/* ↓ 長い女の子名省略 @SC 2025/12/09 */
.review-girl-profire-info span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ↑ 長い女の子名省略 @SC 2025/12/09 */

/* いいねボタン */
.like-button {
    border: unset;
    background-color: unset;
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 5px;
    cursor: pointer;
}

.like-button .fa-thumbs-up {
    font-size: 20px;
}

.like-button .like-icon-border {
    color: #000;
}

.like-button .like-icon-fill {
    color: #ffb300;
}

.like-count {
    color: #000;
}