@charset "utf-8";

/* =======================================
page-review
======================================= */
.page-review {
	--ff-mincho: "Shippori Mincho", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif;
	padding-top: 60px;
}
@media screen and (max-width: 768px) {
	.page-review {
		padding-top: calc(30 / 375 * 100vw);
		margin-bottom: 52px;
	}
}


/* =======================================
page-review-firstview
======================================= */
.page-review-firstview {
}
.page-review-firstview__inner {
  max-width: 1200px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.page-review-firstview {
		padding-inline: calc(16 / 375 * 100vw);
	}
}


/* =======================================
page-review-ttl
======================================= */
.page-review-ttl {
  text-align: center;
	margin-bottom: 36px;
}
.page-review-ttl__main {
	font-size: 36px;
	margin-bottom: 3px;
}
.page-review-ttl__sub {
	color: #808000;
	font-size: 16px;
	letter-spacing: .16em;
}
.page-review-ttl__image {
	text-align: center;
}
@media screen and (max-width: 768px) {
	.page-review-ttl {
		margin-bottom: calc(50 / 375 * 100vw);
	}
	.page-review-ttl__main {
		font-size: calc(25 / 375 * 100vw);
		margin-bottom: 0;
	}
	.page-review-ttl__sub {
		font-size: calc(10 / 375 * 100vw);
		margin-bottom: 10px;
	}
	.page-review-ttl__image {
	}
}


/* =======================================
page-review-hdg
======================================= */
.page-review-hdg {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.5;
  text-align: center;
  padding-bottom: 20px;
	margin: 0 0 50px;
}
.page-review-hdg::after {
  content: '';
  background-color: #EBE6C9;
  height: 6px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
}
@media screen and (max-width: 768px) {
	.page-review-hdg {
		font-size: calc(20 / 375 * 100vw);
		letter-spacing: .02em;
		line-height: calc(38 / 20);
		padding-bottom: calc(8 / 375 * 100vw);
		margin: 0 0 calc(10 / 375 * 100vw);
	}
	.page-review-hdg::after {
		height: calc(6 / 375 * 100vw);
		width: calc(26 / 375 * 100vw);
	}
}


/* =======================================
page-review-tabs
======================================= */
.page-review-tabs {
  color: #111;
}
.page-review-tabs__header {
  border-bottom: 1px solid #DEDEDE;
}
.page-review-tabs__nav {
	display: flex;
  justify-content: center;
  position: relative;
  top: 1px;
}
.page-review-tabs__tab {
	all: unset;
  outline: revert;
	background-color: #F8F7F0;
  border: 1px solid #DEDEDE;
	border-radius: 15px 15px 0 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	line-height: calc(24 / 18);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-block: 16px 12px;
	padding-inline: 16px;
	min-width: 300px;
  opacity: 1!important;
}
.page-review-tabs__tab.is-active {
	background-color: #D6DBB3;
  border-bottom: none;
}
.page-review-tabs__panel {
	background-color: #D6DBB3;
	padding-block: 50px;
}
.page-review-tabs__panel:not(.is-show) {
	display: none;
}
.page-review-tabs__panel-inner {
  max-width: 1200px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.page-review-tabs__header {
		border-bottom-width: 2px;
		padding-inline: calc(16 / 375 * 100vw);
	}
	.page-review-tabs__nav {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		top: 2px;
	}
	.page-review-tabs__tab {
		border-width: 2px;
		font-size: calc(15 / 375 * 100vw);
		line-height: calc(22 / 15);
		padding-block: calc(7 / 375 * 100vw);
		padding-inline: calc(10 / 375 * 100vw);
		min-width: auto;
	}
	.page-review-tabs__panel {
		padding-block: calc(25 / 375 * 100vw);
		padding-inline: calc(16 / 375 * 100vw);
	}
}


