@charset "UTF-8";

/* --- 「割烹の味 味は心」シリーズ --- */
section.foods-top {
	background: #FFF;
	padding: 20px 30px 35px;
}
section.foods-top div.catch {
	text-align: center;
	margin-bottom: 25px;
}
section.foods-top div.catch h2 {
	color: #a52e66;
	font-size: 21px;
	line-height: 1.6em;
}
section.foods-top div.catch p {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 16px;
}
section.foods-top div.box div.photo img {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
section.foods-top div.box div.text p {
	font-size: 14px;
	line-height: 1.6em;
}

/* --- 美味しさのポイント＆特徴 --- */
section.foods-point {
	background: #f1efe2;
	padding-top: 20px;
	padding-bottom: 35px;
}
section.foods-point div.head {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
section.foods-point h2 {
	color: #a52e66;
	text-align: center;
	font-size: 22px;
	line-height: normal;
}
section.foods-point div.head span.ttl_before,
section.foods-point div.head span.ttl_after {
	display: block;
	width: 38px;
	height: 1px;
	border: 1px solid #a52e66;
}
section.foods-point div.head span.ttl_before {
	transform: rotate(55deg);
}
section.foods-point div.head span.ttl_after {
	transform: rotate(-55deg);
}

section.foods-point div.container {
	margin-bottom: 85px;
}
section.foods-point div.container article {
	padding: 0px 30px 40px;
}
section.foods-point div.container article:last-child {
	padding-bottom: 0px;
}
section.foods-point div.container article div.img-area {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
section.foods-point div.container article div.img1 {
	background: url(../img/foods_point01_sp.png) no-repeat center center;
	width: 115px;
	height: 206px;
}
section.foods-point div.container article div.img2 {
	background: url(../img/foods_point02_sp.png) no-repeat center center;
	width: 195px;
	height: 212px;
}
section.foods-point div.container article div.img3 {
	background: url(../img/foods_point03_sp.png) no-repeat center center;
	width: 215px;
	height: 149px;
}
section.foods-point div.container article p.icon {
	display: block;
	background: #c35b79;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	width: 110px;
	height: 110px;
	line-height: 110px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
section.foods-point div.container article p.icon span {
	font-size: 36px;
	line-height: 110px;
}
section.foods-point div.container article h3 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
section.foods-point div.container article p {
	font-size: 14px;
	line-height: 1.8em;
}

section.foods-point div.banner {
	width: 315px;
	margin-left: auto;
	margin-right: auto;
}
section.foods-point div.banner img {
	width: 100%;
	height: auto;
}

/* タブレット用 */
@media(min-width:768px) {
	/* --- 「割烹の味 味は心」シリーズ --- */
	section.foods-top {
	padding: 35px 25px 53px;
	}
	section.foods-top div.catch {
		margin-bottom: 45px;
	}
	section.foods-top div.catch span.sp {
	display: none; /* 非表示にする */
	}
	section.foods-top div.catch h2 {
	font-size: 30px;
	line-height: 1.6em;
	}
	section.foods-top div.catch p {
	font-size: 28px;
	line-height: 1.4em;
	margin-bottom: 21px;
	}
	section.foods-top div.box {
	display: flex;
	flex-direction: row-reverse;
	}
	section.foods-top div.box div.photo img {
	width: 376px;
	}
	section.foods-top div.box div.text {
	padding-right: 20px;
	}
	section.foods-top div.box div.text p {
	font-size: 18px;
	line-height: 1.6em;
	}
	/* --- 美味しさのポイント＆特徴 --- */
	section.foods-point {
	padding-top: 38px;
	padding-bottom: 50px;
	}
	section.foods-point h2 {
	font-size: 26px;
	}
	section.foods-point div.head {
	margin-bottom: 32px;
	}
	section.foods-point div.head span.ttl_before,
	section.foods-point div.head span.ttl_after {
	width: 42px;
	}
	
	section.foods-point div.container {
	margin-bottom: 53px;
	display: flex;
	}
	section.foods-point div.container article {
	padding-bottom: 0px;
	}
	section.foods-point div.container article div.img-area {
	margin-bottom: 20px;
	}
	section.foods-point div.container article div.img1 {
	background: url(../img/foods_point01_tb.png) no-repeat center center;
	width: 100px;
	height: 207px;
	}
	section.foods-point div.container article div.img2 {
	background: url(../img/foods_point02_tb.png) no-repeat center bottom;
	width: 190px;
	height: 207px;
	}
	section.foods-point div.container article div.img3 {
	background: url(../img/foods_point03_tb.png) no-repeat center bottom;
	width: 215px;
	height: 207px;
	}
	section.foods-point div.container article p.icon {
	font-size: 23px;
	width: 115px;
	height: 115px;
	line-height: 115px;
	border-radius: 50%;
	margin-bottom: 30px;
	}
	section.foods-point div.container article p.icon span {
	font-size: 36px;
	line-height: 115px;
	}
	section.foods-point div.container article h3 {
	font-size: 18px;
	margin-bottom: 20px;
	}
	section.foods-point div.container article p {
	font-size: 16px;
	line-height: 1.7em;
	}
	section.foods-point div.banner img.sp {
	display: none; /* 非表示にする */
	}
	
	section.foods-point div.banner {
	width: 100%;
	padding-left: 45px;
	padding-right: 45px;
	}
}

/* デスクトップ用 */
@media(min-width:1024px) {
	/* --- 「割烹の味 味は心」シリーズ --- */
	section.foods-top {
	padding: 50px 20px 70px;
	}
	section.foods-top div.catch {
		margin-bottom: 65px;
	}
	section.foods-top div.catch h2 {
	font-size: 40px;
	line-height: 1.6em;
	}
	section.foods-top div.catch p {
	font-size: 34px;
	line-height: 1.4em;
	margin-bottom: 26px;
	}
	section.foods-top div.box div.photo img {
	width: 432px;
	}
	section.foods-top div.box div.text {
	padding-right: 30px;
	}
	section.foods-top div.box div.text p {
	font-size: 22px;
	line-height: 1.6em;
	}
	/* --- 美味しさのポイント＆特徴 --- */
	section.foods-point {
	padding-top: 55px;
	padding-bottom: 65px;
	}
	section.foods-point h2 {
	font-size: 30px;
	}
	section.foods-point div.head {
	margin-bottom: 35px;
	}
	section.foods-point div.head span.ttl_before,
	section.foods-point div.head span.ttl_after {
	width: 46px;
	}
	
	section.foods-point div.container {
	margin-bottom: 50px;
	}
	section.foods-point div.container article div.img-area {
	margin-bottom: 30px;
	}
	section.foods-point div.container article div.img1 {
	background: url(../img/foods_point01_pc.png) no-repeat center top;
	width: 130px;
	height: 258px;
	}
	section.foods-point div.container article div.img2 {
	background: url(../img/foods_point02_pc.png) no-repeat center bottom;
	width: 237px;
	height: 258px;
	}
	section.foods-point div.container article div.img3 {
	background: url(../img/foods_point03_pc.png) no-repeat center bottom;
	width: 245px;
	height: 258px;
	}
	section.foods-point div.container article p.icon {
	font-size: 30px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	margin-bottom: 30px;
	}
	section.foods-point div.container article p.icon span {
	font-size: 36px;
	line-height: 120px;
	}
	section.foods-point div.container article h3 {
	font-size: 22px;
	margin-bottom: 20px;
	}
	section.foods-point div.container article p {
	font-size: 20px;
	line-height: 1.7em;
	}
}

/* モバイル用 */
@media(max-width:767px) {
	/* --- 「割烹の味 味は心」シリーズ --- */
	section.foods-top div.catch span.pc {
	display: none; /* 非表示にする */
	}
	/* --- 美味しさのポイント＆特徴 --- */
	section.foods-point div.banner img.pc {
	display: none; /* 非表示にする */
	}
}