#exhibition-frame {
	padding: 20vh 20% 0 20%;
}

#exhibition-frame h1 {
	margin: 0;
	font-size: 4rem;
	line-height: 90%;
}
#exhibition-frame h2 {
	margin: 0;
	font-size: 2.5rem;
	line-height: 90%;
}
#exhibition-frame p {
	overflow: hidden;
	font-size: 1rem;
	white-space: nowrap;

	text-overflow: ellipsis;
}

.slider-frame {
	margin: 3rem 0;
}

.all-groups {
	display: none;
	transform: translateX(-18%);

/*横幅94%で左右に余白を持たせて中央寄せ*/
	width: 94vw;
	margin: 1rem 0 auto;
	padding: 0;
	font-size: 0;
}

.all-groups li {
	display: inline-block;
	width: calc(88%/6); /* 100% /6 - 2% */
	padding: 1%;
}

.display-switcher {
	width: 8rem;
	margin: auto;
	padding: .5rem;
	font-size: 1rem;
	text-align: center;
	cursor: pointer;
}

/* スライダーの中身 */
.each-group {
	width: 100%;
	vertical-align: top;
	cursor: pointer;
}

.each-group img {
	width: 100%;
	height: 10vw;
	border-top: .5rem solid #F5F5F5;
	border-bottom: .5rem solid #F5F5F5;
	background-color: #F5F5F5;

	-o-object-fit: contain;
	   object-fit: contain;
}

.each-group p {
	margin: 0 !important;
}

.project-name {
	width: 100%;
	margin: 0;
}

.group-name {
	width: 100%;
	margin: 0;
	color: gray;
}

/* ライブスライダーの中身 */
.live-slider .each-group img {
	height: 12vw;
}

.live-slider .live-time {
	font-size: 1.2rem !important;
}

.live-slider .project-name, .live-slider .group-name {
	font-size: 1.1rem !important;
}

/* 企画アンケート */

#questionnaire h3 {
	transform: translateX(-18%);

/*横幅94%で左右に余白を持たせて中央寄せ*/
	width: 94vw;
	margin: 1rem 0 auto;
	padding: 0;
	font-size: 1.5rem;
	text-align: center;
}

#questionnaire a {
	display: block;
	width: 15rem;
	margin: 1rem auto;
	padding: 1rem;
	border: 1px solid black;
	color: black;
	font-size: 1.2rem;
	text-align: center;
	transition: .3s;
}

#questionnaire a:hover {
	background: black;
	color: white;
}

@media screen and (max-width: 1200px) {
	.all-groups li {
		display: inline-block;
		width: 18%; /* 100% /5 - 2% */
		padding: 1%;
	}

	.each-group img {
		height: 12vw;
	}

	.live-slider .each-group img {
		height: 16vw;
	}
}

@media screen and (max-width: 770px) {
	.all-groups li {
		display: inline-block;
		width: 23%; /* 100% /4 - 2% */
		padding: 1%;
	}

	.each-group img {
		height: 15vw;
	}

	.live-slider .each-group img {
		height: 20vw;
	}
}

@media screen and (max-width: 600px) {
	.all-groups li {
		display: inline-block;
		width: calc(94%/3); /* 100% /3 - 2% */
		padding: 1%;
	}

	.each-group img {
		height: 18vw;
	}

	.live-slider .each-group img {
		height: 27vw;
	}
}

@media screen and (max-width: 440px) {
	.all-groups li {
		display: inline-block;
		width: 48%; /* 100% /2 - 2% */
		padding: 1%;
	}

	.each-group img {
		height: 27vw;
	}
}

#comingsoon {
	position: absolute;
	top: 20vh;
	right: 0;
	left: 0;
	font-size: 3rem;
	text-align: center;
}