@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/fontawesome/css/all.min.css); */
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
group
==============================*/

/* mv_pg ----------*/
#mv_pg::after { background-image: url(../img/group/kv.webp); }

/* shops ----------*/
.shops { display: flex; flex-direction: column; gap: 12rem; }
.shops > li { display: grid; grid-template-columns: 37rem 1fr; gap: 4rem; }
.shops .hw { display: flex; flex-direction: column; align-items: start; gap: 10rem; }
.shops .hw .h2 { font-size: 2.8rem; }
.shops .iw {}
.shops .iw a { position: relative; display: inline-block; color: #FFF; text-decoration: none; }
.shops .iw a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0.6rem; height: 1px; background-color: currentColor; }
.shops .iw a .icon_arrow  { width: 1.1rem; }
.shops .info { color: #FFF; }
.shops .info li { display: grid; grid-template-columns: 14rem 1fr; padding: 2.5rem 0; border-bottom: solid 1px #A58D87; }
.shops .info li:first-child { padding-top: 0; }
.shops .info li .h { color: #B99469; align-self: center; }
.shops .info li .d .cap { display: inline-block; line-height: 1.9; margin-top: 1rem; }
.shops .info li .d.add { display: flex; flex-flow: wrap; column-gap: 1rem; row-gap: 0; }
.shops .info li .d.add a { margin-left: auto; }
@media screen and (max-width:896px) { /* m */
	.shops > li { grid-template-columns: 1fr; }
	.shops .hw { align-items: center; gap: 2rem; }
	.shops .info li { grid-template-columns: 12rem 1fr; }
	.shops .info li .d.add { line-height: 1.8; flex-direction: column; align-items: start; }
	.shops .info li .d.add a { display: inline-block; margin-left: 0; line-height: 2.5; }
}