div.page-head {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 270px;
	background-color: #FFFAF8;
	padding: 50px 0 0;
	margin: 0 0 10px;
	z-index: 10;
}
div.page-head::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;

	mask-image: url('../images/bg-page-wave.svg');
	-webkit-mask-image: url('../images/bg-page-wave.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: top right;

	opacity: 0.2;
}
div.page-head::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40%;
	height: 100%;
	transform: scale(-1);

	mask-image: url('../images/bg-page-wave.svg');
	-webkit-mask-image: url('../images/bg-page-wave.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: top right;

	opacity: 0.2;
}
div.page-head div.page-title {
	position: relative;
	width: 100%;
	z-index: 10;
}
div.page-head div.page-title h1 {
	text-align: center;
	font-size: 1.75em;
	font-weight: 700;
}
div.page-head div.page-title h1 span {
	position: relative;
	padding: 0 0 10px;
}
div.page-head div.page-title h1 span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
}


@media screen and (max-width: 1024px) {
	div.page-head {
		padding: 120px 0 20px;
	}
}
@media screen and (max-width: 768px) {
	div.page-head {
		height: 180px;
		padding: 70px 0 20px;
	}
	div.page-head::before,
	div.page-head::after {
		width: 70%;
	}
	div.page-head figure {
		width: 60vw;
	}
	div.page-head div.page-title h1 {
		font-size: min(5.33vw, 1.625em);
	}
}
@media screen and (max-width: 400px) {
	div.page-head {
		height: 160px;
		padding: 60px 0 20px;
	}
}

/* --------------------------------- about */
.award div.about {
	width: 100%;
	padding: 0 80px 0;
	margin: 0 0 30px;
}
.award div.about p {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.award div.about p span {
	font-weight: 700;
	background: linear-gradient(0deg, #f5eed8 20%, transparent 20%);
}

.faward div.about {
	width: 100%;
	padding: 0 80px 0;
	margin: 0 0 30px;
}
.faward div.about p {
	width: 100%;
	max-width: 710px;
	margin: 0 auto;
}
.faward div.about p span {
	font-weight: 700;
	background: linear-gradient(0deg, #fff3cd 20%, transparent 20%);
}

@media screen and (max-width: 510px) {
	.award div.about,
	.faward div.about {
		padding: 0 40px 0;
		margin: 0 0 20px;
	}
	.award div.about p,
	.faward div.about p {
		font-size: 0.95em;
	}
}

/* --------------------------------- search */

div.search-box {
	position: relative;
	width: 100%;
	padding: 0 40px 0;
	z-index: 10;
}
div.search-box div.inner {
	width: 100%;
	max-width: 1200px;
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0 6px 26px rgba(177, 168, 154, 0.1);
	padding: 50px 80px 30px;
	margin: 0 auto 0;
}
div.search-box h2 {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}
div.search-box h2 svg {
	stroke: none;
	width: 34px;
	margin-right: 20px;
}
div.search-box h2 span {
	display: block;
	flex-shrink: 0;
	font-size: 1.625em;
	font-weight: 700;
	margin-right: 20px;
}
div.search-box h2::after {
	content: '';
	display: block;
	width: 100%;
	height: 6px;
	border-radius: 20px;
}

/* search-filter-field */
div.search-filter-field {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 16px;
}
div.search-filter-field div.search-filter-label {
	width: 140px;
	font-size: 1.0em;
	font-weight: 700;
	margin: 0;
}

/* radio / check-box */
div.search-filter-field div.search-filter-input-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: calc(100% - 140px);
}
span.search-filter-input-checkbox__control {
	display: none;
	visibility: hidden;
	opacity: 0;
}

/* radio */
div.search-filter-field[data-search-filter-id="5"] {
	align-items: baseline;
}
div.search-filter-input-radio {
	width: calc(96% / 4);
	margin: 0 1% 8px 0;
	padding: 0;
}
div.search-filter-input-radio label.search-filter-input-radio__container {
	min-height: 56px;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	padding: 5px 10px;
}
span.search-filter-input-radio__label {
	align-items: center;
	font-size: 0.85em;
	font-weight: 500;
	line-height: 18px;
	padding-left: 6px;
}
span.search-filter-input-radio__count {
	font-size: 1em;
}
span.search-filter-input-radio__control {
	width: 20px;
	height: 20px;
}
svg#sf-svg-radio-checked {
	stroke: none;
	fill: currentColor;
	outline: unset;
}
svg#sf-svg-radio {
	stroke: none;
	fill: currentColor;
}

