@charset "UTF-8";

.index {
	margin-top: 80px;
	margin-bottom: 120px;
}

.index_link {
	text-align: center;
}

.index_link a {
	display: inline-block;
	color: #E40011;
	border: 3px solid #E40011;
	line-height: 1;
	padding: 20px 100px;
	font-size: 24px;
	font-weight: bold;
}

.index_wrap {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
}

.index_item {
	width: 49%;
	display: block;
	margin-left: 2%;
	margin-top: 20px;
	background-color: #F7F3F0;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	font-size: 22px;
	line-height: 150px;
	padding: 0 40px;
	text-shadow: 0 0 4px #F7F3F0;
	position: relative;
}

.index_item:after {
	border: 2px solid #e40011;
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	box-sizing: border-box;
	transition: opacity .3s;
}

.index_item.-rice01:after,
.index_item.-rice02:after {
	opacity: 1;
}

.index_item:hover:after {
	opacity: 1;
}

.index_item.-seimai {
	background-image: url("../product/img/img-index01_2308.png");
}

.index_item.-suihan {
	background-image: url("../product/img/img-index02_2505.png");
}

.index_item.-bento {
	background-image: url("../product/img/img-index03@2x.png");
}

.index_item.-tenpo {
	background-image: url("../product/img/img-index04@2x.png");
}

.index_item.-rice01 {
	background-color: #fff;
	background-image: url("/online/assets/img/img-rice01@2x.png");
	background-size: 70%;
	background-position: right 20px center;
	line-height: 1.45;
	padding: 55px 25px;
}

.index_item.-rice02 {
	background-color: #fff;
	background-image: url("/online/assets/img/img-rice02@2x.png");
	background-size: 30%;
	background-position: right 20px center;
	line-height: 1.45;
	padding: 55px 25px;
}

.index_item em {
	position: relative;
	z-index: 10;
}

.index_item span {
	display: block;
	line-height: 1.85;
	font-size: 14px;
	color: #838383;
}

.index_item .-blank {
	padding-left: 22px;
	background-image: url("/online/assets/img/icon-blank.svg");
	background-repeat: no-repeat;
	background-position: left center;
}

/* for Tablet */
@media screen and (max-width:1030px) {
}

@media screen and (min-width:641px) {
	.index_item:nth-child(-n+2) {
		margin-top: 0;
	}

	.index_item:nth-child(2n+1) {
		margin-left: 0;
	}

}

/* for SP */
@media screen and (max-width:640px) {
	.index {
		margin: 40px 0;
	}

	.index_wrap {
		display: block;
	}

	.index_link a {
		width: 100%;
		font-size: 20px;
		padding: 20px;
	}

	.index_item {
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
		font-size: 20px;
		padding: 0 25px;
		line-height: 120px;
	}

	.index_item:after {
		background: #F7F3F0;
		opacity: 0.5;
		border: 0;
		z-index: 0;
	}

	.index_item.-rice01,
	.index_item.-rice02 {
		background-image: none;
		background-color: #fff;
		background-position: right 20px center;
		background-size: 70%;
		line-height: 1.45;
		padding: 55px 25px;
		border: 2px solid #e40011;
	}

	.index_item.-rice01:after,
	.index_item.-rice02:after {
		opacity: 0;
	}

	.index_item:hover:after {
	}

	.index_item.-seimai {
	}

	.index_item.-suihan {
	}

	.index_item.-bento {
	}

	.index_item.-tenpo {
	}

	.index_item.-rice01 {
		background-image: url("/online/assets/img/img-rice01@2x.png");
		background-size: 70%;
		background-position: right 20px center;
		line-height: 1.45;
		padding: 55px 25px;
	}

	.index_item.-rice02 {
		background-image: url("/online/assets/img/img-rice02@2x.png");
		background-size: 30%;
		background-position: right 20px center;
		line-height: 1.45;
		padding: 55px 25px;
	}

	.index_item em {
		font-size: 18px;
	}

	.index_item span {
		font-size: 12px;
	}

	.index_item:nth-child(-n+2) {
	}

	.index_item:nth-child(2n+1) {
	}

}

/* for Print */
@media print {
}