@charset "UTF-8";

@import url("../2024/open.css");

/*=====
 2025 乾太くん、ガスファンヒーター
==============================================*/
.slide-3-back-container {
	position: absolute;
	bottom: -15px;
	right: -25px;
}
@media screen and (max-width: 600px) {
	.slide-3-back-container {
		bottom: -35px;
		right: -25px;
	}
}

#mikawaya-contents-wrapper {
	margin-bottom: 2.5vw;
	width: 72.5%;
	margin-right: 4vw;
	margin-left: auto;
	position: relative;
}

#title-sp {
	display: none;
}

#fukidashi {
	display: block;
}

#fukidashi-sp {
	display: none;
}

#mikawayakun {
	position: relative;
	bottom: -4.5vw;
}

#mikawayakun-sp {
	display: none;
}

#oshiete-mikawayakun {
	position: relative;
	top: -4vw;
}

#btn-link-container {
	display: flex;
	flex-direction: row;
	gap: 1.25vw;
	align-items: flex-end;
	justify-content: center;
	margin-right: 18vw;
	margin-left: 15vw;
}

#btn-link-container-inner {
	display: flex;
	flex-direction: row;
	gap: 1.25vw;
	align-items: flex-end;
	justify-content: center;
	/* margin-right: 18vw;
	margin-left: 15vw; */
}

#subbtn-link-container {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 1.25vw;
	flex-wrap: wrap;
}

.slide-btn {
	display: inline-block;
	padding: 0.75em max(2.75vw, 20px);
	font-size: max(1vw, 12px);
	flex: 1 0 40%;
}

.slide-btn.tight {
	padding: 0.5em max(1.75vw, 20px);
}

#bis-form-btn-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 0 30%;
}

#bis-form-btn {
	display: inline-block;
	padding: 0.75em max(3.75vw, 20px);
	font-size: max(1vw, 12px);
}

#slide-container {
	aspect-ratio: 4.5/3;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -50%);
	/* width: 33vw; */
	height: 20.83vw;
	overflow: visible !important;
}

@media screen and (max-width: 600px) {
	#mikawaya-contents-wrapper {
		margin-right: 0;
		margin-left: 0;
		width: 90.5%;
	}

	#title-sp {
		display: block;
		/* color: #fff; */
		/* background-color: #ea5504; */
		/* font-size: max(1vw, 14px); */
		/* padding: 0.5em max(1.75vw, 10px); */
		/* text-align: center; */
		margin-bottom: 2.5vw;
	}

	#fukidashi {
		display: none;
	}

	#fukidashi-sp {
		display: block;
	}

	#mikawayakun {
		display: none;
	}

	#mikawayakun-sp {
		display: block;
		flex: 0 1 30%;
	}

	#oshiete-mikawayakun {
		display: none;
	}

	#btn-link-container {
		margin-right: 0;
		margin-left: 0;
	}

	#btn-link-container-inner {
		flex-direction: column;
		align-items: center;
		gap: 2.5vw;
	}

	#subbtn-link-container {
		flex-direction: column;
		gap: 2.5vw;
	}

	.slide-btn {
		padding: 0.5em max(8.75vw, 20px);
		flex: 0 1 100%;
	}

	.slide-btn.tight {
		padding: 0.5em max(5.75vw, 20px);
	}

	#bis-form-btn-wrapper {
		flex: 0 1 100%;
	}

	#bis-form-btn {
		padding: 0.5em max(7.75vw, 20px);
	}

	#slide-container {
		aspect-ratio: 4.5/3;
		/* width: 72.25vw; */
		height: 80%;
		top: 47%;
		left: 48%;
	}
}

/*=====
 2025 カテゴリトップ
==============================================*/
.bl-main.category-2025 {
	z-index: 12;
}

@media screen and (max-width: 600px) {
	.bl-main.category-2025 {
		z-index: 11;
	}
}

.bl-section-2025 {
	margin-top: -2.5vw;
	position: relative;
	padding-bottom: 2.5vw;
}

.bl-section-2025.member {
	margin-top: -4.5vw;
}