/* check-box */
div.search-filter-field[data-search-filter-id="6"] {
	align-items: baseline;
}
div.search-filter-input-checkbox {
	width: calc(96% / 4);
	padding: 0;
  margin: 4px 1% 4px 0;
}
span.search-filter-input-checkbox__label {
	font-size: 0.85em;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	background-color: #f0f0f0;
	padding: 10px 6px;
}
span.search-filter-input-checkbox__count {
	font-size: 0.85em;
}
div.search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label {
	color: #FFF;
}

/* text */
div.search-filter-input-text {
	width: calc(100% - 140px);
}
div.search-filter-input-text input[type=text].search-filter-input-text__input,
div.search-filter-input-text input[type=text].search-filter-input-text__input:hover {
	font-size: 0.85em;
}
svg#sf-svg-search {
	stroke: none;
	fill: #BFBFBF;
}
svg#sf-svg-clear {
	stroke: none;
	fill: #9c1919;
}

.search-filter-input-radio input[type=radio].search-filter-input-radio__input:focus+.search-filter-input-radio__container .search-filter-input-radio__control>svg {
	outline: unset!important;
}

/* combobox */
div.search-filter-component-combobox-base {
	width: calc(100% - 140px);
}
div.search-filter-component-combobox div.search-filter-component-combobox__selection {
	font-size: 1em;
}
div.search-filter-component-combobox__listbox-toggle::before {
	display: none;
}
li.search-filter-component-combobox-base__listbox-option--active,
li.search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected {
	background: #bbbbbb;
}
li.search-filter-component-combobox-base__listbox-option--selected {
	background: #eeeeee;
}
svg#sf-svg-arrow-down {
	stroke: none;
	fill: currentColor;
	outline: unset;
}
div.search-filter-component-combobox__listbox-toggle svg {
	fill: #ffffff;
	color: #ffffff;
}
div.search-filter-component-combobox__listbox-toggle:hover svg {
	fill: #ffffff;
	color: #ffffff;
	opacity: 0.6;
}

@media screen and (max-width: 1024px) {
	div.search-box div.inner {
		padding: 50px 40px 30px;
	}
	div.search-filter-input-radio {
    width: calc(97% / 3);
	}
	div.search-filter-input-checkbox {
		width: calc(97% / 3);
	}
}
@media screen and (max-width: 768px) {
	div.search-box div.inner {
		padding: 50px 30px 30px;
	}
	div.search-box h2 span {
		font-size: min(5.31vw, 1.375em);
	}
	div.search-filter-field div.search-filter-label {
		margin: 0 0 10px;
	}
	div.search-filter-field div.search-filter-input-group {
		width: 100%;
	}
	div.search-filter-input-text {
		width: 100%;
	}
	div.search-filter-component-combobox-base {
		width: 100%;
	}
}
@media screen and (max-width: 510px) {
	/* div.search-box {
		padding: 0 24px 0;
	} */
	/* div.search-box div.inner {
		padding: 30px 20px 10px;
	} */

	div.search-filter-input-radio label.search-filter-input-radio__container {
		padding: 5px 5px;
	}
	span.search-filter-input-radio__control {
		width: 15px;
		height: 15px;
	}
	span.search-filter-input-radio__label {
		font-size: min(4.38vw, 0.834em);
	}
	div.search-filter-input-radio {
    width: calc(98% / 2);
	}
	div.search-filter-input-checkbox {
		width: calc(98% / 2);
	}
	span.search-filter-input-checkbox__label,
	span.search-filter-input-checkbox__count {
		font-size: min(4.38vw, 0.834em);
	}
}

