@charset "utf-8";
/* CSS Document */
.fragrance_intro_wrap{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.fragrance_intro_wrap .imgbox{
	width:100%;
	aspect-ratio:1.58 / 1;
	overflow:hidden;
}

.fragrance_intro_wrap .imgbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

@media screen and (max-width:576px){
	.fragrance_intro_wrap .imgbox{
		aspect-ratio:1.25 / 1;
	}
}

.scene_wrap{
	display:flex;
	flex-direction:column;
	gap:clamp(34px,5vw,70px);
    width: 100%;
}

.scene_wrap .scene_item{
	align-items:center;
	justify-content:space-between;
	gap:clamp(40px,6vw,80px);
}

.scene_wrap .imgbox{
	width:calc(58% - clamp(40px,6vw,80px) / 2);
	overflow:hidden;
	aspect-ratio:2.25 / 1;
}

.scene_wrap .imgbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}


.scene_wrap .txtbox{
	width:calc(42% - clamp(40px,6vw,80px) / 2);

}

.scene_wrap h3{
	line-height:1;
	letter-spacing:.16em;
	margin-bottom:8px;
}

.scene_wrap .en{
	line-height:1;
	letter-spacing:.12em;
}

.scene_wrap .line{
	width:18px;
	height:1px;
	background:#777;
	margin:20px 0;
}

.scene_wrap .txt{
	line-height:2;
	letter-spacing:.06em;
}

@media screen and (max-width:768px){
	.scene_wrap{
		gap:clamp(80px,7vw,100px);
	}

	.scene_wrap .scene_item{
		flex-direction:column;
		align-items:flex-start;
		gap:22px;
	}

	.scene_wrap .scene2 .txtbox{
		order:2;
	}

	.scene_wrap .scene2 .imgbox{
		order:1;
	}

	.scene_wrap .imgbox,
	.scene_wrap .txtbox{
		width:100%;
	}

	.scene_wrap .imgbox{
		aspect-ratio:16 / 9;
	}

	.scene_wrap .txtbox,
	.scene_wrap .scene_head,
	.scene_wrap .txt{
		text-align:center;
	}

	.scene_wrap .line{
		margin-left:auto;
		margin-right:auto;
	}
}
.ranking_wrap{
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

.ranking_wrap .ranking_list{
	--gap:clamp(34px,5vw,58px);
	align-items:flex-start;
	justify-content:center;
	gap:var(--gap);
}

.ranking_wrap .ranking_item{
	width:calc(100% / 3 - var(--gap) * 2 / 3);
}

.ranking_wrap .rank{
	text-align:center;
	letter-spacing:.12em;
	margin-bottom:12px;
}

.ranking_wrap .imgbox{
	width:100%;
	aspect-ratio:1 / 1;
	overflow:hidden;
	margin-bottom:20px;
}

.ranking_wrap .imgbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.ranking_wrap h3{
	line-height:1.6;
	letter-spacing:.08em;
	margin-bottom:12px;
}

.ranking_wrap .txt{
	line-height:1.9;
	letter-spacing:.06em;
	margin-bottom:18px;
}

.ranking_wrap .note{
	margin-bottom:18px;
}

.ranking_wrap .note_item{
	align-items:flex-start;
    justify-content: flex-start;
	gap:12px;
}

.ranking_wrap .note_item p{
	line-height:1.9;
	letter-spacing:.06em;
}

.ranking_wrap .note_item .label{
	width:80px;
	flex-shrink:0;
	letter-spacing:.12em;
}

.ranking_wrap .time{
	line-height:1.8;
	letter-spacing:.06em;
}

@media screen and (max-width:768px){
	.ranking_wrap .ranking_list{
		flex-direction:column;
		align-items:center;
		gap:50px;
	}

	.ranking_wrap .ranking_item{
		width:100%;
		max-width:420px;
	}
}
.bottle_wrap{
	max-width:1280px;
	margin:0 auto;
}

.bottle_wrap .imgbox{
	width:100%;
}

.bottle_wrap .imgbox img{
	width:100%;
	height:auto;
	display:block;
}

.bottle_wrap .lead_txt{
	text-align:left;
}

.bottle_wrap .lead_txt p{
	line-height:2;
	letter-spacing:.06em;
}

.bottle_wrap .price_wrap{
	--gap:30px;
	gap:var(--gap);
	align-items:stretch;
	justify-content:center;
}

.bottle_wrap .price_item{
	width:calc(100% / 3 - var(--gap) * 2 / 3);
	background:#f5f5f5;
	padding:clamp(35px,4vw,50px);
	text-align:center;
    min-width: 310px;
}

.bottle_wrap .icon{
	width:60px;
	margin:0 auto 20px;
}

.bottle_wrap .icon img{
	width:100%;
	height:auto;
	display:block;
}

.bottle_wrap .price_item h3{
	letter-spacing:.12em;
	line-height:1;
	margin-bottom:12px;
}

.bottle_wrap .price_item .jp{
	margin-bottom:24px;
}

.bottle_wrap .price_item .line{
	width:30px;
	height:1px;
	background:#999;
	margin:0 auto 24px;
}

.bottle_wrap .subttl{
	font-size:13px;
	margin-bottom:20px;
	margin-top:30px;
}

.bottle_wrap .price_row{
	justify-content:space-between;
	align-items:center;
	padding:14px 0;
	border-bottom:1px solid #ddd;
}

.bottle_wrap .price_row > p{
	font-size:22px;
}

.bottle_wrap .price_num{
	align-items:baseline;
	justify-content:flex-end;
	gap:2px;
}

.bottle_wrap .price_num p:first-child{
	font-size:18px;
	line-height:1;
}

.bottle_wrap .price_num p:last-child{
font-size:22px;
	line-height:1;
}

.bottle_wrap .note_wrap p{
	line-height:2;
	font-size:14px;
}

@media screen and (max-width:768px){
	.bottle_wrap .price_wrap{
		flex-direction:column;
		gap:40px;
	}

	.bottle_wrap .price_item{
		width:100%;
	}

	.bottle_wrap .price_row > p{
		font-size:24px;
	}

	.bottle_wrap .price_num p:last-child{
		font-size:26px;
	}
}

.policy_wrap{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.policy_wrap .titlebox .entitle2{
	letter-spacing:.14em;
	line-height:1.2;
	margin-bottom:10px;
}

.policy_wrap .titlebox h2{
	letter-spacing:.08em;
}

.policy_wrap .policy_block h3{
	font-weight:600;
	letter-spacing:.08em;
	line-height:1.8;
}

.policy_wrap .policy_block p{
	letter-spacing:.06em;
}

@media screen and (max-width:576px){
	.policy_wrap .titlebox .entitle2{
		font-size:clamp(22px,7vw,30px);
	}
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}