:root {
	--red: #ce1126;
	--blue: #0066cc;
	--green: #006847;
}
body {
	margin: 0;
	padding: 0;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
dl, dt, dd {
	margin: 0;
}
img {
	vertical-align: bottom;
}
/* ヘッダ */
header {
	background-color: var(--red);
}
/* ロゴ */
#logo {
	margin: 0;
	font-size: 1rem;
	img {
		width: 160px;
		height: 36px;
	}
}
/* --ナビゲーション項目 */
.nav__items {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav__item a {
	color: #fff;
	font-size: 1.375rem;
	font-family: 'Inter', sans-serif;
	text-decoration: none;
}
/* メインビジュアル */
.mv img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}
main {
	/* メインエリアのh2要素 */
	h2 {
		color: #55000a;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1;
		margin: 0;
	}
	/* メインエリアのp要素 */
	p {
		margin: 0;
		line-height: 1.875;
	}
}
/* 「大切な人との楽しいひとときに、おいしいメキシコ料理をどうぞ」ブロック */
.message__content {
	padding-top: 50px;
	max-width: 1116px;
	margin-right: auto;
	margin-left: auto;
}
/* --見出し */
.message__heading {
	padding-top: 3.25rem;
	line-height: 1.25;
}
.message__heading span {
	display: block;
}
/* --テキスト */
.message__text--1 {
	padding-top: 1.125rem;
}
.message__text--2 {
	padding-top: 3rem;
}
/* --写真 */
.message__photo--1 img {
	width: 641px;
}
.message__photo--2 img {
	width: 356px;
}
.message__photo--3 img {
	width: 260px;
}
/* 「お知らせ」ブロック */
.information {
	margin-top: 75px;
	padding-top: 52px;
	background-color: #fff5e8;
	padding-bottom: 40px;
}
/* --リンクテキスト */
.information a {
	color: #000;
	text-decoration: underline;
}
.information dl {
	margin: 0;
}
/* --見出し */
.information__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.information__heading::after {
	content: '';
	width: 60px;
	height: 4px;
	margin-top: 20px;
	background-color: var(--red);
}
.information__items {
	padding-top: 50px;
}
/* --お知らせ1件 */
.information__item {
	border-bottom: solid 2px #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}
/* --お知らせのタイトル */
.information__title {
	font-weight: normal;
}
/* --お知らせのカテゴリー */
.information__category {
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
}
/* --「お知らせ一覧」ボタン */
.information__button {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-top: 34px;
	&::after {
		content: '';
		width: 8px;
		height: 13px;
		background-image: url("../img/icn_arrow.png");
		background-size: 8px 13px;
		margin-left: 10px;
	}
}
/* 「おすすめメニュー」ブロック */
.menu {
	padding-top: 50px;
	/* --リンクテキスト */
	a {
		text-decoration: none;
	}
}
/* --見出し */
.menu__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	&::after {
		content: '';
		width: 60px;
		height: 4px;
		margin-top: 20px;
		background-color: var(--red);
	}
}
/* --メニュー1品 */
.menu__item {
	display: flex;
	flex-direction: column;
	padding-top: 50px;
}
/* --メニュー品名 */
.menu__itemname {
	order: 2;
	font-size: 1.25rem;
	line-height: 1;
	color: var(--red);
	padding-top: 20px;
}
/* --メニュー説明文 */
.menu__text {
	order: 3;
	padding-top: 0.75rem;
	color: #000;
	line-height: 1.875;
}
/* --メニュー写真 */
.menu__photo {
	order: 1;
	img {
		max-width: 100%;
	}
}
/* --「メニュー一覧」ボタン */
.menu__button {
	display: flex;
	justify-content: center;
	padding-top: 43px;
	a {
		background-color: var(--red);
		color: #fff;
		padding: 15px 84px;
		display: flex;
		justify-content: center;
		font-size: 1.125rem;
		line-height: 1;
		font-weight: bold;
		border-radius: 24px;
		background-image: url("../img/icn_tri.png");
		background-repeat: no-repeat;
		background-size: 8px 12px;
		background-position: right 20px center;
	}
}
/* フッタ */
footer {
	background-color: var(--green);
	margin-top: 75px;
	color: #fff;
	padding: 50px 0;
}
.footer__content {
	display: flex;
	justify-content: space-between;
}
.footer__copyright {
	font-size: 0.875rem;
	display: flex;
	align-items: flex-end;
	margin: 0;
}
.footer__address {
	margin: 0;
	text-align: right;
}
header .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav__items{
	display: flex;
	gap: 80px;
}
.nav__item a{
	min-height: 72px;
	display: flex;
	align-items: center;
}
.message__content{
	display: grid;
	grid-template-columns: 285px 190px 95px auto;
	grid-template-rows: 218px 309px auto 1fr;
}
.message__heading{
	grid-column: 1/3;
	grid-row: 1;
}
.message__photo--1{
	grid-column: 3;
	grid-row: 1;
}
.message__photo--2{
	grid-column: 1;
	grid-row: 2;
	z-index: 2;
}
.message__photo--3{
	grid-column: 2;
	grid-row: 3/-1;
	z-index: 1;
	/* この数字が大きい方が上にくる（重なり） */
}
.message__text--1{
	grid-column: 4;
	grid-row: 3;
}
.message__text--2{
	grid-column: 4;
	grid-row: 4;
}

.information__items{
	display: grid;
	grid-template-columns: minmax(125px,max-content) minmax(80px,max-content) auto;
	/* 左から125px,もし中身が増えたら中身に応じて変える */
	column-gap: 25px;
	/* 左右に余白 */
}
.information__item{
	display: grid;
	grid-template-columns: subgrid;
	/* information__itemsの指定をそのまま引き継ぐ */
	grid-column: 1/-1;
}
.information__title{
	order: 3;
}
.information__category{
	order: 2;
}
.information__date{
	order: 1;
}
.information__category--menu{
	background-color: var(--red);
}
.information__category--service{
	background-color: var(--blue);
}
.information__category--reserve{
	background-color: var(--green);
}