@charset "utf-8";
h1 {
	background: url(/img/icon/title-star.svg) no-repeat top left / 30px 30px;
	font-size: 25px;
}
/* 総合評価
====================================================================================================*/
#itemBox a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#itemBox img {
	width: 160px;
	height: 160px;
}
#itemBox .review {
	font-size: 20px;
	color: var(--brown_d);
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
#itemBox .review_average {
	font-weight: bold;
	font-size: 30px;
}
#itemBox .review .star {
	color: var(--yellow_d);
	width: 100px;
	overflow: hidden;
}
#itemBox .review .star + span {
	display: block;
	font-size: 20px;
}
/* 分布
==============================*/
.re-meter {
	margin-top: 10px;
}
.review_meter {
	display: flex;
	align-items: center;
	gap: 10px;
}
.review_meter + .review_meter {
	margin-top: 10px;
}
.review_meter p {
	font-size: 22px;
	color: var(--brown_d);
}
.review_meter .star {
	color: var(--gray);
}
.review_meter .star_yellow {
	color: var(--yellow_d);
}
.review_meter .r-meter {
	width: 200px;
	height: 20px;
	background-color: var(--gray_l);
	border: solid 1px var(--gray);
}
.review_meter .r-meter-bar {
	height: 100%;
	background-color: var(--yellow_d);
}
/* 商品ページへ
==============================*/
#itemBox .button-blue {
	width: 170px;
	margin-top: 20px;
}
/* 各レビュー
====================================================================================================*/
#reviewBox {
	margin-top: 30px;
	position: relative;
}
#reviewBox > p {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: var(--brown_d);
	margin-right: 20px;
}
#reviewBox > p span {
	font-size: 20px;
	font-weight: bold;
}
#review_sort {
	margin-top: 5px;
}
#reviewBox > ul {
	margin-top: 20px;
}
#reviewBox > ul > li + li {
	margin-top: 20px;
	border-top: dashed 2px var(--gray);
	padding-top: 20px;
}
#reviewBox li div, [id*="popup_review"] li div {
	display: inline-block;
	margin-left: 60px;
	padding: 10px 15px;
	border-radius: 5px;
	position: relative;
}
#reviewBox li div::before, [id*="popup_review"] li div::before {
	content: "";
	display: block;
	width: 36px;
	height: 45px;
	position: absolute;
	top: 0;
	left: -60px;
}
#reviewBox li div::after, [id*="popup_review"] li div::after {
	content: "";
	border: solid 6px transparent;
	position: absolute;
	top: 6px;
	left: -15px;
	transform: rotate(90deg);
}
/* 画像付きのレビュー
==============================*/
#review_imglist {
	max-width: 100%;
	width: fit-content;
	position: relative;
	margin: 20px 0;
}
#review_imglist h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
#review_imglist > div {
	overflow-x: scroll;
	padding-bottom: 5px;
}
#review_imglist ul {
	display: flex;
	gap: 10px;
	transition: all 0.5s;
	position: relative;
	left: 0;
	width: fit-content;
}
#review_imglist li {
	border: solid 1px var(--gray);
	border-radius: 3px;
	overflow: hidden;
}
#review_imglist li img {
	display: block;
	width: 150px;
	height: 150px;
	object-fit: cover;
}
#review_imglist .left_slide, #review_imglist .right_slide {
	width: 40px;
	height: 40px;
	top: 20px;
}
#review_imglist .left_slide::after, #review_imglist .right_slide::after {
	width: 40px;
    height: 40px;
    background-size: 13px auto;
}
#review_imglist .left_slide {
	left: -15px;
}
#review_imglist .right_slide {
	right: -15px;
}
/* select
==============================*/
#contents select {
	appearance: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
}
/* ご購入者さま
==============================*/
#reviewBox .customer div, [id*="popup_review"] .customer div {
	background-color: var(--beige_l);
}
#reviewBox .customer div::before, [id*="popup_review"] .customer div::before {
	background: url(/img/top/voice_customer.png) no-repeat center / 36px 45px;
}
#reviewBox .customer div::after, [id*="popup_review"] .customer div::after {
	border-top: solid 15px var(--beige_l);
}
#reviewBox .customer div ul, [id*="popup_review"] .customer div ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
}
#reviewBox .customer span, [id*="popup_review"] .customer span {
	color: var(--yellow_d);
	margin-left: 3px;
}
/* レビュー画像 */
#reviewBox .customer div img {
	max-width: 120px;
	max-height: 120px;
	object-fit: contain;
	vertical-align: middle;
	margin-top: 10px;
}
#reviewBox .customer div img + img {
	margin-left: 5px;
}
/* スタッフより
==============================*/
#reviewBox .staff div, [id*="popup_review"] .staff div {
	background-color: var(--pink_l);
	margin-top: 10px;
}
#reviewBox .staff div::before, [id*="popup_review"] .staff div::before {
	background: url(/img/top/voice_staff.png) no-repeat center / 36px 45px;
}
#reviewBox .staff div::after, [id*="popup_review"] .staff div::after {
	border-top: solid 15px var(--pink_l);
}
#reviewBox .staff span, [id*="popup_review"] .staff span {
	display: block;
	font-weight: bold;
}
/* もっと見る
==============================*/
#reviewBox .view_moreBox {
	height: 500px;
}
#reviewBox .view_moreBtn + .text_right {
	display: none;
}
#reviewBox .open ~ .text_right {
	display: block;
}
/* この商品を見ている方におすすめの人気商品
====================================================================================================*/
#recommended_items {
	margin-top: 80px;
}
#recommended_items h2 {
	background: url(/img/icon/title-box1.svg) no-repeat top left / 30px 30px;
}
#recommended_items > div {
	overflow: auto;
}
#recommended_items .product_list2 {
	gap: 15px;
	flex-wrap: nowrap;
	padding-bottom: 5px;
}
/* ポップアップ
====================================================================================================*/
#contents .popup_window {
	height: auto;
}
/* 画像付きのレビュー
==============================*/
[id*="popup_review"] .popup_scroll > div:nth-of-type(1) {
	width: 374px;
	margin: 0 auto 10px;
}
[id*="popup_review"] .reviewimg_big {
	width: 374px;
	height: 374px;
	overflow: hidden;
	border: solid 1px var(--gray);
	margin-bottom: 10px;
	position: relative;
}
[id*="popup_review"] .reviewimg_big ul {
	position: relative;
	left: 0;
	width: fit-content;
	display: flex;
}
[id*="popup_review"] .reviewimg_big li {
	width: 374px;
	height: 374px;
	display: flex;
	justify-content: center;
	align-items: center;
}
[id*="popup_review"] .reviewimg_big img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
[id*="popup_review"] .reviewimg_big .left_slide, [id*="popup_review"] .reviewimg_big .right_slide {
	display: none;
}
[id*="popup_review"] .reviewimg_big:hover .left_slide, [id*="popup_review"] .reviewimg_big:hover .right_slide {
	display: block;
}
[id*="popup_review"] .reviewimg_small {
	display: flex;
	flex-wrap: wrap;
	gap: 5px
}
[id*="popup_review"] .reviewimg_small li {
	border: solid 3px transparent;
}
[id*="popup_review"] .reviewimg_small li.select {
	border: solid 3px var(--orange_l);
}
[id*="popup_review"] .reviewimg_small img {
	display: block;
	width: 115px;
	height: 115px;
	object-fit: cover;
}
/* レビュー画像
==============================*/
#popup_reviewimg .popup_scroll img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}