@charset "UTF-8";
html {
	container-type: inline-size;
}

#review {
    font-size: 13px;
}
.section_inner {
    width: 1300px;
    margin-inline: auto;
}
.section_title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
}


#nav {
    background: #EBF7FF;
    padding-block: 60px;
}
.nav_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
}
.nav_item {
    width: 263px;
}
.nav_item a {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff;
		width: 100%;
		height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 4px #1960B133;
    padding-block: 20px 32px;
		position: relative;
}
.nav_item a::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 7px;
    background: #1960B1;
    clip-path: polygon(0 20%, 10% 0, 50% 60%, 90% 0, 100% 20%, 50% 100%);
    margin-top: 16px;
}
.nav_icon {
    width: 64px;
    margin-bottom: 4px;
}
.nav_name {
    color: #1960B1;
    font-size: 19px;
    font-weight: 700;
}

#recommend {
    background: #1960B1;
    padding-block: 80px 100px;
}
#recommend .section_title {
    color: #fff;
}
.recommend_content {
    width: min(100%, 1250px);
    margin-inline: auto;
    position: relative;
}
.review_slide_item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    height: auto;
}
.review_slide_item_img {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 10px;
}
.review_slide_item_infowrap {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
}
.review_slide_item_brand {
    color: #BF84BF;
    font-size: 12px;
}
span.goods_rate_score {
    display: none;
}
.review_slide_item_name {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.review_slide_item_price {
    color: #333333;
    font-size: 18px;
    margin-bottom: 10px;
}
.review_slide_item_price::after {
    content: "円（税込）";
    font-size: 14px;
    margin-left: .5em;
}
.review_slide_item_comment {
    display: flex;
    flex-flow: column wrap;
    gap: 20px;
    padding-top: 10px;
    color: #333;
}
.review_slide_item_comment_item {
    background: #EBF7FF;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}
.review_slide_item_comment_item_profile {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.review_slide_item_comment_item_profile_img {
    width: 65px;
    height: 65px;
    border-radius: 300px;
    overflow: hidden;
}
.review_slide_item_comment_item_profile_textwrap {
    width: calc(100% - 75px);
}
.review_slide_item_comment_item_title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
}
.review_slide_prev, .review_slide_next {
    width: 43px;
    height: 43px;
    background: #62C9D9;
    border-radius: 300px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 5;
}
.review_slide_prev::after, .review_slide_next::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 8px;
    background: #fff;
    clip-path: shape(from 35% 5%, arc to 44% 16% of 5% 10% cw, line to 18% 80%, line to 95% 80%, arc to 95% 100% of 5% 10% cw, line to 8% 100%, arc to 4% 84% of 5% 10% cw, close);
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}
.review_slide_prev {
    left: 0;
    translate: -50% -50%;
}
.review_slide_next {
    right: 0;
    translate: 50% -50%;
		rotate: y 180deg;
}
.swiper-button-disabled {
    opacity: .3;
}
.review_slide_pagination {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}
.review_slide_pagination span.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #fff;
    opacity: 1;
    margin: 0 !important;
}
.review_slide_pagination span.swiper-pagination-bullet-active {
    background: #62C9D9;
}

