@charset "utf-8";

/* --------------
 base
-------------- */
.ifsp {display: none;}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- align */
.vlt { vertical-align:top !important;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd33 {width: 33% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd49 {width: 49% !important;}
.wd495 {width: 49.5% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}


.wd500px { max-width: 500px !important;}
.wd540px { max-width: 540px !important;}
.wd600px { max-width: 600px !important;}
.wd640px { max-width: 640px !important;}
.wd800px { max-width: 800px !important;}
.wd1000px { max-width: 1000px !important;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}



.ifpcmt43 {
	margin-top: 43px;
}


.btnNews a {
	font-size: 1.5em;
}

.btnNews a:before {
	border-width: 10px;
}

/* =base
---------------------------------------------------- */
.in{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}



.contents:not(#visual):before {
	content: '';
	display: block;
	position: absolute;
	top: -10%;
	left: -20%;
	width: 5%;
	height: 100%;
	transform: scale(2) rotate(20deg);
	background-image: linear-gradient(100deg, 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;
}
#about.contents:before,
#notice .contents:before,
.contents:not(#visual):not(.bgGray):nth-child(even):before {
	background-image: linear-gradient(100deg, 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(add):before {
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .8) 100%, rgba(255, 255, 255, 0) 0%);
}
@keyframes anime-contentsb {
    0% { left: -20%; }
    30% { left: 250%; }
    100% { left: 250%; }
}




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


.clm2, .clm3, .clm4, .clm5, .clm6, .clm7, .homeclm2 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -20px;
}
.homeclm2 {
	margin: 0;
}
.clm2 > * {
	width: calc((100% / 2) - 20px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 20px); /* IE11 */
}
.homeclm2 > * {
	width: calc((100% / 2));
}
.clm3 > * {
	width: calc((100% / 3) - 20px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 20px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 20px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 20px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 20px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 20px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 20px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 20px); /* IE11 */
}
.clm7 > * {
	width: calc((100% / 7) - 20px );
}
*::-ms-backdrop, .clm7 > * {
  width: calc(14.28% - 20px); /* IE11 */
}

.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > *, .clm7 > *{
	margin-left: 20px;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a, .clm7 > * >a, .homeclm2 > * >a {
	position: relative;
	display: block;
}

.clm2:after, .clm3:after, .clm4:after, .clm5:after, .clm6:after, .clm7:after, .homeclm2:after{
	display: none;
}



/* --------------
 page contents
-------------- */


.pageNav ul li:nth-child(even) {
	background-color: #f89f24;	
}
@media screen and (max-width: 1100px) { /*以下の時*/
	.pageNav ul li a {
		font-size: 2vw;
	}
}


.aboutTxt {
	font-size: 1.8em;
}


.teamList .team-txt{
	width: 55%;
}
.teamList .team-img{
	width: 43%;
}

.teamList li:nth-child(odd) .team-txt{
	float: left;
}
.teamList li:nth-child(odd) .team-img{
	float: right;
}

.teamList li:nth-child(even) .team-txt{
	float: right;
}
.teamList li:nth-child(even) .team-img{
	float: left;
}



.sponsorList li .sponsor-data{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.sponsorList li .sponsor-data:after {
	display: none;
}
.sponsorList .sponsor-txt{
	width: 75%;
}
.sponsorList .sponsor-img{
	width: 23%;
}


.boothNav {
	font-size: 1.2em;
}

.contents dl dt, .contents dl dd {
	display: inline-block;
}
.contents dl dd {
	padding-left: 1rem;
}

.contents .memberList dt {
	display: block;
}

.contents .memberList dd {
	padding: 0;
}