@charset "UTF-8";

#pagetitle {
	background: url(../img/title_img/shop.jpg) 75% center no-repeat;
	background-size: auto 100%;
}
@media print, screen and (min-width:768px) {
	#pagetitle {
		background: url(../img/title_img/shop.jpg) center center no-repeat;
		background-size: cover;
	}	
}
/*------------------------------------------------------------content*/
#shop{
	padding: 15px 0 30px;
}
	#shop section#sec01{
		padding:30px 0 30px;	
	}
	#shop section#map{
		padding: 0 0 30px;	
	}
@media print, screen and (min-width:768px) {
	#shop{
		padding: 30px 0 60px;
	}
	#shop section#sec01{
		padding:60px 0 60px;	
	}
	#shop section#map{
		padding: 0 0 60px;	
	}
}

.fluid-box{
	margin-top: 20px;
 width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background:url(../img/index_img/intro_bg.jpg) left center no-repeat;
	background-size: auto 100%;
    padding:20px 15px;
}
.fluid-box-inner{
 margin: 0 auto;
  padding: 15px;
 background-color:rgba(255,255,255,0.8);
}
.fluid-box-inner ul{
	margin-top: 30px;
}
.fluid-box-inner ul li{
	margin-bottom: 10px;
}

@media print, screen and (min-width:768px) {
	
	.fluid-box{
		padding: 40px;
		background:url(../img/index_img/intro_bg.jpg) left center no-repeat;
		background-size: auto 100%;
	}
	.fluid-box-inner{
	
		padding: 25px 50px 50px;
	}
	.fluid-box-inner ul{
	display: flex;
		justify-content: space-between;
	}
	.fluid-box-inner ul li{
		width: calc(33% - 15px);
	}
}

.ggmap {
	position: relative;
	padding-bottom:40%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 20px 0;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}