@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */

label:has(input:focus-visible) {
	outline: 2px solid var(--cyan);
}

.close_column {
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 0.4rem;
	right: 0.4rem;
	border-radius: 100%;
	background: #959595 url("/reizo/assets/common/images/icon-close-w.svg") no-repeat center center / 50%;
}

.nodisplay {
	display: none !important;
}

.result-wrap {
	display: none;
}

.page-header .link-wrap {
	text-align: right;
}

.page-header .btn-has-arrow-left {
	margin-left: auto;
}

.btn-has-arrow-left::after {
	content: "";
}

.page-header {
	padding: 2rem 0 2rem;
}

.result-header,
.result-body {
	position: relative;
}

.result-header {
	border-top: solid 1px #d0d0d0;
	border-bottom: solid 1px #d0d0d0;
}

.main-title {
	font-size: 2.6rem;
	font-weight: 700;
}

.td-column {
	border-left: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
}

.prod-header-column-container {
	display: inline-block;
	vertical-align: bottom;
	background-color: #fff;
	scroll-snap-type: x mandatory;
}

.td-column .row {
	display: flex;
	min-height: 3.5rem;
}

.td-column .row.category-row {
	background: #f5f5f5;
}

.prod-header-column-container .row {
	height: 60vw;
}

.prod-header-column-container .column {
	height: inherit;
	padding: 0.6rem;
}

.prod-header-column-container .column,
.td-column .row .column {
	flex-shrink: 0;
	width: 40vw;
	text-align: center;
	background: #fff;
	position: relative;
}

.prod-header-column-container .column,
.td-column .row.category-row .column {
	background: #f5f5f5;
	border: none;
}

.prod-header-column-container .column {
	border-right: solid 1px #d0d0d0;
}

.td-column {
	overflow-x: scroll;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
}

.list-options li {
	position: relative;
}

