@charset "UTF-8";

/* 商品詳細コメント */
.block-goods-comment1>dt {
	display: none;
}

.block-goods-comment1 {
	margin-bottom: 50px;
	border-bottom: #ebebe5 1px solid;
}

.block-goods-comment1 p.block-goods-comment1--text {
	margin-bottom: 10px;
	margin-top: 25px;
	font-size: 18px;
}

.block-goods-comment2 {
	margin-bottom: 50px;
}

@media (max-width: 768px) {

	.block-goods-comment1,
	.block-goods-comment2 {
		/* margin: 0 10px 30px; */
	}
}

.block-goods-oteire {
	font-size: 16px;
}

.block-goods-oteire h3 {
	font-size: 16px;
}

.block-goods-oteire ul {}

.block-goods-oteire ul li {
	margin-bottom: 3px;
	font-size: 13px;
	list-style: disc;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}

.block-goods-attention-icons {
	margin-top: 10px;
	display: -webkit-flex1;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.block-goods-attention-icons li {}

.block-goods-attention-icons li img {
	height: 56px;
}

.block-goods-comment3 {
	margin-bottom: 50px;
}

.block-goods-attention h3 {
	font-size: 22px;
	text-align: center;
	padding: 12px 0;
}

.block-goods-attention h4 {
	margin-left: 1.5em;
}

.block-goods-attention p {
	font-size: 15px;
	margin-left: 1.5em;
	line-height: 2em;
	padding-bottom: 1.5em;
}

/* GOOD DESIGN画像の直後にあるulにだけ余白を追加 */
.block-goods-attention dd div:has(> img[src*="gooddesign"]) + ul {
	margin-top: 30px !important;
}

@media (max-width: 768px) {
	.block-goods-attention h4 {
		margin: 10px 0;
	}

	.block-goods-attention p {
		font-size: 14px;
		margin: 15px 0;
		line-height: 1.8em;
	}
}

/* ↓ 20260803add ↓ */
.unt-goods-features:not(:empty) ~ .block-goods-comment1 .block-goods-attention h2 {
display: none !important;
}
/* ↑ 20260803add ↑ */

/* ↓ 20260804add ↓ */
@media (max-width: 768px) {
  .page-goods .unt-goods-features:empty {
    margin-bottom: 0;
    padding-left: 0;
  }
}
/* ↑ 20260804add ↑ */

.block-goods-attention--inner {
	margin-bottom: 30px;
}

.block-goods-attention--inner p {
	margin-bottom: 20px;
}

.block-goods-attention--inner dl {
	margin-bottom: 20px;
	padding-left: 1.5em;
	font-size: 15px;
	line-height: 1.8em;
}

.block-goods-attention--inner dl dt {
	margin-bottom: 5px;
	font-weight: 500;
}

.block-goods-attention--inner dl dd {
	padding-left: 1em;
}

.block-goods-attention--inner img {
	display: block;
	margin: 0 auto 30px;
}

.block-goods-attention--inner ol {
	margin-bottom: 20px;
}

.block-goods-attention--inner ol li {
	margin-left: 1.5em;
	padding-left: 0.5em;
	list-style: decimal;
	line-height: 1.8em;
}

.block-goods-attention .rosetechny_qa {
	margin-bottom: 40px;
}

.block-goods-attention .rosetechny_qa dt {
	font-weight: 500;
	padding: 0 0 0.5rem 1.8rem;
	line-height: 1.6;
	position: relative;
}

.block-goods-attention .rosetechny_qa dt::before {
	content: "Q";
	color: #9a6f35;
	position: absolute;
	left: 0;
}

.block-goods-attention .rosetechny_qa dd {
	margin-bottom: 1rem;
	padding: 0 0 1rem 1.8rem;
	line-height: 1.8em;
	border-bottom: 1px dotted #e6e0cd;
	position: relative;
}

.block-goods-attention .rosetechny_qa dd::before {
	content: "A";
	font-weight: 500;
	position: absolute;
	left: 0;
}

.block-goods-attention .rosetechny_col2 {
	margin: auto;
	counter-reset: item 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.block-goods-attention .rosetechny_col2 .box {
	width: 48%;
	margin-bottom: 2rem;
}

.block-goods-attention .rosetechny_col2 p {
	margin-bottom: 1rem;
}

.block-goods-attention .rosetechny_col2 p:last-child {
	margin-bottom: 0;
}

.block-goods-attention .rosetechny_col2 .caution_title {
	margin-bottom: 1rem;
	padding-left: 2rem;
	border-left: none;
	border-bottom: 1px solid #e6e0cd;
	position: relative;
}

.block-goods-attention .rosetechny_col2 .caution_title::before {
	color: #9a6f35;
	counter-increment: item 1;
	content: counter(item)'.';
	position: absolute;
	left: 0;
}

.block-goods-attention .rosetechny_col2 .cauton_box_wrap {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.block-goods-attention .rosetechny_col2 .cauton_box_wrap .txt {
	width: 68%;
	margin-left: 0;
}

.block-goods-attention .rosetechny_col2 .cauton_box_wrap .ph {
	width: 30%;
	margin-left: 0;
}

.block-goods-attention .rosetechny_col2 .ph2 {
	text-align: right;
	margin-left: 0;
}

.block-goods-attention .rosetechny_caution .caution_list {
	margin: 1rem 1.5em 2rem;
	font-size: 15px;
	line-height: 1.8;
}

.block-goods-attention .rosetechny_caution .caution_list li {
	list-style: disc;
	margin-left: 1.5em;
}

.block-goods-attention .rosetechny_caution .caution_bggray {
	text-align: center;
	margin: 0 1.5em 40px;
	padding: 1rem;
	border: 1px dashed #cabe9a;
}


.block-goods-linkbtn a {
	display: block;
	width: 60%;
	text-align: center;
	margin: 15px auto 25px auto;
	padding: 14px 0;
	font-size: 16px;
	border: #333 1px solid;
	background: #fff url(/img/usr/arrow4.png) right center no-repeat;
	color: #333;
	border-radius: 30px;
}

.block-goods-linkbtn a:hover {
	background: #FBE6E7 url(/img/usr/arrow4_on.png) right center no-repeat;
	color: #c8102e !important;
	border: #c8102e 1px solid;
}

.block-goods-linkbtn2 a {
	display: block;
	width: 50%;
	text-align: center;
	margin: 80px auto 25px auto;
	padding: 14px 0;
	font-size: 16px;
	border: #333 1px solid;
	background: #fff url(/img/usr/arrow4.png) right center no-repeat;
	color: #333;
	border-radius: 30px;
}

.block-goods-linkbtn2 a:hover {
	background: #FBE6E7 url(/img/usr/arrow4_on.png) right center no-repeat;
	color: #c8102e !important;
	border: #c8102e 1px solid;
}


@media (max-width: 768px) {
	.block-goods-linkbtn a {
		display: block;
		width: 100%;
		margin: 10px auto 20px auto;
		padding: 10px 50px 10px 30px;
		font-size: 15px;
		text-align: center;
		-moz-border-radius: 40px !important;
		-webkit-border-radius: 40px !important;
		border-radius: 40px !important;
		background: #fff url(/img/usr/arrow4.png) right center no-repeat;
		border: #333 1px solid;
	}

	.block-goods-linkbtn2 a {
		display: block;
		width: 100%;
		margin: 50px auto 20px auto;
		padding: 10px 50px 10px 30px;
		font-size: 15px;
		text-align: center;
		-moz-border-radius: 40px !important;
		-webkit-border-radius: 40px !important;
		border-radius: 40px !important;
		background: #fff url(/img/usr/arrow4.png) right center no-repeat;
		border: #333 1px solid;
	}
}


.block-goods-concepttxt {
	/* font-size: 18px; */
	line-height: 2.0;
	margin: 26px auto;
	text-align: center;
}

@media (max-width: 768px) {
	.block-goods-concepttxt {
		margin: 20px auto;
		line-height: 2.0;
	}

	.block-goods-concepttxt2 {
		font-family: 'Noto Serif Japanese', serif;
		margin: 0 auto;
		line-height: 2.0;
	}
}

/* ----商品詳細コメント テキスト＆画像---- */
.block-goods-comment2 .block_goods_list {
	display: flex;
	flex-wrap: wrap;
	width: 950px;
	margin: 40px auto;
}

.block-goods-comment2 .block_goods_list li {
	width: calc((100% - 20px) / 3);
	margin-top: 50px;
}

.block-goods-comment2 .block_goods_list li:first-child,
.block-goods-comment2 .block_goods_list li:nth-child(2),
.block-goods-comment2 .block_goods_list li:nth-child(3) {
	margin-top: 0;
}

.block-goods-comment2 .block_goods_list li:nth-child(3n-1),
.block-goods-comment2 .block_goods_list li:nth-child(3n) {
	margin-left: 10px;
}

.block-goods-comment2 .block_goods_list li h4 {
	display: block;
	margin: 0;
	padding: 0;
	border-left: none;
	font-weight: 700;
	font-size: 24px;
	font-family: serif;
	text-align: left;
	text-decoration: underline;
	color: #c8102e;
	line-height: 1.5;
}

.block-goods-comment2 .block_goods_list li p {
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 16px;
	text-align: left;
	color: #999;
	line-height: 1.2;
}

.block-goods-comment2 .block_goods_list li img {
	display: block;
	width: 100%;
	height: auto;
}

/*　↓　20260728add　↓　*/
.block-goods-comment1 .block_goods_list {
	display: flex;
	flex-wrap: wrap;
	width: 950px;
	margin: 40px auto;
}

.block-goods-comment1 .block_goods_list li {
	width: calc((100% - 20px) / 3);
	margin-top: 50px;
}

.block-goods-comment1 .block_goods_list li:first-child,
.block-goods-comment1 .block_goods_list li:nth-child(2),
.block-goods-comment1 .block_goods_list li:nth-child(3) {
	margin-top: 0;
}

.block-goods-comment1 .block_goods_list li:nth-child(3n-1),
.block-goods-comment1 .block_goods_list li:nth-child(3n) {
	margin-left: 10px;
}

.block-goods-comment1 .block_goods_list li h4 {
	display: block;
	margin: 0;
	padding: 0;
	border-left: none;
	font-weight: 700;
	font-size: 24px;
	font-family: serif;
	text-align: left;
	text-decoration: underline;
	color: #c8102e;
	line-height: 1.5;
}

.block-goods-comment1 .block_goods_list li p {
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 16px;
	text-align: left;
	color: #999;
	line-height: 1.2;
}

.block-goods-comment1 .block_goods_list li img {
	display: block;
	width: 100%;
	height: auto;
}
/*　↑　20260728add　↑　*/

@media (max-width: 768px) {
	
/*　↓　20260728add　↓　*/
	.block-goods-comment1 .block_goods_list {
		display: block;
		width: 100%;
		margin: 0 auto 40px;
	}

	.block-goods-comment1 .block_goods_list li {
		display: flex;
		align-items: center;
		width: 100%;
		margin-top: 20px;
	}

	.block-goods-comment1 .block_goods_list li>div {
		order: 1;
		width: calc((100% - 10px) / 2);
		margin: 0 10px 0 0;
	}

	.block-goods-comment1 .block_goods_list li h4 {
		display: block;
		margin: 0;
		padding: 0;
		border-left: none;
		font-weight: 700;
		font-size: 18px;
		font-family: serif;
		text-align: left;
		text-decoration: underline;
		color: #c8102e;
		line-height: 1.5;
	}

	.block-goods-comment1 .block_goods_list li p {
		margin: 0;
		padding: 0;
		font-size: 12px;
		text-align: left;
		color: #999;
		line-height: 1.5;
	}

	.block-goods-comment1 .block_goods_list li img {
		display: block;
		order: 2;
		width: calc((100% - 10px) / 2);
		height: auto;
	}

	.block-goods-comment1 .block_goods_list li:nth-child(even)>div {
		order: 2;
		margin: 0 0 0 10px;
	}

	.block-goods-comment1 .block_goods_list li:nth-child(even) img {
		order: 1;
	}

	.block-goods-comment1 .block_goods_list_title {
		display: block;
		margin-bottom: 20px !important;
		padding: 0 !important;
		font-weight: 700 !important;
		font-family: serif !important;
		font-size: 20px !important;
		text-align: center !important;
		color: #999 !important;
		background: transparent !important;
		line-height: 1.2 !important;
	}

	.block-goods-comment1 .block_goods_list li:first-child,
	.block-goods-comment1 .block_goods_list li:nth-child(2),
	.block-goods-comment1 .block_goods_list li:nth-child(3) {
		margin-top: 20px;
	}

	.block-goods-comment1 .block_goods_list li:nth-child(3n-1),
	.block-goods-comment1 .block_goods_list li:nth-child(3n) {
		margin-left: 0;
	}	
	
/*　↑　20260728add　↑　*/	
	
	
	

	
	.block-goods-comment2 .block_goods_list {
		display: block;
		width: 100%;
		margin: 0 auto 40px;
	}

	.block-goods-comment2 .block_goods_list li {
		display: flex;
		align-items: center;
		width: 100%;
		margin-top: 20px;
	}

	.block-goods-comment2 .block_goods_list li>div {
		order: 1;
		width: calc((100% - 10px) / 2);
		margin: 0 10px 0 0;
	}

	.block-goods-comment2 .block_goods_list li h4 {
		display: block;
		margin: 0;
		padding: 0;
		border-left: none;
		font-weight: 700;
		font-size: 18px;
		font-family: serif;
		text-align: left;
		text-decoration: underline;
		color: #c8102e;
		line-height: 1.5;
	}

	.block-goods-comment2 .block_goods_list li p {
		margin: 0;
		padding: 0;
		font-size: 12px;
		text-align: left;
		color: #999;
		line-height: 1.5;
	}

	.block-goods-comment2 .block_goods_list li img {
		display: block;
		order: 2;
		width: calc((100% - 10px) / 2);
		height: auto;
	}

	.block-goods-comment2 .block_goods_list li:nth-child(even)>div {
		order: 2;
		margin: 0 0 0 10px;
	}

	.block-goods-comment2 .block_goods_list li:nth-child(even) img {
		order: 1;
	}

	.block-goods-comment2 .block_goods_list_title {
		display: block;
		margin-bottom: 20px !important;
		padding: 0 !important;
		font-weight: 700 !important;
		font-family: serif !important;
		font-size: 20px !important;
		text-align: center !important;
		color: #999 !important;
		background: transparent !important;
		line-height: 1.2 !important;
	}

	.block-goods-comment2 .block_goods_list li:first-child,
	.block-goods-comment2 .block_goods_list li:nth-child(2),
	.block-goods-comment2 .block_goods_list li:nth-child(3) {
		margin-top: 20px;
	}

	.block-goods-comment2 .block_goods_list li:nth-child(3n-1),
	.block-goods-comment2 .block_goods_list li:nth-child(3n) {
		margin-left: 0;
	}
}


#categoryBnr {
	width: 1020px;
	margin: 30px auto;
	overflow: hidden;
}

#categoryBnr dl {
	float: left;
	width: 480px;
	margin: 0 10px;
}

#categoryBnr dt {
	line-height: 1.8em;
	font-size: 14px;
}

