@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :shop.css
 style info :shop
=================================================================== */
.mv-gallery{
	background: url(../img/mv_gallery.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.mv-gallery2{
	background: url(../img/mv_gallery2.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.gallery-list{
	overflow: hidden;
	margin: 0 auto;
}
.gallery-list li{
	float: left;
	position: relative;
}
.gallery-list li img{
	width: 100%;
}
.gallery-list li span{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.nav-local{
	text-align: center;
}
.nav-local ul{
	padding: 2em 0;
}
.nav-local ul li{
	display: inline-block;
	padding: 0 1em;
	border-left: solid 1px #ccc;
}
.nav-local ul li:last-child{
	border-right: solid 1px #ccc;
}
.menu-nav{
	overflow: hidden;
	padding-bottom: 60px;
}
.menu-nav li{
	float: left;
	text-align: center;
}

/* ===================================================================
スマホ
=================================================================== */
@media (max-width: 768px) {

.menu-nav li{
	width: 50%;
}
.menu-nav li a{
	display: block;
	margin: 0 10%;
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
}


/*------------ギャラリーリスト------------*/
.gallery-list{
}
.gallery-list li{
	width: 50%;
}
}
/* ===================================================================
PC
=================================================================== */
@media (min-width: 769px) {

.menu-nav{
	width: 80%;
	margin: 0 auto;
}
.menu-nav li{
	width: 50%;
}

/*------------ギャラリーリスト------------*/
.section-gallery{
	width: 90%;
	margin: 0 auto;
}
.gallery-list{
	margin-right: -1%;
}
.gallery-list li{
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
}
}