/* =======================================
Revicoレビュー レイアウト調整
======================================= */
.page-review .revico-common-background-style {
	background-color: transparent;
}
.page-review .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-filter {
	width: 150px;
}
.page-review .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper .revico-comment-sort {
	width: 200px;
}
.page-review .revico-multicomment-top .revico-common-button-style {
	background-color: #362610;
	background-image: none!important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px!important;
	font-weight: 500!important;
	padding-block: 11px 8px!important;
}
.page-review .revico-multicomment-top .revico-comment-header .revico-common-button-style {
	position: relative;
}
.page-review .revico-multicomment-top .revico-comment-header .revico-common-button-style::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: translate3d(0, -50%, 0) rotate(135deg);
	margin-top: -1px;
}
.page-review .revico-multicomment-top .revico-comment-footer--more .revico-common-button-style {
	border-radius: 9999px;
	padding-block: 12px 10px!important;
	position: relative;
	width: 320px;
}
.page-review .revico-multicomment-top .revico-comment-footer--more .revico-common-button-style::before,
.page-review .revico-multicomment-top .revico-comment-footer--more .revico-common-button-style::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 1px;
	background-color: currentColor;
	rotate: 0deg;
}
.page-review .revico-multicomment-top .revico-comment-footer--more .revico-common-button-style::before {
}
.page-review .revico-multicomment-top .revico-comment-footer--more .revico-common-button-style::after {
	rotate: 90deg;
}
.page-review .revico-multicomment-top .revico-common-button-style > span {
	left: 0!important;
}
.page-review .revico-multicomment-top .revico-common-filter-icon-style {
	background-image: none;
}
.page-review .revico-multicomment-top .revico-common-filter-icon-style > span {
	margin-left: 0!important;
	left: 0!important;
}
.page-review .revico-multicomment-top .revico-common-sort-icon-style {
	background-image: none;
}
.page-review .revico-multicomment-top .revico-common-sort-icon-style > span {
	margin-left: 0!important;
	left: 0!important;
}
.page-review .revico-multicomment-top .revico-comment-footer {
	padding-bottom: 0;
}
.page-review .revico-multicomment-top .revico-comment-footer--paging-buttons {
	display: none!important;
}
/* レビューが0件の場合 */
.page-review .revico-multicomment-top:has(.revico-review-comment-row-no-review) .revico-logo {
	display: none;
}
.page-review .revico-multicomment-top:has(.revico-review-comment-row-no-review) .revico-review-comment-row-no-review {
	padding-top: 40px;
}
.page-review .revico-multicomment-top:has(.revico-review-comment-row-no-review) .revico-comment-footer {
	display: none;
}
@media screen and (min-width: 768px) {
	.page-review .revico-multicomment-top .revico-multicomment-inner {
		max-width: 1200px;
	}
	.page-review .revico-multicomment-top .revico-comment-main {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		max-width: 100%;
	}
	.page-review .revico-multicomment-top .revico-logo {
		width: calc((100% - 20px) / 2);
		background-size: 60px;
		background-position: bottom right;
		padding: 0!important;
		margin: 0!important;
		top: 0;
	}
	.revico-multicomment-top .revico-logo:before {
		margin-right: 0!important;
		position: absolute;
		right: 66px;
		bottom: 0;
	}
	.page-review .revico-multicomment-top .revico-comment-header {
		order: -1;
		width: calc((100% - 20px) / 2);
	}
	.page-review .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper {
		padding: 0;
	}
	.page-review .revico-multicomment-top .revico-review-comment-row-wrapper {
		border-radius: 8px;
		width: calc((100% - 20px) / 2);
		margin: 0;
	}
	.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row {
		width: 100%;
	}
	.page-review .revico-multicomment-top .revico-comment-footer {
		width: 100%;
	}
	/* レビューが0件の場合 */
	.page-review .revico-multicomment-top:has(.revico-review-comment-row-no-review) .revico-review-comment-row-wrapper {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.page-review .revico-multicomment-top .revico-logo {
		margin: 0!important;
		top: 0;
	}
	.page-review .revico-multicomment-top .revico-comment-header .revico-comment-header-wrapper {
    padding: 20px 0;
	}
	.page-review .revico-multicomment-top .revico-comment-filter {
		font-size: 16px!important;
    width: calc(144 / 375 * 100vw)!important;
    margin-right: calc(8 / 375 * 100vw)!important;
	}
	.page-review .revico-multicomment-top .revico-comment-sort {
		font-size: 16px!important;
    width: calc(191 / 375 * 100vw)!important;
	}
	.page-review .revico-multicomment-top .revico-comment-main {
		max-width: 100%!important;
	}
}


/* =======================================
Revicoレビュー 中身調整
======================================= */
.page-review .revico-multicomment-top .revico-review-comment-detail {
	color: #444444;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--product-name {
	border-color: #D9D9D9!important;
	font-family: var(--ff-mincho);
	font-weight: normal!important;
	letter-spacing: .05em;
	display: grid!important;
	grid-template-columns: 60px minmax(0, 1fr) auto;
	column-gap: 20px;
}
.revico-review-comment-detail--product-name-image img {
	margin-right: 0!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--product-name-text {
	font-size: 20px;
	font-weight: 500!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--star {
	margin-bottom: 12px;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--star-rate {
	transform: scale(1)!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--title {
	font-family: var(--ff-mincho);
}
.page-review .revico-multicomment-top .revico-review-comment-detail--title-review-title {
	font-size: 20px!important;
	font-weight: 400!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--addition-evaluationanswer {
	color: #444444!important;
	font-family: var(--ff-mincho);
	font-size: 16px!important;
	font-weight: 500!important;
}
.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-variation {
	color: #909090;
	font-family: var(--ff-mincho);
	font-size: 16px!important;
	font-weight: 500;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--addition-reviewer-profile--name {
	font-family: var(--ff-mincho);
	font-size: 16px!important;
	font-weight: 500!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--addition-reviewer-profile--attribute {
	color: #444444!important;
	font-family: var(--ff-mincho);
	font-size: 14px!important;
	font-weight: 500!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--staff-recommend--box > li {
	margin: 0!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--comment--content {
	color: #222222;
	font-family: var(--ff-mincho);
	font-size: 16px;
	font-weight: 500!important;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--reply-comment {
	font-family: var(--ff-mincho);
}
.page-review .revico-multicomment-top .revico-review-comment-detail--reply-comment--title {
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--reply-comment--date {
	font-size: 12px!important;
	font-weight: 500;
}
.page-review .revico-multicomment-top .revico-review-comment-detail--action {
	margin-top: 2em!important;
}
.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns {
	display: none;
}
.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-helpful {
	color: #709AA6;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 7px 23px !important;
}
.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-helpful-click-count {
	background: url("/img/usr/common/icon_review_good.png") no-repeat left top 4px /18px auto;
	color: inherit;
	font-weight: inherit;
}
.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-like {
	color: #DB7899;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 7px 23px !important;
	margin-left: 5px;
}
.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-like-click-count {
	background: url("/img/usr/common/icon_review_like.png") no-repeat left top 8px /16px auto;
	color: inherit;
	font-weight: inherit;
}
@media screen and (min-width: 768px) {
	.page-review .revico-multicomment-top .revico-review-comment-detail--product-name-date {
		color: #444;
		font-size: 16px;
		font-weight: 500;
		margin-bottom: auto;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--star-date {
		display: none;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition {
		flex-wrap: wrap;
		row-gap: 10px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition > div {
		width: 100%!important;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition > div > * {
		margin: 0!important;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition > div:first-child {
		display: flex;
		flex-direction: column;
		row-gap: 10px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition-variation {
		order: 1;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition-reviewer {
		order: 2;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition-evaluationanswer {
		order: 3;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--staff-recommend--box {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}
}
@media screen and (max-width: 768px) {
	.page-review .revico-multicomment-top .revico-review-comment-detail--product-name-text {
		font-size: 18px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--product-name-date {
		display: none;
	}
	.page-review .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-date {
		font-family: var(--ff-mincho);
    font-size: 16px;
		font-weight: 500;
    color: #444;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--title-review-title {
		font-size: 18px!important;
	}
	.page-review .revico-multicomment-top .revico-review-comment-head--reviewer-evaluationanswer-title {
		font-size: 14px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--addition-reviewer-profile--name {
		font-size: 12px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--reply-comment--title {
		font-size: 16px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--comment--content {
		font-size: 16px;
	}
	.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-helpful {
		font-size: 14px!important;
	}
	.page-review .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-like {
		font-size: 14px!important;
		margin-left: 0!important;
	}
	.page-review .revico-multicomment-top .revico-review-comment-detail--reply-comment--content {
		font-size: 14px;
	}
}


/* =======================================
Revicoレビュー モーダル調整
======================================= */
@media screen and (min-width: 768px) {
	body .revico-modal__inner {
		margin-top: 230px!important;
	}
	body.is-header-fixed .revico-modal__inner {
		margin-top: 120px!important;
	}
}
@media screen and (max-width: 768px) {
	body .revico-modal__inner {
		margin-top: 150px!important;
	}
}