@charset "UTF-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {

.shop_wrap {
	width:100%;
	display:flex;
	margin:0 auto 60px;
}

.shop_wrap_box01 {
	width:46%;
	margin-right:4%;
	position:relative;
}

.shop_wrap_box01:before {
	content:"";
	position:absolute;
	top:-30px;
	left:-50px;
	background:#0151a4;
	width:50%;
	height:300px;
	z-index:-1;
}

.shop_wrap_box02 {
	width:50%;
	position:relative;
}


.shop_wrap_list {
	width:100%;
	display:flex;
	margin:0 0 60px;
	list-style-type:none;
	align-items:stretch;
}

.shop_wrap_list li {
	width:31.33%;
	margin-right:3%;
	border:1px solid #0151a4;
	padding:10px;
	box-sizing:border-box;
}

.shop_wrap_list li:nth-child(3n) {
	margin-right:0;
}

.shop_wrap_list li h3{
	font-size:20px;
	color:#0151a4;
	border-bottom:1px solid #0151a4;
	padding-bottom:5px;
	margin-bottom:15px;
}

.shop_wrap_list li p {
	font-weight:bold;
	line-height:2;
	letter-spacing:1px;
}


.shop_wrap_list02 {
	width:100%;
	display:flex;
	margin:0 0 60px;
	list-style-type:none;
	align-items:stretch;
}

.shop_wrap_list02 li {
	width:24.625%;
	box-sizing:border-box;
	margin-right:0.5%;
	position:relative;
	padding-bottom:9px;
	border-bottom:1px solid #0151a4;
}

.shop_wrap_list02 li:before {
	content:"";
	position:absolute;
	top:-30px;
	left:-30px;
	background:#0151a4;
	width:50%;
	height:100px;
	z-index:-1;
}

.shop_wrap_list02 li:nth-child(4n) {
	margin-right:0;
}

.shop_wrap_list02 li h3{
	font-size:18px;
	color:#0151a4;
	padding:10px;
	box-sizing:border-box;
}

.shop_wrap_list02 li p {
	font-size:0.8em;
	line-height:2;
	letter-spacing:1px;
	color:FFF;
	padding:5px;
	box-sizing:border-box;
}

.gallery {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:0 0 60px;
}

.gallery div {
	width:23.5%;
	margin-right:2%;
	margin-bottom:2%;
}

.gallery div:nth-child(4n) {
	margin-right:0;
}

}

/*sp*/
@media only screen and (max-width: 767px) {

.shop_wrap {
	width:100%;
	margin:0 auto 30px;
}

.shop_wrap_box01 {
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.shop_wrap_box01:before {
	content:"";
	position:absolute;
	top:-30px;
	left:-50px;
	background:#0151a4;
	width:50%;
	height:300px;
	z-index:-1;
}

.shop_wrap_box02 {
	width:100%;
	position:relative;
}

.shop_wrap_list {
	width:100%;
	margin:0 0 30px;
	list-style-type:none;
}

.shop_wrap_list li {
	width:100%;
	margin-bottom:20px;
	border:1px solid #0151a4;
	padding:10px;
	box-sizing:border-box;
}

.shop_wrap_list li:nth-child(3n) {
	margin-right:0;
}

.shop_wrap_list li h3{
	font-size:16px;
	color:#0151a4;
	border-bottom:1px solid #0151a4;
	padding-bottom:5px;
	margin-bottom:15px;
}

.shop_wrap_list li p {
	font-size:0.9em;
	font-weight:bold;
	line-height:2;
	letter-spacing:1px;
}


.shop_wrap_list02 {
	width:100%;
	margin:0 0 30px;
	list-style-type:none;
}

.shop_wrap_list02 li {
	width:100%;
	box-sizing:border-box;
	position:relative;
	border-bottom:1px solid #0151a4;
	margin-bottom:20px;
}

.shop_wrap_list02 li:before {
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	background:#0151a4;
	width:50%;
	height:100px;
	z-index:-1;
}

.shop_wrap_list02 li h3{
	font-size:16px;
	color:#0151a4;
	padding:10px;
	box-sizing:border-box;
}

.shop_wrap_list02 li p {
	font-size:0.8em;
	line-height:2;
	letter-spacing:1px;
	color:FFF;
	padding:5px;
	box-sizing:border-box;
}

.gallery {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:0 0 60px;
}

.gallery div {
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
}

.gallery div:nth-child(2n) {
	margin-right:0;
}

}