.bl-section-2025.kitchenware {
	margin-top: -3.5vw;
}

.bl-section-2025.heater {
	margin-top: -3.5vw;
}

@media screen and (max-width: 600px) {
	.bl-section-2025.kitchenware {
		margin-top: 2.5vw;
	}
	.bl-section-2025.heater {
		margin-top: 2.5vw;
	}
	.bl-section-2025.renovation {
		margin-top: 2.5vw;
	}
}

.bl-section-2025:after {
	content: "";
	display: block;
	width: 100%;
	background-color: #fff1c7;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.bl-section-2025.member:after {
	height: 79.5%;
}

.bl-section-2025.kitchenware:after {
	height: 94.5%;
}

.bl-section-2025.heater:after {
	height: 94.5%;
}

#category-left-2025 {
	flex: 0 0 10.5vw;
	margin-top: 12vw;
}

@media screen and (max-width: 600px) {
	#category-left-2025 {
		display: none;
	}
}

#category-right-2025 {
	flex: 0 0 12vw;
	margin-top: 6vw;
}

@media screen and (max-width: 600px) {
	#category-right-2025 {
		display: none;
	}
}

/*==== 商品全体のラッパー */
.bl-category-item-wrapper-2025 {
	display: flex;
	flex-direction: column;
	gap: 3vw;
	align-items: flex-start;
}

@media screen and (max-width: 600px) {
	.bl-category-item-wrapper-2025 {
		gap: 10vw;
		margin-bottom: 5vw;
	}
}

/*==== 商品1つのラッパー */
.bl-category-item-2025 {
	display: flex;
	flex-direction: row;
	gap: 1.5vw;
}