#ranking {
    background: #FFFFEF;
    padding-block: 80px;
}
#ranking .section_title {
    color: #004798;
    padding-bottom: 18px;
    background: url(/img/usr/freepage/review/star.png) no-repeat center bottom / auto 16px;
}
.ranking_tab {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}
.ranking_tab_item {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100px;
    background: #fff;
    border: 2px solid #004798;
    border-radius: 300px;
    padding-block: 4px;
    color: #004798;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
		transition: .3s;;
}
.ranking_tab_item.active {
    background: #004798;
    color: #fff;
}
.ranking_content .revico-ranking-inner {
    width: 1200px;
    max-width: 1200px;
    margin-inline: auto;
}
#ranking .ranking_content li.revico-ranking-content {
    width: 220px;
    min-width: 220px;
    padding: 0;
    margin-right: 16px;
}
#ranking .ranking_content li.revico-ranking-content:nth-last-of-type(1) {
    margin-right: 0;
}
#ranking .ranking_content .revico-ranking-content--product-info {
    width: 100%;
}
#ranking .ranking_content .revico-ranking-content--product-info--product-image {
    height: 220px;
    margin-bottom: 10px;
}
#ranking .ranking_content span.revico-ranking-content--product-info--ranking-ribbon {
    background: none;
    width: auto;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 700;
    left: 10px;
    filter: drop-shadow(0 0 6px #0003);
    z-index: 5;
}
#ranking .ranking_content span.revico-ranking-content--product-info--ranking-ribbon::after {
    display: none;
}
#ranking .ranking_content .revico-ranking-content--product-info--product-name {
    font-size: 16px;
    font-weight: 700;
}
a.revico-ranking--slide-btn {
    width: 43px;
    height: 43px;
    background: #1960B1 !important;
    border-radius: 300px;
    cursor: pointer;
    position: absolute;
    opacity: 1;
    inset: initial;
    top: 50%;
    translate: 0 -50%;
    z-index: 5;
}
a.revico-ranking--slide-btn.revico-ranking--prev-btn {
    right: calc(100% + 7px);
}
a.revico-ranking--slide-btn.revico-ranking--next-btn {
    left: calc(100% + 7px);
    rotate: y 180deg;
}
.revico-ranking--slide-btn span {
    display: none;
}
.revico-ranking--slide-btn::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 8px;
    background: #fff;
    clip-path: shape(from 35% 5%, arc to 44% 16% of 5% 10% cw, line to 18% 80%, line to 95% 80%, arc to 95% 100% of 5% 10% cw, line to 8% 100%, arc to 4% 84% of 5% 10% cw, close);
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}

#all {
    padding-block: 80px;
}
.all_content .revico-multicomment-top {
    background: none;
}
#all .all_content .revico-multicomment-inner {
    max-width: 1250px;
    width: 1250px;
}
.all_content .revico-multicomment-top .revico-logo {
    width: 100%;
}
.all_content .revico-comment-header {
    width: 100%;
}
.all_content .revico-common-button-style {
    background-color: #184D8A;
}
.all_content .revico-comment-main.revico-widget {
    display: flex;
    flex-flow: row wrap;
    gap: 50px 25px;
    max-width: 100%;
    width: 100%;
}
#all .all_content .revico-review-comment-row-wrapper {
    width: calc((100% - 50px) / 3);
    margin-inline: 0;
}
#all .all_content .revico-review-comment-row {
    width: 100%;
}

#all .all_content .revico-review-comment-detail {
    padding: 0;
}
#all .all_content .revico-review-comment-detail--product-name {
    flex-flow: column;
    margin: 0 0 15px;
    padding: 0;
    border: none;
}
#all .all_content .revico-review-comment-detail--product-name-image img {
    max-width: 100%;
    max-height: initial;
    width: 400px;
    height: 400px;
    object-fit: contain;
    margin: 0 0 10px;
    border-radius: 8px;
}
#all .all_content .revico-review-comment-detail--product-name p {
    width: 100%;
    text-align: left;
    font-size: 15px;
}
#all .all_content .revico-review-comment-detail--addition {
    flex-flow: column wrap;
    background: #EBF7FF;
    border-radius: 10px;
    margin-top: 25px;
    padding: 20px;
}
.revico-review-comment-detail--addition::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    background: #ebf7ff;
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    position: absolute;
    left: 25px;
    top: -10px;
}
#all .all_content .revico-review-comment-detail--addition-reviewer {
    width: 100%;
    margin-bottom: 15px;
}

#all .all_content .revico-review-comment-detail--title {
    width: 100%;
    margin-bottom: 8px;
}
#all .all_content .revico-review-comment-detail--title-review-title {
    font-size: 15px;
    margin: 0;
}
#all .all_content .revico-review-comment-detail--comment {
    width: 100%;
    margin: 0;
}
#all .all_content .revico-review-comment-detail--comment--more {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, #ebf7ff));
}
#all .all_content .revico-review-comment-detail--comment--more span {
    background: #ebf7ff;
}

.revico-comment-filter-category {
    display: none;
}
html .revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--block-item {
    display: none;
}
.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--block-item[data-revattrid="00000000-0000-0000-0000-000000000001"], .revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--block-item[data-revattrid="00000000-0000-0000-0000-000000000002"] {
    display: block;
}

.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--block-item {
    display: none;
}


