@charset "utf-8";

/*==============================================

	store

==============================================*/
#wrapper main{
	padding-bottom: 150px;
	background-image: url(../../common/img/c_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.area_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 30px;
}
.area_nav li {
	width: calc((100% - 10px*6) / 7);
}
.area_nav li a {
	background-color: var(--orange);
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 7px 20px;
	border-radius: 30px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	transition: opacity 0.3s;
}

.area_section {
	margin: 80px auto;
	max-width: 1240px;
	padding: 0 30px;
}
.area_section .heading {
}
.area_section .heading h2 {
	font-size: 1.8rem;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--gray);
}

.store_list > li {
	padding: 25px 0;
	border-bottom: 1px solid var(--gray);
	display: flex;
	align-items: center;
}
.store_list > li .store_name {
	font-size: 1.3rem;
    width: 330px;
    letter-spacing: 1px;
    padding-right: 50px;
    text-align: left;
}
.store_list > li .store_name a {
	font-size: inherit;
	letter-spacing: inherit;
}
.store_list > li .store_name span {
	display: block;
	color: var(--gd);
	font-size: 1.2rem;
}

.store_list > li .meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 330px);
}
.store_list > li .meta .address {
	font-size: 1.2rem;
	letter-spacing: .5px;
    padding-right: 50px;
	width: 100%;
}
.store_list > li .meta .address br {
	display: none;
}
.store_list > li .meta .address i {
	font-size: 1.3rem;
	margin-left: 10px;
}
.store_list > li .meta .address a {
	color: var(--gd);
	font-size: 1.2rem;
}
.store_list > li .meta .btns {
	margin-left: auto;
	display: flex;
	gap: 10px;
}
.store_list > li .meta .btns a {
	border: 1px solid var(--orange);
	font-size: 1.2rem;
	padding: 9px 20px 10px;
	width: 140px;
}


.store_detail .store_info .inner {
	display: flex;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 30px;
}
.store_detail .store_info .inner .heading {
	width: 330px;
}
.store_detail .store_info .inner .heading h1 {
	font-size: 1.8rem;
	letter-spacing: 2px;
}
.store_detail .store_info .inner .heading h1 span {
	display: block;
	font-size: 1.6rem;
	color: var(--gd);
}
.store_detail .store_info .inner .content {
	width: calc(100% - 330px);
	padding-left: 70px;
}
.store_detail .info_list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}
.store_detail .info_list li h2{
	font-size: 1.4rem;
	width: 110px;
	line-height: 2em;
}
.store_detail .info_list li p {
	width: calc(100% - 110px);
	font-size: 1.3rem;
	line-height: 2em;
}

.store_detail .store_info .inner .content .btns {
	display: flex;
	gap: 20px;
	justify-content: flex-end;
	margin-top: 30px;
}
.gallery {
	margin: 100px auto;
	max-width: 1240px;
	padding: 0 30px;
}
.gallery .heading {
	margin-bottom: 30px;
}
.gallery .heading h2 {
	font-size: 2rem;
	letter-spacing: 2px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--gray);
}
.gallery .gallery_slider {
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
	overflow: visible;
}
.gallery .gallery_slider .swiper-slide {
	width: 527px;
}
.gallery .gallery_slider .swiper-pagination {
	text-align: left;
}


.map {
	margin: 100px auto;
	max-width: 1240px;
	padding: 0 30px;
}
.map .heading {
	margin-bottom: 30px;
}
.map .heading h2 {
	font-size: 2rem;
	letter-spacing: 2px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--gray);
}
.map .map_iframe  iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 1146 / 573;
	filter: grayscale(100%);
	transition: filter 0.3s;
}
.map .map_iframe  iframe:hover {
	filter: grayscale(0%);
}
.map .back_btn {
	margin-top: 60px;
}

.nearby {
	margin: 120px auto 60px;
	max-width: 1240px;
	padding: 0 30px;
}
.nearby .heading {
	margin-bottom: 10px;
}
.nearby .heading h2 {
	font-size: 1.4rem;
	letter-spacing: 2px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--gray);
}
.nearby .heading h2 span {
	font-size: 2rem;
	margin-right: 10px;
}

@media screen and (max-width: 736px) {
	#wrapper main {
		background-image: url(../../common/img/c_bg-sp.png);
	}
	.area_nav {
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.area_nav li {
		width: calc((100% - 10px) / 2);
	}
	.area_nav li a {
		padding: 10px 15px;
		font-size: 1.2rem;
	}

	.store_list > li {
		flex-direction: column;
	}
	.store_list > li .store_name {
		width: 100%;
		margin-bottom: 10px;
		padding-right: 0;
	}
	.store_list > li .meta {
		flex-direction: column;
		width: 100%;
	}
	.store_list > li .meta .btns {
		width: 100%;
		margin-top: 15px;
	}
	.store_list > li .meta .btns .btn {
		width: calc(50% - 5px);
	}
	.store_list > li .meta .btns a {
		width: 100%;
	}

	.area_section {
		margin: 60px auto;
	}
	.area_section .heading {
		margin-bottom: 0px;
	}
	.area_section .heading h2 {
		font-size: 1.6rem;
	}


	.store_detail .store_info .inner {
		flex-direction: column;
	}
	.store_detail .store_info .inner .heading {
		width: 100%;
	}
	.store_detail .store_info .inner .content {
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
	}
	.store_detail .store_info .inner .content .btns {
		flex-direction: column;
	}
	.store_detail .store_info .inner .content .btns a {
		width: 100%;
	}
	.store_detail .info_list li h2 {
		width: 80px;
	}
	.store_detail .info_list li p {
		width: calc(100% - 80px);
	}

	.store_detail .map {
		margin: 60px auto;
		padding-right: 0;
	}
	.store_detail .map .heading {
		margin-bottom: 20px;
	}
	.store_detail .map .map_iframe iframe {
		aspect-ratio: 350 / 390;
	}
	.store_detail .gallery {
		margin: 60px auto;
	}
	.store_detail .gallery_slider .swiper-slide {
		width: 100%;
	}

	.nearby .heading {
		margin-bottom: 0;
	}

}