@charset "UTF-8";


@media (max-width: 575px) {
	#post h3.ttl {
		font-size: 1.538em;
	}
	#post h3.ttl br {
		display: none;
	}
}



#gallery ul.gallery {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1em;
}
@media (max-width: 575px) {
	#gallery .container {
		max-width: 100%;
		padding: 0;
	}
	#gallery ul.gallery li {
		flex: 0 0 100%;
		padding: 0 1em 1em;
	}
	#gallery ul.gallery li:first-child {
		padding: 0 0 1em;
	}
	#gallery ul.gallery li:first-child figure > img {
		width: 100vw;
	    height: 100vw;
	    object-fit: cover;
	}
}
@media (min-width: 576px) {
	#gallery ul.gallery {
		margin: 0 -.35em;
	}
	#gallery ul.gallery li {
		padding: 0 .35em .7em;
	}
	#gallery ul.gallery li:nth-of-type(5n + 1)  {
		flex: 0 0 100%;
	}
	#gallery ul.gallery li:nth-of-type(5n - 3),
	#gallery ul.gallery li:nth-of-type(5n) {
		flex: 0 0 calc(100%/3);
	}
	#gallery ul.gallery li:nth-of-type(5n - 2),
	#gallery ul.gallery li:nth-of-type(5n - 1) {
		flex: 0 0 calc((100%/3)*2);
	}


	#gallery ul.gallery li figure {
	    display: block;
	    width: 100%;
	    height: 40vw;
	    position: relative;
	    overflow: hidden;
	}
	#gallery ul.gallery li figure > img {
		display: block;
		width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	#gallery ul.gallery li:nth-of-type(5n + 1) figure  {
		height: 48vw;
	}
}
@media (min-width: 1200px) {
	#gallery ul.gallery li figure {
	    height: 38.6em;
	}
	#gallery ul.gallery li:nth-of-type(5n + 1) figure  {
		height: 44.6em;
	}
}





#other-post .container {
	position: relative;
}

#other-post .section__header {
	position: absolute;
	top: -1.5em;
}
@media (min-width: 1200px) {
	#other-post .section__header {
		top: -2em;
	}
}