@charset "utf-8";
/* main
================================================ */
@media all and (-ms-high-contrast: none){
	body.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
}
h3{
	border-left-width: 3px;
	border-left-style: solid;
	margin-top: 7%;
	margin-bottom: 3%;
	padding: 0.2em 0 0.2em 0.5em;
}
h3:first-child{
	margin-top: 0;
}
.photo_list{
	margin-top: -3.33%;
	margin-left: -3%;
	margin-bottom: 3%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.photo_list li{
	margin-top: 3.33%;
	margin-left: 3%;
	flex-basis: 30.33%;
}
.photo_list figcaption {
	margin-top: 0.5em;
}

/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.photo_list figcaption {
	margin-top: 0.3em;
}
}
@media screen and (max-width: 673px) {
/* main
================================================ */
.photo_list li{
	flex-basis: 46.67%;
}
}

/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.photo_list{
	margin-top: -5%;
}
.photo_list li{
	margin-top: 5%;
}
}