#topics {
    background: #EBEBF3;
    padding-block: 80px;
}
#topics .section_title {
    color: #004798;
}
.topics_content {
    width: 1200px;
    margin-inline: auto;
    position: relative;
}
.topics_slide_btn {
    width: 43px;
    height: 43px;
    background: #1960B1;
    border-radius: 300px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    z-index: 5;
}
.topics_slide_prev {
    right: calc(100% + 7px);
}
.topics_slide_next {
    left: calc(100% + 7px);
		rotate: y 180deg;
}
.topics_slide_btn::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 8px;
    background: #fff;
    clip-path: shape(from 35% 5%, arc to 44% 16% of 5% 10% cw, line to 18% 80%, line to 95% 80%, arc to 95% 100% of 5% 10% cw, line to 8% 100%, arc to 4% 84% of 5% 10% cw, close);
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}
.topics_slide_pagination {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.topics_slide_pagination span.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #fff;
    opacity: 1;
    margin: 0 !important;
}
.topics_slide_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1960B1;
}

/** SP **/
[data-browse-mode="S"] .section_inner {
    width: calc(100% - 30px);
}
[data-browse-mode="S"] .section_title {
    font-size: 24px;
    margin-bottom: 20px;
}
[data-browse-mode="S"] #nav {
    padding-block: 30px;
}
[data-browse-mode="S"] .nav_content {
    gap: 10px;
}
[data-browse-mode="S"] .nav_item {
    width: calc(50% - 5px);
}
[data-browse-mode="S"] .nav_item a {
    padding-block: 10px;
}
[data-browse-mode="S"] .nav_icon {
    margin-bottom: 0;
}
[data-browse-mode="S"] .nav_name {
    font-size: 15px;
}
[data-browse-mode="S"] .nav_item a::after {
    margin-top: 8px;
}

[data-browse-mode="S"] #recommend {
    padding-block: 30px 50px;
}
[data-browse-mode="S"] .review_slide {
    display: flex;
    flex-flow: column wrap;
    gap: 20px;
}
[data-browse-mode="S"] .review_slide_more {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 17px;
    width: min(100%, 300px);
    margin-inline: auto;
    margin-top: 10px;
    padding-block: 10px;
    background: #fff;
    border-radius: 300px;
    color: #004798;
    font-size: 15px;
    font-weight: 700;
}
[data-browse-mode="S"] .review_slide:not(:has(.hide)) .review_slide_more {
    display: none;
}
[data-browse-mode="S"] .review_slide_more::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 10px;
    background: #004798;
    clip-path: polygon(0 20%, 10% 0, 50% 60%, 90% 0, 100% 20%, 50% 100%);
}

[data-browse-mode="S"] #ranking {
    padding-block: 50px;
}
[data-browse-mode="S"] .ranking_content .revico-ranking-inner {
    width: 100%;
}
[data-browse-mode="S"] .ranking_content .revico-ranking .revico-ranking-list {
    justify-content: flex-start;
}
[data-browse-mode="S"] .ranking_content .star-rating-wrapper {
    transform: none !important;
}

[data-browse-mode="S"] #all {
    padding-block: 50px;
}
[data-browse-mode="S"] #all .all_content .revico-multicomment-inner {
    width: 100%;
}
[data-browse-mode="S"] .all_content .revico-comment-main.revico-widget {
    gap: 20px;
}
[data-browse-mode="S"] .all_content .revico-multicomment-top .revico-logo {
    margin: 0 !important;
}
[data-browse-mode="S"] #all .revico-comment-header .revico-comment-header-wrapper {
    padding: 0;
}
[data-browse-mode="S"] #all .all_content .revico-review-comment-row-wrapper {
    width: 100%;
}
[data-browse-mode="S"] #all .all_content .revico-review-comment-detail--product-name-image img {
    width: calc(100cqw - 30px);
    height: calc(100cqw - 30px);
}

[data-browse-mode="S"] #topics {
    padding-block: 50px;
}
[data-browse-mode="S"] .topics_content {
    width: 100%;
}
[data-browse-mode="S"] .topics_content .swiper {
    overflow: visible;
}
[data-browse-mode="S"] .topics_slide_btn {
    display: none;
}
[data-browse-mode="S"] .topics_slide_pagination {
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #E2E2E2;
}
[data-browse-mode="S"] .topics_slide_pagination .swiper-scrollbar-drag {
    background: #A0ADC0;
    border-radius: 2px;
}