/* Catalogue */
main .search-ctg {
	border:solid 1px var(--color-lightgray);
	border-radius:var(--radius);
	padding:var(--padding);
	background:var(--color-superwhite);
}
main .search-ctg input[type=search] {
	padding:var(--padding);
}
main .search-ctg select {
	display:block;
	width:100%;
}
main .search-ctg .button {
	padding:10px;
}

@media (prefers-color-scheme: dark){
	main .search-ctg {
		border:solid 1px var(--color-white);
		background:var(--color-lightgray);
	}
}


#catalogue .catalogue-list.grid {
	margin-bottom:var(--margin);
}
#catalogue .catalogue-list.grid a {
	padding:20px;
	display:block;
	height:100%;
}
#catalogue .catalogue-list.grid a figure p {
	aspect-ratio:1 / 1;
	overflow:hidden;
}
#catalogue .catalogue-list.grid a figure p img {
	object-fit:cover;
	width:100%;
	height:100%;
}
#catalogue .catalogue-list.grid a figure figcaption {
	color:var(--color-black);
	font-weight:bold;
	text-align:center;
	font-family: ta-oonishi,sans-serif;
	font-size:1.2em;
}
#catalogue .catalogue-list.grid a figure figcaption span {
	display:block;
	font-size:0.7em;
	line-height:1em;
	background:var(--color-gray);
	color:var(--color-white);
	border-radius:20px;
	padding:5px;
	margin-bottom:10px;
	font-family: fot-rodin-pron,sans-serif;
}

#catalogue.catalogue-list {
	padding:40px 0;
}
#catalogue-detail {
	position:relative;
}
#catalogue-detail h2 {
	font-weight:bold;
	text-align:center;
	font-size:2.2em;
	letter-spacing:0;
	padding-bottom:20px;
}
#catalogue-detail h2 span {
	display:block;
	max-width:400px;
	font-size:16px;
	line-height:16px;
	background:var(--color-gray);
	color:var(--color-white);
	border-radius:20px;
	padding:5px;
	margin:10px auto;
	font-family: var(--font-2);
}
#catalogue-detail h3 {
	text-align:center;
	font-size:1.4em;
	font-style: italic;
	color:var(--color-gray);
	font-family: var(--font-2);
	margin-top:0;
	margin-bottom:var(--section-space);
}
#catalogue-detail article {
	padding-bottom:80px;
	position:relative;
	border:none;
	box-shadow:none;
	background:none;
}
#catalogue-detail article h4 {
	display:flex;
	gap:var(--gap);
	align-items: center;
}
#catalogue-detail article h4::before ,
#catalogue-detail article h4::after {
	content:'';
	background:var(--color-gray);
	height:2px;
	flex:1;
}

#catalogue-detail article div p:last-of-type {
	padding:0;
}

#catalogue-detail table {
	background:var(--color-lightgray);
	border:solid 10px var(--color-lightgray);
	border-radius:var(--radius-inner);
	color:var(--color-black);
}
#catalogue-detail table * {
	background:none;
}

@media (prefers-color-scheme: dark){

}


/** Media Query **/
@media (max-width : 920px) {

}
@media (max-width : 520px) {
	#catalogue-detail .flex .g2 ,
	#catalogue-detail .flex .g1 {
		width:100%;
	}
	#catalogue-detail .flex .g2 {
		padding:40px 20px;
		margin:0 -20px 40px -20px;
		width:100vw;
		background:var(--color-lightgray);
	}
}