#loading {
	position : absolute;
	left : 50%;
	top : 50%;
	margin-top : -50px;
	margin-left : -50px;
	width : 100px;
	text-align : center;
}

#loading img {
	width : 32px;
	height : 32px;
}

#loading p {
	display : block;
	margin-top : 20px;
	color : #ca2420;
}

@media screen and (min-width: 768px) {
	#loading {
		margin-top : -32px;
		margin-left : -32px;
	}
	#loading img {
		width : 64px;
		height : 64px;
	}
}

#loader-bg {
	position : fixed;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	background-color : #fff;
	z-index : 999;
}

#main {
	position : relative;
}

#main .main-pc {
	width : 100%;
	display : none;
	position : relative;
}

@media screen and (min-width: 768px) {
	#main .main-pc {
		display : block;
	}
}

#main .main-sp {
	display : block;
}

@media screen and (min-width: 768px) {
	#main .main-sp {
		display : none;
	}
}

#main .main-btn {
	position : absolute;
	bottom : 90px;
	right : 0;
	left : 0;
	margin : auto;
	display : inline-block;
	width : 27px;
	height : 15px;
	z-index : 5;
	transition : all 0.2s ease-out;
}

@media screen and (min-width: 768px) {
	#main .main-btn {
		bottom : 50px;
		width : 36px;
		height : 20px;
	}
}

#main .main-btn > img {
	width : 27px;
	height : 15px;
}

@media screen and (min-width: 768px) {
	#main .main-btn > img {
		width : 36px;
		height : 20px;
	}
}

@media screen and (min-width: 961px) {
	#main .main-btn:hover {
		cursor : pointer;
		bottom : 40px;
	}
}

#day {
	position : relative;
	padding : 50px 0 45px;
	background-color : #ca2420;
}

@media screen and (min-width: 768px) {
	#day {
		padding : 70px 0 44px;
	}
}

.u-list-lt {
	margin-top : 10px;
}

@media screen and (min-width: 768px) {
	.u-list-lt {
		margin-top : 20px;
	}
}

.u-list-lt .lt-ttl {
	font-weight : bold;
	padding-left : 0;
	margin-left : 0;
}

.u-list-lt .lt-ttl:before {
	content : none;
}

.u-list-lt > li {
	position : relative;
	margin-top : 5px;
	margin-left : 12px;
	padding-left : 8px;
}

@media screen and (min-width: 768px) {
	.u-list-lt > li {
		margin-top : 4px;
		padding-left : 10px;
	}
}

.u-list-lt > li:first-child {
	margin-top : 0;
}

.u-list-lt > li:before {
	position : absolute;
	content : '';
	border-radius : 50%;
	background-color : #333;
	width : 3px;
	height : 3px;
	top : 0.8em;
	left : 0;
}

@media screen and (min-width: 768px) {
	.u-list-lt > li:before {
		top : 0.85em;
	}
}

.u-Lecture-ttl {
	background-color : #000;
	padding : 25px 0;
}

@media screen and (max-width: 767px) {
	.u-Lecture-ttl {
		text-align : center;
		padding : 25px 15px;
	}
}

@media screen and (min-width: 768px) {
	.u-Lecture-ttl {
		display : -ms-flexbox;
		display : flex;
	}
}

.u-Lecture-ttl .ttl-sub {
	color : #fff;
	font-weight : bold;
}

@media screen and (min-width: 768px) {
	.u-Lecture-ttl .ttl-sub {
		padding-top : 5px;
		padding-left : 70px;
		font-size : 16px;
	}
}

@media screen and (min-width: 768px) and (max-width: 960px) {
	.u-Lecture-ttl .ttl-sub {
		width : 100px;
		padding-top : 17px;
		padding-left : 20px;
	}
}

.u-Lecture-ttl .ttl-main {
	color : #fff;
	font-weight : bold;
}

@media screen and (max-width: 767px) {
	.u-Lecture-ttl .ttl-main {
		font-size : 1.6rem;
	}
}

@media screen and (min-width: 768px) {
	.u-Lecture-ttl .ttl-main {
		padding-left : 70px;
		font-size : 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 960px) {
	.u-Lecture-ttl .ttl-main {
		padding : 0 20px;
	}
}