/* CSS Document */

#pagePath,
#floatingNav{
	display: none;
	}

#shop{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-gap: 16px;
	padding: 24px 0;
	background: var(--color-theme);
	color: #fff;
	}
	#shop:before{
		content: 'SHOP';
		grid-column: 2;
		justify-self: center;
		font-family: sofia-pro, sans-serif;
		font-size: min(8.2vw, 100px);
		font-weight: bold;
		letter-spacing: 0.15em;
		white-space: nowrap;
		color: #fff;
		text-indent: 0.15em;
		}
	#shop > *{
		grid-column: 2;
		z-index: 1;
		}
	#shop h2{
		display: grid;
		grid-template-columns: auto auto;
		align-items: center;
		justify-content: center;
		grid-gap: 0.5em;
		color: var(--color-point);
		font-family: toppan-bunkyu-midashi-go-std, sans-serif;
		font-size: clamp(24px, 4.8vw, 32px);
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		letter-spacing: 0.025em;
		}
		#shop h2:before{
			content: "";
			height: max(25px, 1em);
			background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 25"><path fill="%23fff000" d="m11.88.75s-.08,0-.12,0h0s-2.73,0-2.73,0c-.08.03-.17.05-.27.05-.03,0-.06,0-.09,0-.18-.02-.36-.04-.54-.04C4.06.75.75,6.02.75,12.5s3.31,11.75,7.38,11.75c.18,0,.36-.02.54-.04.02,0,.05,0,.07,0,.08,0,.17.02.25.05h2.77s.08,0,.12,0c4.07,0,7.38-5.27,7.38-11.75S15.94.75,11.88.75Z"/><path fill="%23231916" d="m15.56,11.5h-3.4c-.55,0-1,.45-1,1s.45,1,1,1h2.37c-.22,3.26-1.48,5.29-2.37,5.29-.98,0-2.4-2.45-2.4-6.29s1.42-6.29,2.4-6.29c.56,0,1.22.79,1.69,2.01.2.52.78.77,1.29.57.51-.2.77-.78.57-1.29-.81-2.09-2.1-3.29-3.56-3.29-2.51,0-4.4,3.56-4.4,8.29s1.89,8.29,4.4,8.29,4.4-3.56,4.4-8.29c0-.55-.45-1-1-1ZM12.5.05v-.05h-3.75v.05c-.21-.02-.41-.05-.62-.05C3.64,0,0,5.6,0,12.5s3.64,12.5,8.12,12.5c.21,0,.42-.02.62-.05v.05h3.75v-.05c4.19-.49,7.5-5.87,7.5-12.45S16.69.54,12.5.05ZM1.5,12.5C1.5,6.61,4.46,1.63,8,1.51,5.47,3.63,3.75,7.76,3.75,12.5s1.72,8.87,4.25,10.99c-3.54-.12-6.5-5.1-6.5-10.99Zm10.38,11c-3.59,0-6.62-5.04-6.62-11S8.28,1.5,11.88,1.5s6.62,5.04,6.62,11-3.03,11-6.62,11Z"/></svg>');
			background-size: cover;
			aspect-ratio: 0.8 / 1;
			}
	#shop h2+div{
		display: grid;
		justify-items: center;
		margin-bottom: 16px;
		font-weight: bold;
		line-height: 1.65;
		}
	#shop ul{
		margin-top: 16px;
		}
	#shop li{
		font-size: clamp(18px, 3vw, 20px);
		}
	@media (max-width: 767.98px) {
		#shop li{
			padding-left: 1em;
			text-indent: -1em;
			}
		}
	@media (min-width: 768px) {
		#shop h2+div{
			text-align: center;
			text-wrap: balance;
			}
		}
	@media (min-width: 1200px) {
		#shop h2{
			font-size: 40px;
			}
		}

#search{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	background: #d6ecf3;
	}
	#search > *{
		grid-column: 2;
		}

#result{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	background: #d6ecf3;
	}
	#result > *{
		grid-column: 2;
		}