@CHARSET "UTF-8";

.pagingSetting {
	text-align: right;
	margin: 16px auto;
}

body#GoodsReviewList .goodsNameInResults {
	display: block;
	margin-right: 20px;
}

/** 2020.07．03　逆転的だけど指定してしまう */
#GoodsReviewList .twoColumns form {
	order: 3;
	width: 100%;
}

#GoodsReviewList .sideContents {
	display: none;
}

body#GoodsReviewList .goodsNameInResults:hover {
	text-decoration: underline;
}

#twoColumnLayout {
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
}

#reviewSummaryIncludeLayout {
	min-width: 280px;
}

#reviewContentsLayout {
    flex-grow: 1;
}

/** カテゴリレビュー **/
ul.pagination {
    float: right;
}

.resultsPagingResultsShow {
    display: none;
}

#goodsListArea #results .resultsRow img {
	vertical-align: bottom;
	height: auto;
	min-height: 80px;
	min-width: 80px;
	border: 1px solid #ccc;
}

#goodsListArea #results td {
	border: 0;
}

#goodsListArea #results .resultsGoodsImgInResultsCol {
	width: 10%;
}

#goodsListArea #results .resultsRow {
	padding-top: 30px;
	padding-bottom: 20px;
	border-top: 1px dashed #b0b0b0;
}

#goodsListArea #results .resultsRow .evaluationPoints {
	font-weight: bold;
	font-size: 1.3em
}

.reviewData {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.middleName {
	flex-grow: 1;
	flex-basis: 70%;
}
.addDate {
  color: #7c858e;
}
.addDate,
.businessForm,
.areaName,
.ageGroup,
.middleName {
	margin-right: 20px;
	font-size: 0.9em;
    font-weight: bold;
}
.evaluationPoints{
	margin-right: 20px;
    font-size: 1.2em;
    font-weight: bold;
}
.evaluation,
.aveEvaluation {
	color: rgb(124, 133, 142);
  font-size: 0.8em;
      color: #ff7800;
}
.reviewTitle {
    font-weight: bold;
}

/**商品レビュー**/
#goodsDetailArea {
	display: flex; //
	border-bottom: 1px dashed #b0b0b0;
	padding: 15px 0px 15px 0px;
}

#goodsDetailArea #topGoodsImgItemWrap {
	width: 10%;
	margin-right: 8px;
}

#goodsDetailArea .topGoodsImgItemWrap img {
	border: 1px solid #ccc;
}

#goodsDetailArea #topGoodsNameItemWrap {
	font-size: 1.5em;
}

#goodsDetailArea  #topGoodsNameItemWrap .items a:hover {
	text-decoration: underline;
}

#goodsDetailArea  #categoryReviewLinkItemWrap {
	margin-left: 10px;
}

#goodsDetailArea #topGoodsGroup {
	margin-top: auto;
	margin-bottom: auto;
}

@media screen and (max-width: 641px) {
	#goodsDetailArea #topGoodsImgItemWrap {
		width: 50%;
	}
	#goodsDetailArea #topGoodsNameItemWrap {
		font-size: 1.1em;
	}
}

#goodsListArea #results .referenceCount {
	color: #f00;
	font-size: 1.4em;
}

#results .referenceButton {
	margin-left: 0;
	max-width: 110px;
	padding-left: 10px;
	padding-right: 10px;
}

#goodsListOrderArea {
	position: absolute;
	padding: 10px 0;
}

#reviewOrderItemWrap {
	margin-bottom: 8px;
}

#reviewOrderItemWrap>.items {
	display: flex;
	align-items: center;
	gap: 16px;
}

#reviewOrder {
	width: 180px;
	border-radius: 4px;
	padding: 6px 8px;
}

/** 口コミを書くリンク **/
a#reviewWriteLink_link {
	width: 130px;
	display: block;
	text-align: center;
	font-size: 0.9em;
	background-color: #e0e4db;
	border-radius: 5px;
	padding: 5px 8px;
}

a#reviewWriteLink_link::before {
	content: "";
	background-image:
		url("../shop/sevenbeauty/images/common/reviewpen_icon.png");
	background-size: contain;
	width: 24px;
	height: 21px;
	display: inline-block;
	vertical-align: sub;
	background-repeat: no-repeat;
	padding-right: 2px;
}

@media screen and (max-width: 641px) {
	#twoColumnLayout {
	    display: flex;
	    flex-direction: column;
	    gap: 20px;
	}

	#reviewContentsLayout {
	    width: 100%;
	}
	#goodsListOrderArea {
	    position: initial;
	    padding-bottom: 0;
	}
	.PAGING_DETAILS_ROW td {
	    padding: 0;
	}
	.businessForm::before {
	    display: block;
	    content: "";
	}
	#results .referenceButton {
	    display: inline-block;
	    margin-left: 20px;
	}
}