.kitchenware .bl-category-item-2025,
.heater .bl-category-item-2025,
.renovation .bl-category-item-2025 {
	background-color: #fff;
	width: 100%;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

@media screen and (max-width: 600px) {
	.bl-category-item-2025.kitchenware {
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.bl-category-item-2025.heater {
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.bl-category-item-2025.renovation {
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
}

@media screen {
}

@media screen and (max-width: 600px) {
	.bl-category-item-2025 {
		flex-direction: column;
		gap: 1vw;
	}
}

.bl-category-wrapper-2025 {
	/* max-width: 1000px; */
	width: 50vw;
	margin: 0 auto 0 2vw;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
	.bl-category-wrapper-2025 {
		width: 100%;
		margin: 0;
		background-size: cover;
	}
}

.bl-category-wrapper-2025.member {
	background-image: url("../../../img/thanksgiving/2025/open/category/member/bg.png");
	padding: 2vw 3vw;
}
@media screen and (max-width: 600px) {
	.bl-category-wrapper-2025.member {
		padding: 10vw 10vw;
	}
}
.bl-category-wrapper-2025.member.since1001 {
	background-image: url("../../../img/thanksgiving/2025/open/category/member/bg1001.png");
}

.bl-category-header-2025 {
	width: 100%;
}

.bl-category-body-2025 {
	display: flex;
	flex-direction: column;
	gap: 1vw;
	width: 100%;
	background-size: contain;
	background-position: top left;
	background-repeat: repeat-y;
	padding: 2vw 3vw;
	margin-top: -1vw;
	width: 100%;
}

.bl-category-body-2025_inner {
	display: flex;
	flex-direction: column;
	gap: 1.5vw;
}

@media screen and (max-width: 600px) {
	.bl-category-body-2025_inner {
		align-items: flex-start;
		gap: 5vw;
	}
}

.bl-category-wrapper-2025.kitchenware > .bl-category-body-2025 {
	background-image: url("../../../img/thanksgiving/2025/open/category/kitchenware/frame-body.png");
}
.bl-category-wrapper-2025.heater > .bl-category-body-2025 {
	background-image: url("../../../img/thanksgiving/2025/open/category/heater/frame-body.png");
}
.bl-category-wrapper-2025.renovation > .bl-category-body-2025 {
	background-image: url("../../../img/thanksgiving/2025/open/category/renovation/frame-body.png");
}

.bl-category-footer-2025 {
	width: 100%;
	margin-bottom: 1em;
}

.bl-category-item-logo-2025 {
	max-height: 2vw;
	height: 100%;
	width: auto;
}

@media screen and (max-width: 600px) {
	.bl-category-item-logo-2025 {
		max-height: 10vw;
	}
}

.bl-category-item-price-2025 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1vw;
	justify-content: space-between;
}

.bl-category-item-price-2025.renovation {
	width: 100%;
	flex-direction: column;
	align-items: flex-end;
	gap: 0;
}

@media screen and (max-width: 600px) {
	.bl-category-item-price-2025 {
		gap: 5vw;
	}
}

.bl-category-body-2025-title {
	text-align: center;
	padding: 0.75vw 0;
	color: #fff;
	font-size: max(18px, 1.2vw);
	width: 100%;
}

.kitchenware .bl-category-body-2025-title {
	background-color: #be5781;
}

.heater .bl-category-body-2025-title {
	background-color: #ea5504;
}

.renovation .bl-category-body-2025-title {
	background-color: #008a7c;
}

.bl-category-catchcopy {
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 600px) {
	.bl-category-catchcopy {
		width: 80%;
	}
}

.bl-category-body-2025-section {
	display: flex;
	flex-direction: column;
	gap: 1vw;
}

.bl-category-body-2025-section.kitchenware > h3,
.bl-category-body-2025-section.heater > h3,
.bl-category-body-2025-section.renovation > h3 {
	padding-bottom: 0.25em;
	font-size: max(13px, 1.2vw);
}

.bl-category-body-2025-section.kitchenware > h3 {
	border-bottom: 1px solid #be5781;
}

.bl-category-body-2025-section.kitchenware p,
.bl-category-body-2025-section.kitchenware dt,
.bl-category-body-2025-section.kitchenware dd {
	font-size: max(14px, 0.9vw);
	line-height: 1.5;
}

.bl-category-body-2025-section.kitchenware dd {
	margin-bottom: 1.5vw;
}
.bl-category-body-2025-section.kitchenware dd:last-child {
	margin-bottom: 0;
}

.bl-category-body-2025-section > h3 > span {
	color: #000;
}

.bl-category-body-2025-section.kitchenware > h3 > span {
	color: #be5781;
}

.bl-category-body-2025-section.heater p,
.bl-category-body-2025-section.renovation p {
	font-size: max(14px, 0.9vw);
	line-height: 1.8;
}

.bl-category-item-2025.kitchenware {
}
.bl-category-item-2025.kitchenware > .bl-category-item-2025-img,
.bl-category-item-2025.heater > .bl-category-item-2025-img,
.bl-category-item-2025.renovation > .bl-category-item-2025-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 13vw;
}

.bl-category-item-2025.kitchenware > .bl-category-item-2025-contents,
.bl-category-item-2025.heater > .bl-category-item-2025-contents,
.bl-category-item-2025.renovation > .bl-category-item-2025-contents {
	display: flex;
	flex-direction: column;
	gap: 0.5vw;
	flex: 0 0 28vw;
	justify-content: space-between;
	align-items: flex-start;
}

@media screen and (max-width: 600px) {
	.bl-category-item-2025.kitchenware > .bl-category-item-2025-contents,
	.bl-category-item-2025.heater > .bl-category-item-2025-contents,
	.bl-category-item-2025.renovation > .bl-category-item-2025-contents {
		gap: 5vw;
	}
}

.bl-category-item-maker-logo-2025 {
	max-height: 2vw;
	height: 100%;
	width: auto;
}

@media screen and (max-width: 600px) {
	.bl-category-item-maker-logo-2025 {
		max-height: 7.5vw;
	}
}

.bl-category-body-2025-section-innerimg {
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width: 600px) {
	.bl-category-body-2025-section-innerimg {
		margin: 3vw auto;
	}
}

.hp_spOnlyNone {
	display: block;
}

@media screen and (max-width: 600px) {
	.hp_spOnlyNone {
		display: none;
	}
}