#categoryBnr dt img {
	width: 480px;
}

#categoryBnr dd {
	line-height: 1.8em;
	font-size: 12px;
}

@media (max-width: 768px) {
	#categoryBnr {
		width: 90%;
		margin: 30px auto;
		overflow: hidden;
	}

	#categoryBnr dl {
		clear: both;
		width: 100%;
		margin: 0 10px;
	}

	#categoryBnr dd {
		margin: 0 0 30px;
	}
}


/* 202608 */
.comment-max1000 {
	max-width: 1000px;
	margin: 0 auto;
}

h2:has(> img:only-child) {
	background: none;
	padding: 0;
}


.block-goods-comment1 .btn-wrap {
	margin-top: 50px;
	display: flex;
}

.block-goods-comment1 .btn-more {
	color: #fff;
	display: flex;
	border: 0;
	position: relative;
	transition: .5s;
	height: 70px;
	margin: 20px auto 0;
	padding: 0 100px;
	font-size: 20px;
	border-radius: 50vh;
	background-color: #b8a361;
	align-items: center;
	justify-content: center;
}

.block-goods-comment1 .btn-more::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

@media (max-width: 768px) {
	.block-goods-comment1 .btn-more {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: calc(340 / 375 * 100vw);
		color: #fff;
		border: 0;
		position: relative;
		transition: .5s;
		height: calc(50 / 375 * 100vw);
		margin: 20px auto 0;
		font-size: calc(17 / 375 * 100vw);
		border-radius: 50vh;
		background-color: #b8a361;
	}

	.block-goods-comment1 .btn-more::before {
		content: "";
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
	}
}