@charset "UTF-8";
@import url("grid.css");
:root { /* 色変更される場合は、#以降のカラーコードを変更してください IE非対応 */
	--base-color: #000;
	--link-color: #666;
	--linkhover-color: #c670cd;
	--back-color: rgb(252, 212, 221);
	--border-color: #ccc;
	--white-color: #fff;
}
.ribbon1{
	position: relative;
	width: 100% ;
	height: 150px;
	background-color: #d86369;
	display:flex;
	justify-content: center;
	align-items: center;

	clip-path: polygon(
		0 0,
		100% 0,
		100% 100%,
		100% 100%,
		50% 85%,
		0 100%
	);
}
.ribbon1 a{
	width:100%;
	height: 100%;
	display: contents;
	text-align: center;
	color: #fff;
	font-size: larger;
	display:flex;
	justify-content: center;
	align-items: center;
}

.ribbon2{
	position: relative;
	width: 100%;
	height: 120px;
	background-color: #be2930;
	display:flex;
	justify-content: center;
	align-items: center;

	clip-path: polygon(
		0 0,
		100% 0,
		100% 100%,
		100% 100%,
		50% 85%,
		0 100%
	);
}
.ribbon2 a{
	width:100%;
	height: 100%;
	display: contents;
	text-align: center;
	color: #fff;
	font-size: larger;
	display:flex;
	justify-content: center;
	align-items: center;
}