@charset "utf-8";

body {
	background: #fff;
	background-image: url('../photo-gallery/images/sky.png');
	background-repeat:no-repeat;
	background-position: left top;
	background-size:100% auto;
}

#box-header {
	position: relative !important;
}
.g-navi {
	margin-bottom: 0;
}
.bg-bucknumber {
	padding: 60px 0;
}
.bg-bucknumber h2 {
	margin-top: 1.5em;
	font-size: 3.2rem;
	color: #0093BE;
}
.bg-bucknumber h2 span {
	display: block;
	font-size: 1.7rem;
	color: #0093BE;
}

.backnumber {
	padding: 0em 0.5em 0em 0.5em;
	display: flex;
}
.photo-box {
	background: #ffffff;
	padding: 0.75em;
}
.photo-box p {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 1.7rem;
}
.photo-box p span {
	font-size: 1.9rem;
}


@media (max-width: 1400px) {
	.bg-bucknumber h2 {
		margin: 1em 0;
		font-size: 2.8rem;
	}
}
@media (max-width: 992px) {
	.backnumber {
		padding: 0 2em 1em 2em;
	}
}
@media (max-width: 768px) {
	.backnumber {
		padding: 0 1em 1em 1em;
	}
}
@media (max-width: 576px) {
	.bg-bucknumber {
		padding: 25px 0 50px 0;
	}
	.backnumber {
		padding: 0 0.5em 1em 0.5em;
	}
/*
	.backnumber p {
		font-size: 1.6rem;
	}
	.backnumber p span {
		font-size: 1.6rem;
	}
*/
}