@charset "utf-8";

/* ----- */
/* オプション */
/* ----- */

/* -------------------------------------------------- */
/* PC */
/* -------------------------------------------------- */

.subMvBg {
	background-image: url("../../img/option/mv_option_pc.jpg");
}

.optionBeddingList {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.optionBeddingItem {
	display: flex;
	align-items: stretch;
}

.optionBeddingItemPhoto {
	flex: 0 0 33.3%;
}

.optionBeddingItemPhoto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
    border-radius: 7.5px 0 0 7.5px;
}

.optionBeddingItemContent {
    position: relative;
	flex: 1;
	padding: 20.25px 3.3% 26.25px;
	background: transparent linear-gradient(108deg, #F4FAF8 0%, #D1EDDB 100%) 0% 0% no-repeat;
	border-radius: 0 7.5px 7.5px 0;
}

.optionBeddingItemTitle {
    font-size: clamp(1.6rem, 1.86vw, 2.4rem);
	color: #016B3A;
	font-weight: bold;
    letter-spacing: 0.05em;
	margin-bottom: 0.5em;
}

.optionBeddingItemText {
	font-size: clamp(1.3rem, 0.9225vw, 1.2rem);
	line-height: 1.375;
	letter-spacing: 0.1em;
}

.optionBeddingItemNote {
	font-size: clamp(1.1rem, 0.9225vw, 1.2rem);
	text-align: right;
	margin-left: auto;
    letter-spacing: 0.04em;
    position: absolute;
    bottom: 26.25px;
    right: 30px;
}

.optionBeddingItemNoteLink {
	font-size: clamp(1.2rem, 1.035vw, 1.35rem);
	color: #016B3A;
	font-weight: bold;
	position: relative;
}

.optionBeddingItemNoteLink::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.4em;
	background: url("../../img/common/icon_link.svg") no-repeat center / contain;
	vertical-align: middle;
}

/* -------------------------------------------------- */
/* PC only (1025px〜) */
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) {

	#optionBedding {
		padding-bottom: 105px;
	}

}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.subMvBg {
		background-image: url("../../img/option/mv_option_tab.jpg");
	}

}
/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {
	.optionBeddingItemText .brPc {
		display: none;
	}
}

/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {

	.subMvBg {
		background-image: url("../../img/option/mv_option_sp.jpg");
	}

	.optionBeddingItem {
		flex-direction: column;
		row-gap: 0;
	}

	.optionBeddingItemPhoto {
		flex: none;
		width: 100%;
	}
    .optionBeddingItemPhoto img {
        border-radius: 7.5px 7.5px 0 0;
		aspect-ratio: 3 / 2;
    }

	.optionBeddingItemContent {
		width: 100%;
        border-radius: 0 0 7.5px 7.5px;
    }

	.optionBeddingItemNote {
		position: relative;
		bottom: auto;
		right: auto;
		margin-left: auto;
		margin-top: 1em;
	}

}