@charset "euc-jp";
/* CSS Document */

section {
	padding: 1em 2%;
}
h2.sunb {
	margin-top: 0;
}
.bg-a {
	background: #b6fbff;
	background: -webkit-linear-gradient(to bottom, #b6fbff, #FFF);
background: linear-gradient(to bottom, #b6fbff, #FFF);
}
.bg-b {
	background: #6DD5FA;
	background: -webkit-linear-gradient(to bottom, #6DD5FA, #FFF);
background: linear-gradient(to bottom, #6DD5FA, #FFF);
}
.bg-d {
	background: #D3F0D5;
	background: -webkit-linear-gradient(to bottom, #D3F0D5, #F5F7CC);
background: linear-gradient(to bottom, #D3F0D5, #F5F7CC);
}
.bg-c {
	background: #d9a7c7;
	background: -webkit-linear-gradient(to bottom, #d9a7c7, #fffcdc);
background: linear-gradient(to bottom, #d9a7c7, #fffcdc);
}
.bg-e {
	background: #AFCAE4;
	background: -webkit-linear-gradient(to bottom, #AFCAE4, #60709F);
background: linear-gradient(to bottom, #AFCAE4, #60709F);
}
.bg-f {
	background: #E7EFC9;
	background: -webkit-linear-gradient(to bottom, #E7EFC9, #A3C160);
background: linear-gradient(to bottom, #E7EFC9, #A3C160);
}
.gcontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3em;
}
.gbox {
	width: 20%;
	border: solid 1px transparent;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.gbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.gbox.hidden {
	margin: 0;
	border: none;
	aspect-ratio: auto;
}
.gbox.line {
	width: 100%;
	border: solid 1px #999;
	margin: 2.5em 0;
}
.gbox.hidden hr, .gbox.line hr {
	display: none;
}
.listthumb {
    position: relative;
	overflow: hidden;
	border: none;
	text-align: center;
	width: 100%;
	height: 100%;
}

@media screen and (max-width:999px){
.gbox {
	width: 25%;
}
}
@media screen and (max-width:699px){
.gbox {
	width: 33.3%;
}
}