/* --------------------------------- result */
div.result-box {
	width: 100%;
	/* background-color: #fffaf8; */
	border-radius: 60px 60px 0 0;
	padding: 160px 80px 60px;
	margin-top: -100px;
}
div.result-box h2 {
	max-width: 1200px;
	margin: 0 auto 30px;
}
div.result-box ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0;
}
div.result-box ul > li {
	width: calc(91% / 4);
	border-bottom: 1px solid #BCBCBC;
	padding: 0 0 16px;
	margin: 0 0 16px;
}
div.result-box ul > li:not(:nth-child(4n)) {
	margin-right: 3%;
}
div.result-box ul > li a {
	display: block;
	height: 100%;
	color: #3A3939;
}
div.result-box ul li div.thumb {
	position: relative;
	width: 100%;
	/* background-color: #ECE8E3; */
	border-radius: 30px 0 30px 0;
	overflow: hidden;
	margin: 0 0 10px;
}
div.result-box ul li div.thumb::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/bg-line.svg') repeat;
	background-size: 16px;
}
div.result-box ul li div.thumb figure {
	position: relative;
	width: auto;
	height: auto;
	aspect-ratio: 23 / 16;
	margin: 0 auto;
	overflow: hidden;
	z-index: 3;
}
div.result-box ul li div.thumb figure img {
	object-fit: contain;
	object-position: center;
	height: 100%;
}
div.result-box ul.category {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	width: 100%;
	margin: 0 0 6px;
}
div.result-box ul li ul.category li {
	width: fit-content;
	border: 1px solid #3A3939;
	border-radius: 50px;
	padding: 2px 8px;
	margin: 0 2px 4px;
}
div.result-box ul li ul.category li span {
	display: flex;
	align-items: center;
	font-size: 0.875em;
}
div.result-box ul li ul.category li span::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background-color: #3A3939;
	border-radius: 20px;
	margin-right: 6px;
}
div.result-box ul li h3 {
	font-size: 1.12em;
	font-weight: 500;
	padding: 0 10px;
}

div.result-box ul li a div.thumb figure img {
	transition: transform 0.3s;
}
div.result-box ul li a:hover div.thumb figure img {
	transform: scale(1.1);
}

p.no-results {
	width: 100%;
	text-align: center;
}
div.search-filter-query-posts {
	width: 100%;
	margin: 0 0 30px;
}

@media screen and (max-width: 1024px) {
	div.result-box ul li ul.category li span {
		font-size: 0.95em;
	}
}
@media screen and (max-width: 1023px) {
	div.result-box ul > li {
		width: calc(96% / 3);
	}
	div.result-box ul > li:not(:nth-child(4n)) {
		margin-right: 0;
	}
	div.result-box ul > li:not(:nth-child(3n)) {
		margin-right: 2%;
	}
	div.result-box ul li h3 {
		font-size: 1em;
	}
}
@media screen and (max-width: 768px) {
	div.result-box {
		padding: 130px 40px 60px;
	}
}
@media screen and (max-width: 630px) {
	div.result-box ul > li {
		width: calc(98% / 2);
	}
	div.result-box ul > li:not(:nth-child(3n)) {
		margin-right: 0;
	}
	div.result-box ul > li:not(:nth-child(2n)) {
		margin-right: 2%;
	}
}
@media screen and (max-width: 510px) {
	/* div.result-box {
		padding: 130px 24px 60px;
	} */
	div.result-box {
		border-radius: unset;
		padding: 30px 24px 60px;
		margin-top: 0;
	}
}
@media screen and (max-width: 359px) {
	div.result-box ul > li {
		width: 100%;
	}
	div.result-box ul > li:not(:nth-child(2n)) {
		margin-right: 0;
	}
}

div.wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
div.wp-pagenavi a {
	font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  transform: rotate(0.05deg);
}
.wp-pagenavi span.pages {
	border: unset;
}
.wp-pagenavi span.current {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	align-content: center;
	border: 1px solid #3A3939;
	color: #3A3939;
	border-radius: 100px;
}
div.wp-pagenavi a.page {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	align-content: center;
	border: 1px solid transparent;
	color: #3A3939;
	border-radius: 100px;
}
div.wp-pagenavi a.page:hover {
	background-color: #3A3939;
	color: #ffffff;
}

