/* --- PC ---------- */
@media print, screen and (min-width: 741px) {
	.loading {
		text-align: center;
		width: 50px;
		height: 50px;
		margin: auto;
	}
	.loading {
		text-align: center;
		margin: auto;
	}
	.loading p,.loading2 p {
		text-align: center;
		font-size: 50px;
	}


	.gallery-area-area {
		margin: 0 auto;
		overflow: hidden;
		transition: opacity 0.3s;
		max-height: 100vh;
		opacity: 0;
		box-sizing: border-box;
	}

	.gallery-area.on {
		margin: 0 auto;
		opacity: 1;
		max-height: 100%;
	}

	.gallery-area div {
		max-width: 410px;
		list-style:none;
	}

	.gallery-area div a img {
		max-width: 100%;
		height: auto;
	}
	.repeated-img {
		margin: 2px;
	}
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {
	.loading,.loading2 {
		text-align: center;
		width: 40px;
		height: 40px;
		margin: auto;
	}

	.loading p {
		text-align: center;
		font-size: 50px;
	}

	.gallery-area {
		margin: 0 auto;
		overflow: hidden;
		transition: opacity 0.3s;
		max-height: 100vh;
		opacity: 0;
		box-sizing: border-box;
	}

	.gallery-area.on {
		opacity: 1;
		max-height: 100%;
	}

	.gallery-area div {
		list-style:none;
	}

	.gallery-area div a img {
		max-width: 100%;
		height: auto;
	}
	.repeated-img {
		margin: 2px 0px 2px 0px;
	}
}
/*320px*/
@media screen and (max-width: 320px) {
	.loading {
		text-align: center;
		width: 35px;
		height: 35px;
		margin: auto;
	}

	.loading p {
		text-align: center;
		font-size: 50px;
	}

	.gallery-area {
		margin: auto;
		overflow: hidden;
		transition: opacity 0.3s;
		max-height: 80vh;
		box-sizing: border-box;
	}

	.gallery-area.on {
		opacity: 1;
		max-height: 100%;
	}

	.gallery-area div {
		list-style:none;
	}

	.gallery-area div a img {
		max-width: 100%;
		height: auto;
	}
	.repeated-img {
		margin: 2px 0px 2px 0px;
	}
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: unset;
}
.lead {
	font-size: unset;
	font-weight: normal;
}