.container {
	width: 980px;
	margin: 0px auto 0px;
	padding: 30px 0px 128px;
	line-height: 1.5;
}

h2 {
	color: #36bea0;
	margin-bottom: 30px;
	padding-left: 5px;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 10px;
}

.container .recomenSuhi {
	margin-bottom: 40px;
}

.sushiLine {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	width: 980px;
	margin-bottom: 10px;
}

.sushiBox {
	position: relative;
	width: calc( ( 100% - ( 10px * 3 ) ) / 4 );
	background-color: #ebebeb;
}


.sushiBox_hover {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.sushiBox_inner {
	display: block;
	padding: 10px;
	z-index: 1;
}

.sushiBox_hover:hover {
	display: block;
	background: rgba(0, 0, 0, 0.1);
	text-decoration: underline;
	color: #505050;
	z-index: 100;
}


.sushiBox_inner .imgBox {
	width: 100%;
	margin-bottom: 10px;
}

.sushiBox_inner .imgBox span {
	overflow: hidden;
	display: block;
	width: 100%;
	text-align: center;
	aspect-ratio: 1/1;
}

.sushiBox_inner .imgBox span img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.sushiName {
	line-height: 1.5;
	overflow: hidden;
	padding-left: 16px;
	word-wrap: break-word;
	position: relative;
	color: #505050;
	font-size: 18px;
}

.hover_box .sushiName {
	text-decoration: underline;
}

.sushiBoxList {
	padding-bottom: 15px;
}


.sushiBox .sushiName .tipBlock {
	display: inline-block;
	letter-spacing: normal;
	top: 8px;
	left: 0;
	width: 13px;
	height: 13px;
	overflow: hidden;
	text-indent: 100000px;
	position: absolute;
}

.tip1 {
	background-color: #ff0303;
}

.tip2 {
	background-color: #0bb9fe;
}

.tip3 {
	background-color: #b28850;
}

.tip4 {
	background-color: #f54e96;
}

.tip5 {
	background-color: #36bea0;
}

.tip6 {
	background-color: #ffd801;
}

.tip7 {
	background-color: #9e149e;
}

.tip8 {
	background-color: #1559ad;
}

.tip9 {
	background-color: #5e5d5d;
}

.tip10 {
	background-color: #ff7200;
}