div.wp-pagenavi a.nextpostslink {
	content: '';
	font-size: 0px;
	color: transparent;
	
	display: block;
	width: 50px;
	height: 40px;
	background: url(../images/icon-arrow.svg);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #3A3939;
	border: 1px solid #ffffff;
	border-radius: 100px;
}
div.wp-pagenavi a.nextpostslink:hover {
	background-color: #d82f2f;
}

div.wp-pagenavi a.previouspostslink {
	content: '';
	font-size: 0px;
	color: transparent;
	
	display: block;
	width: 50px;
	height: 40px;
	background: url(../images/icon-arrow.svg);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #3A3939;
	border: 1px solid #ffffff;
	border-radius: 100px;
	transform: scale(-1);
}
div.wp-pagenavi a.previouspostslink:hover {
	background-color: #d82f2f;
}
div.wp-pagenavi span.extend {
	border: unset;
	padding: 0 0;
}
div.wp-pagenavi a.last,
div.wp-pagenavi a.first {
	color: #3A3939;
	border-radius: 26px;
	border: 1px solid #3A3939;
	padding: 8px 10px;
	font-size: min(4.38vw, 0.834em);
}
div.wp-pagenavi a.last:hover,
div.wp-pagenavi a.first:hover {
	background-color: #d82f2f;
	border: 1px solid #d82f2f;
	color: #ffffff;
}

@media screen and (max-width: 510px) {
	div.wp-pagenavi a.page {
		width: 40px;
		height: 40px;
	}
	div.wp-pagenavi a.previouspostslink {
		width: 40px;
	}
	div.wp-pagenavi a.nextpostslink {
		width: 40px;
	}
}