.option-title {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.option-title2 {
	font-size: 2rem;
	margin-bottom: 2em;
	text-align: center;
}

.option-label {
	cursor: pointer;
	padding: 0.3em 0 0.3em 2em;
	background: url("/reizo/lineup/common/images/check-off.svg") no-repeat left 6px center / 18px auto;
	font-weight: 400;
}

.option-label2 {
	cursor: pointer;
	padding: 0.3em 0 0.3em 2em;
	background: url("/reizo/lineup/common/images/maru-off.svg") no-repeat left 6px center / 18px auto;
	font-weight: 400;
}

.option-label:has(:checked) {
	background-image: url("/reizo/lineup/common/images/check-on.svg");
	font-weight: 500;
}

.option-label2:has(:checked) {
	background-image: url("/reizo/lineup/common/images/maru-check-on.svg");
	font-weight: 500;
}

.list-options input[type="checkbox"],
.list-options input[type="radio"] {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.option-text {
	font-size: 1.6rem;
}

.list-options.option-type2 li {
	background: #fff;
	border: solid 2px transparent;
}

.list-options.option-type2 li:has(:checked) {
	border: solid 2px #535353;
}

.option-type2 .option-label {
	display: block;
	padding: 0.3em 0 0.3em 2em;
	background: url("/reizo/lineup/common/images/check-off2.svg") no-repeat left 6px center / 18px auto;
}

.option-type2 .option-label:has(:checked) {
	background-image: url("/reizo/lineup/common/images/check-on2.svg");
	font-weight: 500;
}

.list-options li:not(:first-child) {
	margin-top: 0.5em;
}

.btn-clear {
	margin-top: 3rem;
	text-align: center;
}

.btn-option-clear {
	border-bottom: solid 1px #000;
}

.btn-update {
	margin-top: 2rem;
	text-align: center;
}

.results-info {
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
}

.new {
	padding: 0 0.2em;
	background: #e6000d;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}

.prod-name {
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: underline;
}

.row:not(.category-row)::before {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -9vw;
	background: #f5f5f5;
	font-size: 1.4rem;
	border-left: solid 1px #d0d0d0;
	border-top: 1px solid #d1d1d1;
}

.row.ondisplay:not(.category-row)::before {
	background: #ffe69c;
}

.row[data-row-name="yokohaba"]::before {
	content: "幅（mm）";
}

.row[data-row-name="yoseki"]::before {
	content: "定格内容積（L）";
}

.row[data-row-name="year"]::before {
	content: "発売年";
}

.row[data-row-name="okuyuki"]::before {
	content: "奥行き（mm）";
}

.row[data-row-name="door"]::before {
	content: "ドア数";
}

.row[data-row-name="sunpou"]::before {
	content: "外形寸法（mm）";
}

.row[data-row-name="kabegiwaSpace"]::before {
	content: "壁ぎわ設置した場合の壁からのスペース";
}

.row[data-row-name="saisyouSpace"]::before {
	content: "最小必要設置スペース（mm）";
}

.row[data-row-name="shitsuryou"]::before {
	content: "質量（kg）";
}

.row[data-row-name="syouhiDenryoku"]::before {
	content: "定格消費電力 50/60Hz（W）";
}

.row[data-row-name="doorType"]::before {
	content: "ドアタイプ";
}

.row[data-row-name="doorSozai"]::before {
	content: "ドア素材";
}

.row[data-row-name="autoClose"]::before {
	content: "オートクローズ機構";
}

.row[data-row-name="sottoClose"]::before {
	content: "そっとクローズ機構";
}

.row[data-row-name="plasmacluster"]::before {
	content: "プラズマクラスター";
}

.row[data-row-name="syutyu"]::before {
	content: "プラズマクラスター集中シャワーモード";
}

.row[data-row-name="mimamori"]::before {
	content: "プラズマクラスター見守り運転";
}

.row[data-row-name="uruoi"]::before {
	content: "うるおいチルド";
}

.row[data-row-name="tsukurioki"]::before {
	content: "作りおきルーム";
}

.row[data-row-name="pakkin"]::before {
	content: "パッキンの汚れガード";
}

.row[data-row-name="oritatami"]::before {
	content: "折りたたみトレー";
}

.row[data-row-name="takasa"]::before {
	content: "高さ調節トレー";
}

.row[data-row-name="sokudori"]::before {
	content: "側取りポケット";
}

.row[data-row-name="dashiire"]::before {
	content: "出し入れラクラクライン";
}

.row[data-row-name="nano"]::before {
	content: "ナノ低温脱臭触媒";
}

.row[data-row-name="galasdana"]::before {
	content: "ガラス棚";
}

.row[data-row-name="tanazen"]::before {
	content: "棚全段取りはずし";
}

.row[data-row-name="led"]::before {
	content: "LED照明";
}

.row[data-row-name="koukin"]::before {
	content: "抗菌加工ハンドル";
}

.row[data-row-name="child"]::before {
	content: "チルドルーム";
}

.row[data-row-name="utility"]::before {
	content: "ユーティリティルーム";
}

.row[data-row-name="dandan"]::before {
	content: "段々スパイスポケット";
}

.row[data-row-name="stainlesspanel"]::before {
	content: "ステンレスパネル";
}

.row[data-row-name="fresh"]::before {
	content: "フレッシュ野菜ケース";
}

.row[data-row-name="free"]::before {
	content: "フリーケース";
}

.row[data-row-name="galastray"]::before {
	content: "ガラストレー";
}

.row[data-row-name="yasaicase"]::before {
	content: "野菜ケース";
}

.row[data-row-name="reitoushitsu"]::before {
	content: "大容量冷凍室";
}

.row[data-row-name="timer"]::before {
	content: "タイマー冷凍";
}

.row[data-row-name="stainlesstray"]::before {
	content: "ステンレストレー";
}

.row[data-row-name="kyurei"]::before {
	content: "作りおき急冷";
}

.row[data-row-name="shinsen"]::before {
	content: "新鮮冷凍";
}

.row[data-row-name="oisogi"]::before {
	content: "おいそぎ冷凍";
}

.row[data-row-name="kaisoku"]::before {
	content: "快速冷凍";
}

.row[data-row-name="reitousyunou"]::before {
	content: "冷凍室収納";
}

.row[data-row-name="seihyou"]::before {
	content: "自動製氷";
}

.row[data-row-name="daisyo"]::before {
	content: "大小切替氷";
}

.row[data-row-name="oisogi2"]::before {
	content: "おいそぎ製氷";
}

.row[data-row-name="seihyousara"]::before {
	content: "製氷皿清掃";
}

.row[data-row-name="ion"]::before {
	content: "Ag⁺イオン加工";
}

.row[data-row-name="tyohyou"]::before {
	content: "貯氷数";
}

.row[data-row-name="teion"]::before {
	content: "低温新鮮モード";
}

.row[data-row-name="yasaishitsu"]::before {
	content: "真ん中野菜室レイアウト";
}

.row[data-row-name="syakit"]::before {
	content: "シャキット野菜室";
}

.row[data-row-name="fukaasa"]::before {
	content: "深浅スライドケース";
}

.row[data-row-name="oteiretore"]::before {
	content: "お手入れトレー";
}

.row[data-row-name="cocoro"]::before {
	content: "COCORO HOME";
}

.row[data-row-name="tsunaide"]::before {
	content: "つないでもっと節電";
}

.row[data-row-name="solar"]::before {
	content: "ソーラー家電連携";
}

.row[data-row-name="syouene"]::before {
	content: "省エネ運転";
}

.row[data-row-name="petbottle"]::before {
	content: "2Lペットボトル収納数";
}

.row[data-row-name="seion"]::before {
	content: "静音設計";
}

.page-footer {
	padding-top: 8rem;
}

.page-footer .btn-has-arrow-left {
	margin-inline: auto;
}

.count {
	display: inline-block;
	margin: 0 0.5em;
	font-size: 1.5em;
}

.user_s .row {
	display: none;
}

.user_s .row.ondisplay {
	display: flex;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover: hover) and (pointer: fine) {

	/* メインエリア：外部リンク */
	.link-hikaku:hover {
		text-decoration: none;
	}

	.btn-clear .hovering {
		border-bottom: solid 1px transparent;
	}

	.btn-update .hovering {
		background: #535353;
		color: #fff;
		border: solid 1px #fff;
	}
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media screen and (width <1080px) {
	.td-column .row {
		height: 9vw;
	}

	.prod-header-column-container .row {
		height: 60vw;
	}

	.prod-img {
		padding: 2vw 6vw 0;
	}

	.modal-container::-webkit-scrollbar {
		width: 1rem;
	}

	.modal-container::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.modal-container::-webkit-scrollbar-thumb {
		border: 0.4rem solid transparent;
		background-color: #000;
		background-clip: content-box;
	}
	.modal {
		display: none;
	}

	.main-navi {
		position: sticky;
		top: 0;
		z-index: 11;
	}

	.btn-search-options {
		inline-size: 100%;
		font-size: 1.8rem;
		font-weight: 500;
		background: #f5f5f5;
		text-align: right;
	}

	.btn-option-menu {
		display: inline-block;
		inline-size: 100%;
		font-size: 1.5rem;
		font-weight: 500;
		padding: 0.75em 1em;
		box-shadow: 0px 0.3rem 0.6rem #0000004d;
	}

	.result-wrap {
		width: 100%;
	}

	.result-container {
		margin-top: -2.4rem;
	}

	.result-wrap .base-width {
		padding: 0;
	}

	.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 11;
		background: rgba(0, 0, 0, 0.6);
		padding: 4rem 5%;
		display: flex;
		justify-content: center;
	}

	.modal[aria-hidden="false"] {
		display: block;
	}

	.micromodal-slide[aria-hidden="false"] .modal-overlay {
		animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
	}

	.btn-modal-close {
		inline-size: 3rem;
		block-size: 3rem;
		position: absolute;
		top: 0.8rem;
		right: 0.8rem;
	}

	.btn-modal-close::before {
		content: "";
		display: block;
		inline-size: 2rem;
		block-size: 2rem;
		background: url(/reizo/assets/common/images/icon-close-w.svg) no-repeat center center/contain;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.micromodal-slide .modal-container,
	.micromodal-slide .modal-overlay {
		will-change: transform;
	}

	.modal-container {
		inline-size: 100%;
		background-color: #fff;
		overflow-y: auto;
	}

	.option-item-wrap {
		max-inline-size: 120rem;
		margin-inline: auto;
		padding: 3rem 5%;
	}

	.option-item:not(:first-of-type) {
		margin-top: 6.25vw;
	}

	.btn-option-update {
		padding: 0.5em 1em;
		font-size: 1.8rem;
		background: #fff;
		border: solid 1px #707070;
	}

	.results-info {
		padding-top: 1em;
	}

	.td-column {
		/*スクロールバー非表示（IE・Edge）*/
		-ms-overflow-style: none;
		/*スクロールバー非表示（Firefox）*/
		scrollbar-width: none;
	}

	.td-column::-webkit-scrollbar {
		display: none;
	}

	.result-header {
		margin-top: 5vw;
	}

	.prod-left .category {
		font-size: 3.5vw;
		padding-top: 5vw;
	}

	.prod-header-column-container .column {
		padding: 5vw 1vw;
		height: 100%;
	}

	.prod-header-column-container .column,
	.td-column .row .column {
		border-right: 1px solid #d0d0d0;
		padding-top: 1vw;
		width: 36vw;
	}

	.result-body {
		border-bottom: 1px solid #d0d0d0;
	}

	.prod-right {
		padding: 2.5vw 0;
	}

	.list-prod-link span {
		padding: 0 2.5vw;
		border: 1px solid #000;
		font-size: 4vw;
	}

	.row:not(.category-row)::before {
		border-right: 1px solid #d0d0d0;
		font-weight: bold;
		height: 9vw;
		padding-top: 1.25vw;
		font-size: 4vw;
	}

	.option-title2.tt {
		display: none;
	}

	.close_column {
		width: 5vw;
		height: 5vw;
		top: 1.25vw;
		right: 2.5vw;
	}

	.prod-name {
		font-size: 4vw;
	}

	.item p {
		font-size: 4vw;
	}

	.new {
		font-size: 3.5vw;
	}

	.row[data-row-name="saisyo"],
	.row[data-row-name="sunpou"],
	.row[data-row-name="saisyouSpace"],
	.row[data-row-name="syouhiDenryoku"],
	.row[data-row-name="doorType"],
	.row[data-row-name="tsukurioki"],
	.row[data-row-name="led"],
	.row[data-row-name="koukin"],
	.row[data-row-name="child"],
	.row[data-row-name="ion"],
	.row[data-row-name="kyurei"],
	.row[data-row-name="shinsen"],
	.row[data-row-name="stainlesstray"],
	.row[data-row-name="petbottle"],
	.row[data-row-name="oisogi"] {
		height: 15vw;
	}

	.row[data-row-name="syakit"] {
		height: 21vw;
	}

	.row[data-row-name="teion"] {
		height: 26vw;
	}

	.row[data-row-name="kanso"] .column {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.option-item2 {
		margin-top: 5.5rem;
	}

	.btn-option-update {
		padding: 0.5em 1em;
		font-size: 1.8rem;
		background: #535353;
		color: #fff;
		border: solid 1px #707070;
	}
}

/* ====================================
	PC&タブレット
===================================== */
@media print,
screen and (width >=768px) {
	#resultInfo .btn-option-clear {
		border: none;
		color: #fff;
		background: #000;
		border-radius: 10rem;
		font-size: 1.5rem;
		padding: 0 1rem;
		margin-left: 2rem;
	}
}
/* ====================================
	PC専用スタイル
===================================== */
@media print,
screen and (width >=1080px) {
	.scroll-fix-wrap.passed .result-header-container {
		position: fixed;
		z-index: 10;
		top: -0.7rem;
	}

	.scroll-fix-wrap.passed.passed-bottom .result-header-container {
		position: absolute;
	}

	.result-header-container {
		width: 100%;
		position: absolute;
		top: -0.7rem;
		z-index: 10;
	}

	.btn-update {
		display: none;
	}

	.sp-only {
		display: none;
	}

	.prod-img {
		padding: 7%;
	}

	.scroll-fix-wrap {
		margin-top: 2rem;
	}

	.btn-update button {
		border: 1px solid #000;
		padding: 1rem 1rem;
		background: #fff;
	}

	.row:not(.category-row)::before {
		margin-top: -3.5rem;
		width: calc(100% - 1px);
		height: 3.5rem;
		padding-top: 0.6rem;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.prod-header-column-container .column,
	.td-column .row .column {
		width: 50%;
	}

	.main-wrap {
		display: flex;
		justify-content: space-between;
	}

	.btn-modal-close {
		display: none;
	}

	.page-header {
		padding: 2rem 0 4rem;
	}

	.main-title {
		font-size: 3.6rem;
	}

	.main-navi {
		inline-size: 26rem;
	}

	.main-navi-inner {
		padding-bottom: 6rem;
		background: #f5f5f5;
	}

	.btn-search-options {
		display: none;
	}

	.base-width-pc,
	.base-width {
		max-inline-size: 120rem;
		margin-inline: auto;
	}

	.option-item {
		padding: 1.5em 1em;
	}

	.option-item2 {
		padding: 4.5rem 1em;
		border-top: 4px solid #fff;
	}

	.option-title {
		font-size: 1.8rem;
	}

	.results-info {
		font-size: 2rem;
	}

	.result-wrap {
		flex: 1 0;
		width: 100%;
		min-width: 72rem;
		margin-left: 5rem;
	}

	.scroll-fix-wrap {
		position: sticky;
		top: 0;
	}

	.result-header-container {
		font-size: 1.2rem;
		background-color: #fff;
		position: sticky;
		top: 0;
	}

	.outer-base-width {
		padding-inline: 1.5%;
	}

	.base-width-pc,
	.base-width {
		max-inline-size: 120rem;
		margin-inline: auto;
	}

	.bdr-top-wh {
		border-top: solid 2px #fff;
	}

	.result-header,
	.result-body {
		margin-right: 4rem;
	}

	.result-body {
		border-bottom: 1px solid #d0d0d0;
	}

	.prod-header-column-container .row {
		position: relative;
	}

	.prod-header-column-container .row {
		height: 30rem;
		scroll-snap-type: x mandatory;
	}

	.prod-header-column-container .column,
	.td-column .row .column {
		width: 18.5rem;
		border-right: solid 1px #d0d0d0;
	}

	.prod-header-column-container .column {
		height: inherit;
		padding: 2rem 1.5rem 0 1.5rem;
	}

	.result-body .td-column .row .column {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
	}

	.prod-name {
		font-size: 2.4rem;
		margin-bottom: 12%;
	}

	.list-prod-link {
		margin-top: 0.8rem;
	}

	.list-prod-link span {
		border: 1px solid #000;
		padding: 0 0.5rem;
	}

	.category-row {
		height: 3.5rem;
	}

	/* NEXT/PREV */
	.side-scroll-btn {
		width: 4rem;
		height: 4rem;
		background-repeat: no-repeat;
		background-position: left 0.5em center;
		background-size: auto 3rem;
		cursor: pointer;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}

	.side-scroll-btn {
		display: none;
	}

	.side-scroll-btn.hovering {
		opacity: 0.6;
	}

	#resultPrev {
		background-image: url('/assets/common/images/chevron-left-solid.svg');
		left: -4rem;
	}

	#resultNext {
		background-image: url('/assets/common/images/chevron-right-solid.svg');
		right: -4rem;
	}

	.page-footer {
		padding-left: 31rem;
		padding-right: 4rem;
	}
}

@keyframes mmfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes mmfadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}