/*----------
common
------------*/
.area{
	padding-left: 18.88%;
}
.bk_footer{
	background-color: #696261;
}

/* --------------------------------
top　
---------------------------------*/
.top .logo_area{
	top: 25.7%;
}

/* --------------------------------
about
---------------------------------*/
.about .concept .head_text{
	margin-bottom: 30px;
}
.about .concept p{
	line-height: 2;
}
.about .gallery_slide .gallery_slide_item{
	aspect-ratio: 1/1;
	background-size: cover;
	background-position: center;
	border-radius: 16px;
}
.about .gallery_slide .flexbox{
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.about .gallery_slide .flexbox a{
	display: block;
	padding: 5px;
	width: 50%;
	height: 50%;
}


/* --------------------------------
stores
---------------------------------*/
.stores{
	padding-bottom: 55px;
}
.stores .store_list{
	margin-top: 55px;
}
.stores .store_list .store_box{
	margin-bottom: 100px;
}
.stores .store_list .store_box .shop_name{
	top: 44%;
}
.stores .store_list .store_box .shop_name span{
	margin-top: 20px;
}
.stores .store_list .store_box .arrow{
	bottom: -40px;
	right: 23%;
}

/* --------------------------------
footer
---------------------------------*/
.footer {
	padding: 0 18.88%;
	height: 112px;
	align-items: center;
}
.footer .footer_container{
	width: 100%;
	justify-content: space-between;
}
.footer .footer_container ul{
	width: 50%;
}
.footer .footer_container ul li{
	margin-right: 56px;
}
.footer .footer_container ul li a{
	color: #FCFAF9;
}
.footer .footer_container .coppyright{
	align-items: center;
	font-size: 11px;
}

/* ------------------------------
for smartphone
------------------------------ */
@media screen and (max-width: 599px) {
	/*----------
	common
	------------*/
	.area{
		padding-left: 8%;
	}
	/*----------
	font
	------------*/
	.fontll{
		font-size: 24px;
	}
	.fontm{
		font-size: 16px;
	}
	.fontss{
		font-size: 16px;
	}
	
	/* --------------------------------
	top
	---------------------------------*/
	.top .mv_slide .mv_slide_item{
		aspect-ratio: 0.562/1;
	}
	.top .logo_area{
		width: 66.4%;
		max-width: 249px;
		position: absolute;
		top: 33.1%;
	}

	/* --------------------------------
	about
	---------------------------------*/
	.about .concept{
		width: 82.9%;
		margin: 0 auto 40px;
	}
	.about .gallery_slide .flexbox a{
		padding: 2px;
	}

	/* --------------------------------
	stores
	---------------------------------*/
	.stores{
		padding-bottom:100px;
	}
	.stores .store_list{
		margin-top: 40px;
	}
	.stores .store_list .store_box{
		aspect-ratio: 1/0.752;
	}
	
	/* --------------------------------
	footer
	---------------------------------*/
	.footer {
		padding:0 8%;
		height: 155px;
		align-items: initial;
		padding-top: 32px;
	}
	.footer .footer_container{
		flex-direction: column;
		justify-content: initial;
	}
	.footer .footer_container ul{
		margin-right:0;
		flex-direction: column;
	}
	.footer .footer_container ul li{
		margin-right: 0;
		margin-bottom: 20px;
	}
	.footer .footer_container .coppyright{
		margin: 0 auto;
	}

}