@charset "utf-8";

/*================================================================================
FileName: layout.css
================================================================================*/

/*============================================================
商品レビュー 2021/04
============================================================*/
#reviewLeft{
}
.reviewLeftPhoto{
	line-height: 0;
}
.reviewLeftNameWrap{
	padding: 10px 0 10px 0;
	color: #666;
	font-weight: bold;
	margin: 0 auto;
}
.reviewLeftNameWrap .itemBrandLogo{
	text-align: center;
}
/* =============================================
	レビュー共通
============================================= */
/* 星 */
.zv-form svg.zv-form-star-svg-on, .zv-star-svg, rect.zv-star-svg-main {
	fill: #ffcc00;
}

.zv-star-svg-grey {
	fill: #bdc3c7;
}

#ZVSummary .zv-hist-bar, #ZVList .zv-hist-bar {
	background: #ffcc00;
}

/* ページャー */
#ZVListUser .zv-page-btn, #ZVList .zv-page-btn {
	border-radius: unset;
}

#ZVListUser .zv-page-btn:hover {
	cursor: pointer;
	color: #666666;
	background: #ffffff;
	border: 1px solid #666666;
}

#ZVListUser .zv-page-btn[disabled] ,#ZVList .zv-page-btn[disabled] {
	pointer-events: none;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
	border: 1px solid #dddddd;
}

#ZVListUser .zv-page-btn[disabled]:hover {
	background-color: #fff;
	border: none;
}

#ZVListUser .zv-number, #ZVList .zv-number {
	color: #ffffff;
	background: #666666;
	font-weight: bold;
}

#ZVListUser .zv-number[disabled] ,#ZVList .zv-number[disabled] {
	background: #ffffff;
	color: #666666;
	font-weight: bold;
	opacity: 1;
}

.zv-pagination {
	margin: 0 auto;
}

/* =============================================
	レビュー投稿
============================================= */
/* leftエリア */
#reviewLeft {
	padding: 0 20px 20px 20px;
}

.reviewLeftNameWrap {
	font-size: 14px;
	font-weight: normal;
}

/* フォーム */
.zv-form {
	padding: 10px 10px 20px 10px;
	background: #F3F3F3;
}

/* 必須マーク*/
.zv-form span.zv-notes-required {
	background-color: #FF0000;
	color: #fff;
	font-size: 13px;
	min-width: 10px;
	padding: 3px 5px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/* 個別の必須マーク*/
.zv-fit .zv-control-label:after, .zv-height .zv-control-label:after, .zv-weight .zv-control-label:after, .zv-shoe_size .zv-control-label:after {
	content: "必須";
	background-color: #FF0000;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	padding: 3px 5px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/* ラジオボタン */
.zv-form .zv-radio-parts {
	line-height: 2;
	font-size: 14px;
}

.zv-form .zv-radio-input:checked + .zv-radio-parts::after {
	background: #0191cf;
}

.zv-form .zv-radio-input:checked + .zv-radio-parts, .zv-form .zv-checkbox-input:checked + .zv-checkbox-parts {
	color: unset;
}

/* ニックネーム*/
.zv-nickname .zv-notes {
	display: none;
}

/* レビュー本文 */
.zv-textarea {
	height: 135px;
	resize: none;
}

.zv-textarea:focus, .zv-input-number:focus, .zv-textbox:focus {
	outline: none;
	box-shadow: 0 0 7px rgba(0,146,213,.5);
	border: 1px solid rgba(0,146,213,1);
}

/* サムネ */
.zv-form .zv-thumb-container {
	width: 190px;
	height: auto;
}

.zv-form img.zv-thumb {
	width: 190px;
	height: auto;
}

/* 確認ボタン */
.zv-form-group.zv-submit-wrap {
	text-align: center;
}

.zv-confirm-modal-button {
	content: "する";
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	background-color: #0191cf;
	border: 0;
	min-width: 250px;
	height: 40px;
	border-radius: 4px;
	text-align: center;
	margin: 0 5px;
	font-size: 14px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.zv-confirm-modal-button:after {
	content: "する";
}

.zv-confirm-modal-button:hover, #zv-modal-submit-button-0:hover, #ZVList .zv-helpful-form > div.zv-helpful-yes:hover {
	background-color: #007bb0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

/* エラーメッセージ */
.zv-error-message, .zv-button-error-message {
	font-size: 14px;
}

/* 確認モーダル */
.zv-confirm-modal-lightbox-header, .zv-response-modal-header {
	text-align: center;
	font-size: 18px;
	background: #f2f2f2;
}

.zv-confirm-modal-lightbox {
	top: 12%;
	left: 15%;
	height: 85%;
	width: 70%;
}

@media screen and (max-width: 767px) {
	.zv-confirm-modal-lightbox {
		top: 12%;
		left: 5%;
		height: 85%;
		width: 90%;
	}
}

/* 確認モーダルの中身 */
.zv-confirm-modal-question {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.zv-confirm-modal-answer {
	font-size: 14px;
	margin: 0 0 0 25px;
	word-break: break-all;
}

.zv-confirm-modal-lightbox-body {
	height: 82%;
	margin: 0 0 10px 0;
}

/* サムネ */
.zv-modal-thumb {
	width: 160px;
	height: auto;
	margin-right: 10px;
}

#zv-file-container-f0-q10 .zv-file-img-label:nth-of-type(n+2) {
	display: none;
}

/* 投稿ボタン */
#zv-modal-submit-button-0::after {
	content: "する";
}

.zv-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	min-width: 250px;
	height: 40px;
	border-radius: 4px;
	text-align: center;
	margin: 0 5px;
	font-size: 14px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.zv-btn {
		min-width: 150px;
	}
}

@media screen and (max-width: 360px) {
    .zv-btn {
        min-width: 125px;
    }
}

#zv-modal-submit-button-0 {
	color: #fff;
	background-color: #0191cf;
	border: none;
}

