* {
	margin: 0;
	padding: 0;
	/* box-sizing: border-box; */
	font-family: 'M PLUS 1p', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	font-size: 20px;
}

/* p {
	
	font-size: 15px;
} */

html {
	min-height: 100%;
}

body {
	grid-template-areas:
		"header header header"
		"nav main aside"
		"nav main aside"
		"footer footer footer";
	/* grid-template-rows: 100px 50px 10px; */
	/* align-items: center;
	place-items: center; */
	/* height: 100vh; */
	/* background-color:  #CCCCCC; */
	background-image: linear-gradient(0deg, rgba(255, 241, 253, 0.75), rgba(255, 251, 253, 0.8)), url(./img/bg-world.png);
	background-size: cover;
	background-attachment: fixed;
	/* background-size: cover; */
}

body.bg-gradient {
	width: 100%;
}

/* footer {
	color: #fff;
	background: #392F5A;
} */

.container {
	display: grid;
	/*「Container」を「Grid Layout」に指定*/
	grid-template-columns: 1fr 770px 1fr;
	grid-template-rows: 50px auto 1fr 50px;
	height: 100vh;
}

.item-center {
	display: grid;
	justify-items: center;
	align-items: center;
}

.exactmatch {
	margin-top: 60px;
	padding: 0.5rem 1rem;
	color: #fff;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(#e64f41), to(#f8e9e8));
	background-image: -webkit-linear-gradient(left, #e64f41 0%, #f8e9e8 100%);
	background-image: linear-gradient(to right, #e64f41 0%, #f8e9e8 100%);
	font-style: bold;
	/* break-inside: avoid;
		display: block;
		max-width: 770px;
		margin-left: auto;
		margin-right: auto; */
}

.prefmatch,
.partmatch {
	padding: 0.5rem 1rem;
	color: #fff;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(#e64f41), to(#f8e9e8));
	background-image: -webkit-linear-gradient(left, #e64f41 0%, #f8e9e8 100%);
	background-image: linear-gradient(to right, #e64f41 0%, #f8e9e8 100%);
	font-style: bold;

	/* break-inside: avoid;
		display: block;
		max-width: 770px;
		margin-left: auto;
		margin-right: auto; */
}

#header {
	position: fixed;
	grid-area: item2;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}

.rslt {
	break-inside: avoid;
	display: flex;
	/* justify-content: flex-end; */
	/* max-width: 770px;
	margin-left: auto;
	margin-right: auto; */
	margin-bottom: 10px;
	padding-left: 1em;
	padding-right: 1em;
}

.text {
	vertical-align: top;
	justify-content: flex-start;
	/* display: inline-block; */
	/* margin-right: 20px; */
}

.img {
	/* vertical-align: top; */
	/* margin-right: 0; */
	justify-content: flex-end;
	margin-left: auto;
	margin-bottom: 30px;
	/* display: inline-block; */
	/* margin-bottom: 30px; */
	height: 200;
	content: flex-end;
}

.notfound {
	padding-left: 1em;
}


#copyright {
	font-size: 15px;
}

/* input,
button {
	padding: 0.2em;
} */
.searchform-toppage {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* justify-content: center;
	align-items: center; */
	/* min-height: 100vh; */
	border-radius: 25px;
	/* top: 50%; */
	overflow: hidden;
}

.searchform-toppage input {
	width: 300px;
	height: 50px;
	padding: 5px 15px;
	border: none;
	box-sizing: border-box;
	background-color: #f0e2e2;
	font-size: 1.5em;
	outline: none;
}

.searchform-toppage input::placeholder {
	color: #767d83;
}

.searchform-toppage button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 50px;
	border: none;
	background-color: #e64f41;
	cursor: pointer;
}

.searchform-toppage button::after {
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	content: '';
}

/* 検索結果ページのフォーム */

.searchform-rslt {
	display: flex;

	position: absolute;
	top: 10px;
	left: 10px;
	/* left: 0%; */
	/* transform: translate(-50%, -50%); */
	/* justify-content: center;
	align-items: center; */
	/* min-height: 100vh; */
	border-radius: 25px;
	/* top: 50%; */
	overflow: hidden;
	/* font-size: 15px; */
}

.searchform-rslt input {
	width: 200px;
	height: 40px;
	padding: 5px 15px;
	border: none;
	box-sizing: border-box;
	background-color: #f0e2e2;
	font-size: 1em;
	outline: none;
}

.searchform-rslt input::placeholder {
	color: #767d83;
}

.searchform-rslt button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 40px;
	border: none;
	background-color: #e64f41;
	cursor: pointer;
}

.searchform-rslt button::after {
	width: 15px;
	height: 15px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	content: '';
}

.exactM {
	grid-row-start: 2;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-area: main;
}

.hr1 {
	position: relative;
	height: 1px;
	border-width: 0;
	/* background-color: #00bcd4; */
	background-image: -webkit-linear-gradient(135deg, #fe8ba4 10%, #7e88ca 100%);
	background-image: linear-gradient(135deg, #FD6585 10%, #7e88ca 100%);
	margin-left: 0.8em;
	margin-right: 0.8em;
}

/* .prefM {} */

/* レスポンシブ */
/* @media screen and (max-width: 1800px) {
	#col {
		column-count: 3;
		gap: 50px;
		padding-left: 1em;
		display: block;
	}
}

@media screen and (max-width: 1400px) {
	#col {
		column-count: 2;
		gap: 50px;
		padding-left: 1em;
		display: block;
	}
}

@media screen and (max-width: 1000px) {
	#col {
		column-count: 1;
		gap: 50px;
		padding-left: 1em;
		display: block;
	}
} */