@charset "utf-8";
/*------------------------------------------------------------
	access
------------------------------------------------------------*/
.comMainBox {
	padding-top: 3.7rem;
}
.comMainBox::after {
	height: 36.3rem;
}
.comAnchorUl {
	margin-bottom: 11rem;
	gap: 2rem;
}
.comAnchorUl li {
	width: calc((100% - 2rem) / 2);
}
.comAnchorUl a {
	font-size: 2.2rem;
}
#main .accessBox {
	margin-bottom: 14rem;
}
#main .accessBox .hTitle {
	margin-bottom: 8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	min-height: 12rem;
	text-align: center;
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 600;
	background: url(../img/access/hanazono_h_bg.jpg) no-repeat center center / cover;
}
#main .accessBox .hTitle::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.6);
	pointer-events: none;
}
#main .accessBox .comShopBox {
	margin-bottom: 4rem;
}
#main .accessBox .comShopBox .photoBox {
	width: 62.9%;
}
#main .accessBox .comShopBox .sub {
	width: auto;
	max-width: 41rem;
}
#main .accessBox .seatBox {
	margin-bottom: 4rem;
	gap: 9.8rem;
	align-items: flex-start;
}
#main .accessBox .seatBox .photoUl {
	width: 62.9%;
	gap: 2rem 1%;
}
#main .accessBox .seatBox .photoUl li {
	width: 49.5%;
}
#main .accessBox .seatBox .photoUl img {
	width: 100%;
}
#main .accessBox .seatBox .textBox {
	flex: 1;
}
#main .accessBox .seatBox .textBox .text {
	margin-bottom: 3.6rem;
	padding-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.71;
	letter-spacing: -0.07em;
	font-family: "Noto Sans JP", sans-serif;
}
#main .accessBox .seatBox .textBox .outBox {
	gap: 2rem;
	align-items: flex-start;
}
#main .accessBox .seatBox .textBox .outBox .tag {
	padding: 0.4rem 0;
	width: 6.1rem;
	text-align: center;
	font-weight: 500;
	letter-spacing: -0.03em;	
	border: 1px solid #707070;
}
#main .accessBox .seatBox .textBox .outBox .rText {
	flex: 1;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.4rem;
	letter-spacing: -0.03em;
	line-height: 2;
}
#main .accessBox .mapBox {
	align-items: flex-start;
	gap: 9.8rem;
}
#main .accessBox .mapBox .map {
	width: 62.9%;
	aspect-ratio: 880/323;
}
#main .accessBox .mapBox .map iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .accessBox .mapBox .textBox {
	flex: 1;
}
#main .accessBox .mapBox .textBox .text {
	padding-top: 0.7rem;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: -0.07em;
	line-height: 1.875;
}
#main .accessBox.sunflower .hTitle {
	background-image: url(../img/access/sunflower_h_bg.jpg);
}
#main .accessBox.sunflower .seatBox .textBox .headLine03 {
	margin-bottom: 1.7rem;
}
#main .accessBox.sunflower .seatBox .textBox .text {
	padding-top: 0;
}
@media all and (min-width: 897px) and (max-width: 1400px) {
	.comShopBox .textBox .dd01 {
		padding-right: 5rem;
	}
	.comShopBox .textBox dd .map {
		right: 1rem;
	}
}
@media all and (max-width: 896px) {
	.comAnchorUl {
		margin-bottom: 5rem;
	}
	#main .accessBox {
		margin-bottom: 10rem;
	}
	#main .accessBox .hTitle {
		margin-bottom: 4rem;
		min-height: 7rem;
		font-size: 2rem;
	}
	#main .accessBox .comShopBox {
		margin-bottom: 6rem;
	}
	#main .accessBox .comShopBox .sub {
		max-width: 100%;
	}
	#main .accessBox .seatBox {
		margin-bottom: 6rem;
		display: block;
	}
	#main .accessBox .seatBox .photoUl {
		margin-bottom: 3rem;
		width: auto;
	}
	#main .accessBox .seatBox .textBox .text {
		margin-bottom: 1.5rem;
		padding-top: 0;
	}
	#main .accessBox .seatBox .textBox .outBox .tag {
		width: 5rem;
		font-size: 1.2rem;
	}
	#main .accessBox .mapBox {
		display: block;
	}
	#main .accessBox .mapBox .map {
		margin-bottom: 3rem;
		width: auto;
		aspect-ratio: 335/200;
	}
}