@charset "utf-8";

/* --------------
 reset
-------------- */
input,select,textarea {max-width:95% !important;}
h1,h2,h3,h4 {font-size:100%;}

img {max-width:100% !important; height:auto;vertical-align: bottom;}
/*iframe {max-width:100% ; border:0;}*/

/* --------------
 base
-------------- */
body {font-size: 16px;}
.ifpc {display: none;}

@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	body {background-size:100% auto;}
}


/* =base
---------------------------------------------------- */
#wrapper{
}


@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}


.contents:not(#visual):before {
	content: '';
	display: block;
	position: absolute;
	top: -20%;
	left: -10%;
	width: 100%;
	height: 5%;
	transform: scale(2) rotate(-20deg);
	background-image: linear-gradient(175deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
	z-index: 1;
	
	animation: anime-contentsb 8s ease infinite;
}
.contents:not(#visual):nth-child(odd):before {
	animation-delay: -4s;
}

.contents:not(#visual):not(.bgGray):nth-child(even):before {
	background-image: linear-gradient(175deg, rgba(255, 198, 0, 0) 10%, rgba(255, 198, 0, .2) 100%, rgba(255, 198, 0, 0) 0%);
}
.contents:not(#visual):not(.bgGray):nth-child(odd):before {
	background-image: linear-gradient(175deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .8) 100%, rgba(255, 255, 255, 0) 0%);
}

@keyframes anime-contentsb {
    0% { top: -20%; }
    50% { top: 250%; }
    100% { top: 250%; }
}





/* =contents
------------------------------------------ */

.in > .bgBox {
	padding: 10px 1.5rem;
}

.spclm2, .spclm3, .spclm4, .spclm5, .spclm6 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.spclm2 > * {
	width: calc((100% / 2) - 10px );
}
.spclm3 > * {
	width: calc((100% / 3) - 10px );
}
.spclm4 > * {
	width: calc((100% / 4) - 10px );
}
.spclm5 > * {
	width: calc((100% / 5) - 10px );
}
.spclm6 > * {
	width: calc((100% / 6) - 10px );
}

.spclm2 > *, .spclm3 > *, .spclm4 > *, .spclm5 > *, .spclm6 > * {
	margin-left: 10px;
}

.spclm2 > * >a, .spclm3 > * >a, .spclm4 > * >a, .spclm5 > * >a, .spclm6 > * >a {
	position: relative;
	display: block;
}

.spclm2:after, .spclm3:after, .spclm4:after, .spclm5:after, .spclm6:after {
	display: none;
}





.contents dl dd {
	padding-left: .75rem;
}



/* =pagetop
------------------------------------------ */

.contents .in {
	padding: 0 5px;
}


.imgL {
	display: block;
	margin: auto;
	margin-bottom: .5rem;
}

.pageNav ul {
	flex-wrap: nowrap;
}
.pageNav ul li a {
	padding: 7% 0;
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/

/*	.pageNav ul li:nth-child(2),
	.pageNav ul li:nth-child(4),
	.pageNav ul li:nth-child(5),
	.pageNav ul li:nth-child(7) {*/
	.pageNav ul li:nth-child(even) {
		background-color: #f89f24;	
	}
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	.pageNav ul {
		flex-wrap: nowrap;
	}
	.pageNav ul li:nth-child(even) {
		background-color: #f89f24;	
	}
}

#visual.contents {
	padding: 0;
}


.contents h2 > span {
	font-size: 9.5vw;
}

.aboutTxt {
	font-size: 4.5vw;
}

.contents .memberList dt {
	display: block;
}

.contents .memberList dd {
	padding: 0;
}