/* CSS Document */

#pagePath{
	display: none;
	}

#main{}
	#main article{
		width: var(--wrap);
		margin: clamp(32px, 7.2vw, 48px) auto;
		}
	#main section{
		display: grid;
		grid-gap: 32px 0;
		margin-top: clamp(32px, 7.2vw, 48px);
		}
		#main section h3+*{
			margin-top: 0;
			}

#hero{
	overflow: hidden;
	}

#vegas{
	padding-top: min(40vw, 600px);
	}

#infomation{
	display: grid;
	grid-template-columns: auto var(--wrap) auto;
	padding: calc(clamp(32px, 7.2vw, 48px) / 2) 0;
	background: #fbf6ed;
	}
	#infomation > *{
		grid-column: 2;
		}

#topics{
	display: grid;
	grid-gap: 32px;
	}
	#topics h2+div+div{
		justify-self: center;
		width: min(80%, 15em);
		}

#style{}
	#style figure{
		margin-top: 1em;
		padding: 1em;
		border: 1px solid #ccc;
		}
	#style img{
		width: 100%;
		height: auto;
		}
	#style .columns{
		column-gap: 32px;
		column-count: 3;
		column-rule-style: dashed;
		column-rule-width: 1px;
		column-rule-color: #ccc;
		}

#tag{}
	#tag details{}
		#tag details summary{
			cursor: pointer;
			}
		#tag details summary+*{
			margin-top: 1em;
			}
		#tag details summary+div{
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
			grid-gap: 1em;
			margin-bottom: 1em;
			}
	#tag details+details{
		margin-top: 32px;
		}
	#tag picture{
		display: block;
		position: relative;
		padding-top: 66.66%;
		margin-top: 32px;
		}
		#tag picture img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}
	#tag figure{
		position: relative;
		padding-top: 66.66%;
		margin-top: 32px;
		}
		#tag figure img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}