@charset "utf-8";

#shopBox > div:first-child a {
	border-style: none;
}
#shopBox > div:first-child img {
	height: 100%;
	width: 100%;
}
#shopBox > div:last-child .operation_panel .button4 {
	display: flex;
}
#shopBox > div:last-child .operation_panel .button4 + .button4 {
	margin-top: 3.75%;
}
#shopBox > div:last-child .operation_panel .button4 a, 
#shopBox > div:last-child .operation_panel .button4 span {
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	display: block;
	margin-left: 3.75%;
	overflow: hidden;
	width: 22.1875%;/*(100% - 3.75% * 3) / 4*/
}
#shopBox > div:last-child .operation_panel .button4 a img, 
#shopBox > div:last-child .operation_panel .button4 span img {
	/*height: 100%;*/
	width: 100%;
}

@media only screen and (min-width:768px){/*PC*/
	#shopBox {
		display: flex;
		width: 100%;
	}
	#shopBox > div {
		width: 48.125%;/*(100% - 3.75%) / 2*/
	}
	#shopBox > div:first-child {
		overflow: hidden;
		
		/*角を丸くする*/
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	#shopBox > div:last-child {
		margin-left: 3.75%;
	}
	#shopBox > div:last-child .operation_panel {
		margin-top: 4.5%;
	}
}
@media only screen and (max-width:767px){/*mobile*/
	#shopBox {
		display: block;
		width: 100%;
	}
	#shopBox > div:first-child {
		overflow: hidden;
	}
	#shopBox > div:first-child a{
		float: none !important;
		margin-bottom:9px;
		overflow:hidden;
		width: 144px;/*(296px(=320px - 12px - 12px) - 12px) / 2 + 2px(高さ調整分)*/
		
		/*角を丸くする*/
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#shopBox > div:last-child .div_shopname {
		background-color: rgba(0,0,0,0.50);
		height: 60px;
		padding: 2px 3.75%;
		position: relative;
		margin-top: -60px; 
	}
	#shopBox > div:last-child .div_shopname .subtitle {
		color: #fff;
	}
	#shopBox > div:last-child .operation_panel {
		margin-top: 16px;
		padding: 0 3.75%;
	}
}