@charset 'UTF-8';

body {
	background-image: url(../images/bg_chat_street.jpg);
	background-size: 180px 180px;
	background-repeat: repeat;
}

.contents {
	border: 3px solid #0148a6;
	background: #0148a6;
}

.stamp_area {
	background-image: url(../images/bg_chat_street_stamp_area.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 1 / 1;
}

.stamp_area .logo_chat_street {
	display: block;
	width: 80%;
	height: auto;
	margin-inline: auto;
	margin-block-start: 20px;
}

.stamp_area .stamp_upper,
.stamp_area .stamp_lower {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding-inline: 5%;
	gap: 0;
}

.stamp_area .stamp_upper {
	margin-block-start: 3%;
}

.stamp_area .stamp_upper li,
.stamp_area .stamp_lower li {
	width: 25%;
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 420 / 475;
	flex-shrink: 0;
}

.stamp_area .stamp_upper li.stamp_street_01 {
	background-image: url(../images/chat_street/stamp_street_01_gray.svg);
}

.stamp_area .stamp_upper li.stamp_street_02 {
	background-image: url(../images/chat_street/stamp_street_02_gray.svg);
}

.stamp_area .stamp_upper li.stamp_street_03 {
	background-image: url(../images/chat_street/stamp_street_03_gray.svg);
}

.stamp_area .stamp_upper li.stamp_street_04 {
	background-image: url(../images/chat_street/stamp_street_04_gray.svg);
}

.stamp_area .stamp_lower li.stamp_street_05 {
	background-image: url(../images/chat_street/stamp_street_05_gray.svg);
}

.stamp_area .stamp_lower li.stamp_street_06 {
	background-image: url(../images/chat_street/stamp_street_06_gray.svg);
}

.stamp_area .stamp_lower li.stamp_street_07 {
	background-image: url(../images/chat_street/stamp_street_07_gray.svg);
}

.stamp_area .stamp_lower li.stamp_street_08 {
	background-image: url(../images/chat_street/stamp_street_08_gray.svg);
}

.stamp_area .stamp_upper li.stamp_street_01.clear {
	background-image: url(../images/chat_street/stamp_street_01_clear.svg);
}

.stamp_area .stamp_upper li.stamp_street_02.clear {
	background-image: url(../images/chat_street/stamp_street_02_clear.svg);
}

.stamp_area .stamp_upper li.stamp_street_03.clear {
	background-image: url(../images/chat_street/stamp_street_03_clear.svg);
}

.stamp_area .stamp_upper li.stamp_street_04.clear {
	background-image: url(../images/chat_street/stamp_street_04_clear.svg);
}

.stamp_area .stamp_lower li.stamp_street_05.clear {
	background-image: url(../images/chat_street/stamp_street_05_clear.svg);
}

.stamp_area .stamp_lower li.stamp_street_06.clear {
	background-image: url(../images/chat_street/stamp_street_06_clear.svg);
}

.stamp_area .stamp_lower li.stamp_street_07.clear {
	background-image: url(../images/chat_street/stamp_street_07_clear.svg);
}

.stamp_area .stamp_lower li.stamp_street_08.clear {
	background-image: url(../images/chat_street/stamp_street_08_clear.svg);
}