@charset "utf-8";
/* CSS Document */
.concept_wrap .concept_top{
	--gap:clamp(60px,8vw,120px);
	align-items:flex-start;
	justify-content:space-between;
	gap:var(--gap);
}

.concept_wrap .leftbox{
	width:calc(42% - var(--gap) / 2);
}

.concept_wrap .rightbox{
	width:calc(58% - var(--gap) / 2);
}

.concept_wrap .logo{
	width:clamp(240px,26vw,360px);
	margin-bottom:clamp(30px,4vw,50px);
}

.concept_wrap .logo img{
	width:100%;
	height:auto;
	display:block;
}

.concept_wrap h2{
	letter-spacing:.08em;
	line-height:1.8;
}

.concept_wrap .rightbox .entitle3{
	letter-spacing:.14em;
	line-height:1;
}

.concept_wrap .rightbox .lineheight22{
	letter-spacing:.08em;
}

.concept_wrap .concept_imglist{
	--gap:10px;
	gap:var(--gap);
}

.concept_wrap .concept_imglist .imgbox{
	width:calc(100% / 3 - var(--gap) * 2 / 3);
	aspect-ratio:1.55 / 1;
	overflow:hidden;
}

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

@media screen and (max-width:768px){
	.concept_wrap .concept_top{
		flex-direction:column;
		gap:50px;
	}

	.concept_wrap .leftbox,
	.concept_wrap .rightbox{
		width:100%;
	}

	.concept_wrap .concept_imglist{
		flex-wrap:wrap;
	}

	.concept_wrap .concept_imglist .imgbox{
		width:calc(50% - var(--gap) / 2);
	}
}

@media screen and (max-width:576px){
	.concept_wrap .logo{
		width:240px;
	}

	.concept_wrap .concept_imglist .imgbox{
		width:100%;
	}
}
.cate2 .concept_imglist{
	--gap:10px;
	width:100%;
	gap:var(--gap);
}

.cate2 .concept_imglist .imgbox{
	width:calc(100% / 3 - var(--gap) * 2 / 3);
	aspect-ratio:1.55 / 1;
	overflow:hidden;
}

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

@media screen and (max-width:768px){
	.cate2 .concept_imglist{
		flex-wrap:wrap;
	}

	.cate2 .concept_imglist .imgbox{
		width:calc(50% - var(--gap) / 2);
	}
}

@media screen and (max-width:576px){
	.cate2 .concept_imglist .imgbox{
		width:100%;
	}
}

.shop_page_wrap .shop_title_area{
	background:#000;
	padding-top:clamp(100px,12vw,170px);
	padding-bottom:clamp(40px,6vw,70px);
}

.shop_page_wrap .shop_title_area .entitle2{
	color:#fff;
	letter-spacing:.18em;
	line-height:1;
}

.shop_page_wrap .shop_info_area{
	background:#fff;
}

.shop_page_wrap .shop_table{
	width:100%;
}

.shop_page_wrap .shop_row{
	align-items:flex-start;
	gap:clamp(40px,6vw,90px);
	padding:clamp(24px,4vw,38px) 0;
	border-bottom:1px solid rgba(51,51,51,.12);
}

.shop_page_wrap .shop_row h3{
	width:180px;
	flex-shrink:0;
	font-weight:500;
	letter-spacing:.08em;
}

.shop_page_wrap .shop_row > div{
	flex:1;
}

.shop_page_wrap .shop_row p{
	line-height:2;
	letter-spacing:.08em;
}

.shop_page_wrap .access_area{
	background:#fff;
	padding-bottom:clamp(90px,10vw,150px);
}

.shop_page_wrap .mapbox{
	width:100%;
	aspect-ratio:2.45 / 1;
	overflow:hidden;
}

.shop_page_wrap .mapbox iframe{
	width:100%;
	height:100%;
	display:block;
}

.shop_page_wrap .access_note{
	letter-spacing:.08em;
}

.shop_page_wrap .parking_wrap{
	align-items:center;
	justify-content:space-between;
	gap:clamp(60px,8vw,120px);
}

.shop_page_wrap .parking_wrap .txtbox{
	width:calc(42% - clamp(60px,8vw,120px) / 2);
}

.shop_page_wrap .parking_map{
	width:calc(58% - clamp(60px,8vw,120px) / 2);
	overflow:hidden;
}

.shop_page_wrap .parking_map img{
	width:100%;
	height:auto;
	display:block;
}

.shop_page_wrap .parking_wrap .entitle2{
	letter-spacing:.16em;
	line-height:1;
}

.shop_page_wrap .parking_block h3{
	font-weight:600;
	letter-spacing:.08em;
	margin-bottom:14px;
}

.shop_page_wrap .parking_block p{
	line-height:2;
	letter-spacing:.08em;
}

@media screen and (max-width:768px){
	.shop_page_wrap .shop_row{
		flex-direction:column;
		gap:10px;
	}

	.shop_page_wrap .shop_row h3{
		width:100%;
	}

	.shop_page_wrap .mapbox{
		aspect-ratio:1.4 / 1;
	}

	.shop_page_wrap .parking_wrap{
		flex-direction:column;
		gap:40px;
	}

	.shop_page_wrap .parking_wrap .txtbox,
	.shop_page_wrap .parking_map{
		width:100%;
	}
}

@media screen and (max-width:576px){
	.shop_page_wrap .shop_title_area{
		padding-top:90px;
	}

	.shop_page_wrap .mapbox{
		aspect-ratio:1.1 / 1;
	}
}

/* ---------- 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){
}