/* 完了モーダル */
.zv-response-modal-lightbox {
	top: 30%;
	left: 30%;
	width: 40%;
	height: 40%;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.zv-response-modal-lightbox {
		top: 25%;
		left: 5%;
		width: 90%;
		height: 40%;
		padding: 0;
	}
}

.zv-response-modal-header {
	height: 35px;
}

.zv-response-modal-body {
	font-size: 14px;
	line-height: 1.7;
}

/* =============================================
	商品詳細レビューエリア
============================================= */
/* カスタマーレビュー */
#ZVList p.zv-heading {
	display: none;
}

#ZVList .question-sentence {
	font-weight: bold;
}

#ZVList .zv-summary-cell label {
	font-size: 16px;
}

/* フィルター */
.zv-review-sort > span {
	padding-right: 5px;
}

#zv-review-filter {
	display: block;
}
/* フィルター */
#zv-top-reviews-wrap .zv-select-wrap {
	width: 145px;
}

#zv-review-filter label {
	display: none;
}

#zv-review-filter p {
	display: inline;
	padding: 0 10px 0 0;
	vertical-align: top;
}

#zv-top-reviews-wrap .zv-select-filters.zv-num-filters:nth-of-type(1), #zv-top-reviews-wrap .zv-select-wrap:nth-of-type(7) {
	margin: 0 10px 0 70px;
}
#zv-top-reviews-wrap .zv-select-wrap:nth-of-type(5) {
	margin: 0 10px 0 18px;
}

#zv-top-reviews-wrap .zv-select-wrap:nth-of-type(6) {
	width: 180px;
}

.zv-select-filters.zv-num-filters {
	top: -8px;
	padding: 4px 5px 4px 8px;
	margin: 0 0 0 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #bdc3c7;
	border-radius: 3px;
	background: #ffffff;
	margin-right: 10px;
	width: 114px;
	display: inline-block;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 1px 2px rgba(0, 0, 0, 0.2);
}

#zv-top-reviews-wrap > hr {
	display: none;
}

#ZVList .zv-basic-info {
	margin: 0 0 5px 0;
}

/* アバター */
#ZVList .zv-img-reviewerattribute {
	width: 50px;
	height: 50px;
	border: 1px solid #dad0e1;
	border-radius: 50%;
}

#ZVList .zv-top-customer-review {
	line-height: 1.6;
	margin: 0 15px 15px 15px;
	border-top: 1px solid #e0dddd;
	padding: 15px 0 0 0;
}

#ZVList .zv-comment > p, #ZVList .zv-helpful-form > p {
	font-size: 14px;
}

/* 見出し */
#ZVList .zv-answer>label {
	display: none;
}

/* サイズ感と靴*/
#ZVList .zv-fit>label, #ZVList .zv-shoe_size>label {
	display: unset;
}

#ZVList .zv-item-info, #ZVList .zv-answer.zv-satisfaction {
	margin: 0px;
}

