@charset "utf-8";

/* -----------------------------
	live-stream
-------------------------------- */

.livestream-area {
	padding: 100px 0 0;
}

.livestream-area .top-box {
	padding: 0 0 50px;
	text-align: center;
}

.livestream-area .top-box .copy {
	font-size: 3.0rem;
    font-weight: bold;
    line-height: 1.53;
    padding: 0 0 10px;
}

.livestream-area .date {
	text-align: center;
}

.livestream-area .date span {
	display: inline-block;
	background: var(--gray02);
	padding: 5px 50px;
	border-radius: 30px;
	margin: 0 0 40px;
	font-family: var(--basefont-en);
	font-weight: bold;
	font-size: 2.0rem;
	border: var(--gray03) solid 2px;
}

.livestream-area .livestream-list li .time {
	font-family: var(--basefont-en);
	padding: 0 0 5px;
	font-size: 2.0rem;
}

.livestream-area .livestream-list {
	padding: 0 0 100px;
}

.livestream-area .no-stream {
	margin: 0 0 100px;
}

@media screen and (max-width: 768px){

	.livestream-area {
		padding: 50px 20px 0;
	}

	.livestream-area .top-box {
		padding: 0 0 30px;
		text-align: left;
	}

	.livestream-area .top-box .copy {
		font-size: 2.6rem;
	}


	.livestream-area .date span {
		padding: 5px 40px;
		margin: 0 0 30px;
		font-size: 1.8rem;
	}

	.livestream-area .livestream-list li .time {
		font-size: 1.8rem;
	}

	.livestream-area .livestream-list {
		padding: 0 0 50px;
	}
	
	.livestream-area .no-stream {
		margin: 0 0 50px;
	}

}