/* 各ページカラー設定 */
/* ページ見出し */
.article div.page-head {
	background-color: #FFFAF8;
}
.article div.page-head::after {
	background: linear-gradient(270deg, #e57270 0%, #fffcf8 100%);
}
.article div.page-head::before {
	background: linear-gradient(270deg, #e57270 0%, #fffcf8 100%);
}
.article div.page-head div.page-title h1 span::after {
	background: linear-gradient(90deg, #ffddcd 0%, #eb837c 50%, #ffddcd 100%);
}
/* 検索枠 */
.article div.search-box h2 svg {
	fill: #E60013;
}
.article div.search-box h2::after {
	background: linear-gradient(90deg, #eb837c 0%, #ffddcd 100%);
}
.article span.search-filter-input-radio__control>svg {
	fill: #E60013;
	color: #E60013;
}
.article div.search-filter-input-radio--is-active>label.search-filter-input-radio__container>span.search-filter-input-radio__control>svg {
	fill: #E60013;
	color: #E60013;
}
.article div.search-filter-input-radio--is-active label.search-filter-input-radio__container  {
	color: #E60013;
	border: 2px solid #E60013;
}
/* check-box */
.article div.search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label {
	background-color: #E60013;
}


/* 1年をふりかえって */
.reflection div.page-head {
	background: linear-gradient(#ffffff 0%, #dae8ff 100%);
}
.reflection div.page-head::after {
	background: linear-gradient(270deg, #7eb1ff 0%, #fffcf8 100%);
}
.reflection div.page-head::before {
	background: linear-gradient(270deg, #7eb1ff 0%, #fffcf8 100%);
}
.reflection div.page-head div.page-title h1 span::after {
	background: linear-gradient(90deg, transparent 0%, #7eb1ff 50%, transparent 100%);
}

/* 検索枠 */
.reflection div.search-box h2 svg {
	fill: #195bbf;
}
.reflection div.search-box h2::after {
	background: linear-gradient(90deg, #7eb1ff 0%, #deeff7 100%);
}
.reflection div.search-filter-input-radio--is-active label.search-filter-input-radio__container  {
	color: #195bbf;
	border: 2px solid #195bbf;
}
/* check-box */
.reflection div.search-filter-field[data-search-filter-id="8"] {
	align-items: baseline;
}
.reflection div.search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label {
	background-color: #195bbf;
}
/* combobox */
.reflection div.search-filter-component-combobox__listbox-toggle {
	background-color: #195bbf;
}


/* 名古屋芸術賞 */
.award div.page-head {
	background: linear-gradient(#ffffff 0%, #f5eed8 100%);
}
.award div.page-head::after {
	background: linear-gradient(270deg, #e0c877 0%, #fffcf8 100%);
}
.award div.page-head::before {
	background: linear-gradient(270deg, #e0c877 0%, #fffcf8 100%);
}
.award div.page-head div.page-title h1 span::after {
	background: linear-gradient(90deg, transparent 0%, #e0c877 50%, transparent 100%);
}
/* 検索枠 */
.award div.search-box h2 svg {
	fill: #e0c877;
}
.award div.search-box h2::after {
	background: linear-gradient(90deg, #e0c877 0%, #fff3cd 100%);
}
.award span.search-filter-input-radio__control>svg {
	fill: #a3882c;
	color: #a3882c;
}
.award div.search-filter-input-radio--is-active>label.search-filter-input-radio__container>span.search-filter-input-radio__control>svg {
	fill: #a3882c;
	color: #a3882c;
}
.award div.search-filter-input-radio--is-active label.search-filter-input-radio__container  {
	color: #a3882c;
	border: 2px solid #a3882c;
}
/* check-box */
.award div.search-filter-field[data-search-filter-id="11"],
.award div.search-filter-field[data-search-filter-id="20"] {
	align-items: baseline;
}
.award div.search-filter-input-radio {
	width: calc(98% / 2);
}
.award div.search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label {
	background-color: #a3882c;
}
/* combobox */
.award div.search-filter-component-combobox__listbox-toggle {
	background-color: #a3882c;
}

@media screen and (max-width: 510px) {
	.award div.search-filter-input-radio {
		width: 100%;
	}
	.award div.search-filter-input-radio label.search-filter-input-radio__container {
		min-height: 46px;
	}
}

/* 名古屋市民芸術祭賞 */
.faward div.page-head {
	/* background-color: #fffaf0; */
	background: linear-gradient(#ffffff 0%, #fffaca 100%);
}
.faward div.page-head::after {
	background: linear-gradient(270deg, #ffd255 0%, #fffcf8 100%);
}
.faward div.page-head::before {
	background: linear-gradient(270deg, #ffd255 0%, #fffcf8 100%);
}
.faward div.page-head div.page-title h1 span::after {
	background: linear-gradient(90deg, transparent 0%, #ffcd61 50%, transparent 100%);
}
/* 検索枠 */
.faward div.search-box h2 svg {
	fill: #EF9732;
}
.faward div.search-box h2::after {
	background: linear-gradient(90deg, #EF9732 0%, #fff3cd 100%);
}
.faward span.search-filter-input-radio__control>svg {
	fill: #EF9732;
	color: #EF9732;
}
.faward div.search-filter-input-radio--is-active>label.search-filter-input-radio__container>span.search-filter-input-radio__control>svg {
	fill: #EF9732;
	color: #EF9732;
}
.faward div.search-filter-input-radio--is-active label.search-filter-input-radio__container  {
	color: #EF9732;
	border: 2px solid #EF9732;
}
/* check-box */
.faward div.search-filter-field[data-search-filter-id="16"],
.faward div.search-filter-field[data-search-filter-id="19"] {
	align-items: baseline;
}
.faward div.search-filter-input-radio {
	width: calc(98% / 2);
}
.faward div.search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label {
	background-color: #EF9732;
}
/* combobox */
.faward div.search-filter-component-combobox__listbox-toggle {
	background-color: #EF9732;
}

@media screen and (max-width: 768px) {
	.faward div.search-filter-input-checkbox {
		width: calc(98% / 2);
	}
}
@media screen and (max-width: 510px) {
	.faward div.search-filter-input-radio {
		width: 100%;
	}
	.faward div.search-filter-input-radio label.search-filter-input-radio__container {
		min-height: 46px;
	}
}

/* --------------------------------- result */
div.result-box {
	background-color: #FFFCF6;
}
div.result-box ul li div.thumb {
	background-color: #ECE8E3;
}


/* cover */
div.result-box ul li ul.category li.cover {
	border: 1px solid #6e5e40;
}
div.result-box ul li ul.category li.cover span::before {
	background-color: #6e5e40;
}
/* pickupgallery */
div.result-box ul li ul.category li.gallery {
	border: 1px solid #E58167;
}
div.result-box ul li ul.category li.gallery span::before {
	background-color: #E58167;
}
/* review */
div.result-box ul li ul.category li.review {
	border: 1px solid #4360AB;
}
div.result-box ul li ul.category li.review span::before {
	background-color: #4360AB;
}
/* interview */
div.result-box ul li ul.category li.interview {
	border: 1px solid #00A498;
}
div.result-box ul li ul.category li.interview span::before {
	background-color: #00A498;
}
/* report */
div.result-box ul li ul.category li.report {
	border: 1px solid #E60013;
}
div.result-box ul li ul.category li.report span::before {
	background-color: #E60013;
}
/* zoomup */
div.result-box ul li ul.category li.zoomup {
	border: 1px solid #95B400;
}
div.result-box ul li ul.category li.zoomup span::before {
	background-color: #95B400;
}

div.wp-pagenavi a.nextpostslink:hover,
div.wp-pagenavi a.previouspostslink:hover {
	background-color: #d82f2f;
}

/* faward */
div.result-box ul li ul.category li.color-pink {
	border: 1px solid #d64057;
}
div.result-box ul li ul.category li.color-pink span::before {
	background-color: #d64057;
}
div.result-box ul li ul.category li.color-green {
	border: 1px solid #44852a;
}
div.result-box ul li ul.category li.color-green span::before {
	background-color: #44852a;
}
div.result-box ul li ul.category li.color-blue {
	border: 1px solid #0f7e91;
}
div.result-box ul li ul.category li.color-blue span::before {
	background-color: #0f7e91;
}
div.result-box ul li ul.category li.color-orange {
	border: 1px solid #bd5200;
}
div.result-box ul li ul.category li.color-orange span::before {
	background-color: #bd5200;
}

/* --------------------------------- privacy */
.privacy div.page-head {
	background-color: #FFFAF8;
}
.privacy div.page-head::after {
	background: linear-gradient(270deg, #e57270 0%, #fffcf8 100%);
}
.privacy div.page-head::before {
	background: linear-gradient(270deg, #e57270 0%, #fffcf8 100%);
}
.privacy div.page-head div.page-title h1 span::after{
	background: linear-gradient(90deg, #ffddcd 0%, #eb837c 50%, #ffddcd 100%);
}
.privacy div.container {
	width: 100%;
	padding: 0 80px 0;
	margin: 0 0 60px;
}
.privacy div.container h2 {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto 60px;
}
.privacy div.container div.inner {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.privacy div.container h3 {
	font-size: 1.375em;
	font-weight: 700;
	margin: 0 0 16px;
}
.privacy div.container h3::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #d82f2f 0%, #e8e4dd 100%);
	margin-top: 10px;
}
.privacy div.container h4 {
	font-weight: 700;
}
.privacy div.container h4::before {
	content: '■';
	color: #d82f2f;
	margin-right: 2px;
}
.privacy div.container p {
	line-height: 1.8;
	margin-bottom: 1.25em;
}
.privacy div.container ul {
	margin: 0 0 20px;
}
.privacy div.container ul li {
	display: flex;
	margin: 0 0 10px;
}
.privacy div.container ul li span {
	display: block;
	color: #d82f2f;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  font-style: normal;
  transform: rotate(0.05deg);
	margin-right: 6px;
}

@media screen and (max-width: 768px) {
	.privacy div.container {
		padding: 0 40px 0;
	}
	.privacy div.container h2 {
		font-size: min(5.31vw, 1.375em);
	}
	.privacy div.container h3 {
		font-size: min(4.8vw, 1.25em);
	}
	.privacy div.container h4 {
		font-size: 1em;
	}
}
@media screen and (max-width: 510px) {
	.privacy div.container {
		padding: 0 24px 0;
	}
}

/* archive */
/* --------------------------------- archive */
.archive div.page-head {
	background-color: #FFFAF8;
}
.archive div.page-head::after {
	background: linear-gradient(270deg, #ffbe9f 0%, #fffcf8 100%);
}
.archive div.page-head::before {
	background: linear-gradient(270deg, #ffbe9f 0%, #fffcf8 100%);
}
.archive div.page-head div.page-title h1 span::after{
	background: linear-gradient(90deg, #ffffff 0%, #ffbe9f 50%, #ffffff 100%);
}

.archive div.number-box {
	width: 100%;
	padding: 0 80px;
	margin: 0 0 60px;
}
.archive div.number-box ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto 0;
}
.archive div.number-box ul li {
	width: calc((100% - 40px)/4);
	margin: 0 5px 20px;
}
.archive div.number-box a {
	color: #3a3939;
	text-align: center;
}
.archive div.number-box figure {
	position: relative;
	width: 100%;
	background-color: #ECE8E3;
	border-radius: 16px 0 16px 0;
	padding: 16px;
	margin: 0 0 10px 0;
}
.archive div.number-box figure::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/bg-line.svg);
	background-size: 16px;
}
.archive div.number-box figure img {
	position: relative;
	width: 120px;
	margin: 0 auto;
	transition: transform 0.3s;
	z-index: 5;
}
.archive div.number-box h3,
.archive div.number-box span {
	font-weight: 700;
	font-size: 1.12em;
}
.archive div.number-box h3 span {
	margin-right: 0.2em;
}

.archive div.number-box a:hover figure img {
	transform: scale(1.06);
}

@media screen and (max-width: 1024px) {
	.archive div.number-box h3,
	.archive div.number-box span {
		font-size: 1em;
	}
}
@media screen and (max-width: 768px) {
	.archive div.number-box {
		padding: 0 40px;
	}
}
@media screen and (max-width: 767px) {
	.archive div.number-box ul li {
		width: calc((100% - 40px)/3);
	}
}
@media screen and (max-width: 510px) {
	.archive div.number-box {
		padding: 0 24px;
	}
	.archive div.number-box ul li {
		width: calc((100% - 20px)/2);
	}
}
@media screen and (max-width: 424px) {
	.archive div.number-box {
		margin: 0 auto 30px;
	}
}


/* 検索メニュー */
/* --------------------------------- search-menu */
input[type="checkbox"]#search-btn {
	display: none;
}
label.search-menu {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  
  width: 100%;
  height: 54px;
  z-index: 210;

	display: none;
}
label.search-menu span {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #ffffff;
}
label.search-menu span::after {
	content: '検索条件を入力';
}
label.search-menu svg {
  display: block;
  width: 20px;
  stroke: none;
  fill: #ffffff;
  margin: 0 6px;
}

.article label.search-menu {
  background-color: #d82f2f;
}
.reflection label.search-menu {
  background-color: #195bbf;
}
.award label.search-menu {
  background-color: #8c7014;
}
.faward label.search-menu {
  background-color: #b35f00;
}


@media screen and (max-width: 510px) {

	label.search-menu {
		display: block;
	}
	div.search-box {
		opacity: 0;
		visibility: hidden;

		position: fixed;
		bottom: 0;
		left: 0;

		height: 60vh;
		background-color: #ffffff;
		box-shadow: 0 0 26px rgba(177, 168, 154, 0.5);
		
		padding: 30px 20px 60px;
		z-index: 200;

		transform: translateY(100%);
		transition: transform 0.3s;
	}
	div.search-box div.inner {
		overflow-y: scroll;
		height: 100%;

		background-color: unset;
		box-shadow: unset;
		border-radius: unset;

		padding: 0 0 0;
	}

	/* open */
	input#search-btn:checked ~ div.search-box {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	input#search-btn:checked ~ label.search-menu {
		background-color: #3A3939;
	}
	input#search-btn:checked ~ label.search-menu span::after {
		content: '閉じる';
	}
	input#search-btn:checked ~ label.search-menu svg {
		display: none;
	}
	input#search-btn:checked ~ label.search-menu span::before {
		content: '×';
		display: block;
		color: #ffffff;
	}
}