#ZVList .zv-comment {
	word-break: break-all;
	margin: 20px 0;
}

/* 身長cm */
#ZVList .zv-height:after {
	margin-left: -5px;
	content: "cm";
}

/* 横並び */
#ZVList .zv-gender, #ZVList .zv-age, #ZVList .zv-height, #ZVList .zv-weight {
	display: inline-block;
	margin: 0;
}

#ZVList .zv-age:before, #ZVList .zv-height:before, #ZVList .zv-weight:before {
	content: "｜";
	color: #bdc3c7;
}

/* 要素が空の場合消す */
#ZVList .zv-fit:empty, #ZVList .zv-gender:empty, #ZVList .zv-age:empty, #ZVList .zv-height:empty, #ZVList .zv-weight:empty {
	display: none;
}

/* FB */
#ZVList .zv-helpful-form {
	display: block;
	margin: 15px 0 0 0;
	display: none;
}

#ZVList .zv-helpful-form > p {
	font-weight: bold;
}

/* サムネ */
#ZVList .zv-img {
	margin: 10px 0 0 0;
	width: 90px;
	object-fit: cover;
	border-radius: 50%;
}

/* 参考になった */
#ZVList .zv-helpful-form > div.zv-helpful-yes {
	color: #fff;
	background-color: #0191cf;
	border: none;
}

#ZVList .zv-helpful-form > div.zv-helpful-yes:hover {
	border: none;
}

/* 参考にならなかった、違反報告 */
#ZVList .zv-helpful-form>div.zv-helpful-no, #ZVList .zv-helpful-form>span.zv-separator, #ZVList .zv-helpful-form>div.zv-popupModal1 {
	display: none;
}

#detailMain2 {
	z-index: auto;
}

#zv-lightbox-info img.zv-img {
	display: none;
}

/* =============================================
	レビュー投稿履歴
============================================= */
/* アイコン*/
#ZVListUser .zv-user-left {
	display: none;
}

#ZVListUser .zv-user-name {
	display: none;
}

#ZVListUser p {
	margin: 90px 0 0 0;
}

#ZVListUser > hr {
	display: none;
}

#ZVListUser .zv-item {
	margin: 0 0 20px 0;
}

#ZVListUser .zv-user-summary {
	text-align: center;
	margin: 25px 0 0 0;
}

#ZVListUser p.zv-heading {
	margin-top: -100px;
	margin-bottom: 50px;
	text-align: center;
}

/* 見出し */
#ZVListUser .zv-answer>label {
	display: none;
}

/* サイズ感と靴*/
#ZVListUser .zv-fit>label, #ZVList .zv-shoe_size>label {
	display: unset;
}

/* 身長cm */
#ZVListUser .zv-height:after {
	margin-left: -5px;
	content: "cm";
}

/* 横並び */
#ZVListUser .zv-gender, #ZVListUser .zv-age, #ZVListUser .zv-height, #ZVListUser .zv-weight {
	display: inline-block;
	margin: 0;
}

#ZVListUser .zv-age:before, #ZVListUser .zv-height:before, #ZVListUser .zv-weight:before {
	content: "｜";
	color: #bdc3c7;
}

/* 要素が空の場合消す */
#ZVListUser .zv-fit:empty, #ZVListUser .zv-gender:empty, #ZVListUser .zv-age:empty, #ZVListUser .zv-height:empty, #ZVListUser .zv-weight:empty {
	display: none;
}

#ZVListUser .zv-top-customer-review {
	line-height: 1.6;
	margin: 0 15px 20px 15px;
	border-top: 1px solid #e0dddd;
	padding: 15px 0 0 0;
}

#ZVListUser .zv-comment {
	margin: 20px 0 20px 0;
	word-break: break-all;
}

#ZVListUser .zv-answer > p {
	text-align: left;
}

/* モーダル */
#zv-lightbox-header {
	padding: 15px 10px 0 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

#zv-lightbox-body {
	height: 92%;
}

#zv-lightbox {
	top: 10%;
	height: 85%;
}

#zv-lightbox-info {
	overflow-y: auto;
}

/* モーダル閉じるボタン */
#zv-lightbox-header .zv-close-icon {
	color: #555;
	left: 6px;
	position: absolute;
}

#zv-lightbox-header .zv-close-icon:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 2px;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#zv-lightbox-header .zv-close-icon:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 2px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}