.private-content { margin-top: 2.5rem!important; }

.password-box { display: flex; justify-content: space-between; align-items: center; width:100%; max-width:400px; margin: 0 auto; }
.password-box .input { flex-grow: 1; }
.password-box .input input { font-size:1rem; border: solid 1px #ccc; padding: 0.4rem 0.5rem; width:92%; border-radius: 0.2rem; }
.password-box .button { flex-shrink: 0; flex-grow: 0; }
.password-box .button input { width:80px; border:0; color:#fff; background-color: #39C0ED; border-radius: 0.2rem; padding: 0.5rem 0; cursor: pointer; }

.password-error-message { text-align: center; color: crimson; }

.private-content-title { font-size:1.5rem; font-weight: bold; color: #1266F1; border-left: solid 4px #1266F1; padding-left: 0.5rem; }

.private-content.video + .private-content.text { border-top:solid 1px #ddd; padding-top: 2rem; }

.video-container { display: flex; justify-content:space-between; border-top:solid 1px #ddd; padding-top: 2rem; }
.video-container .column { flex: 1; width:100%; box-sizing: border-box; }
.video-container .left-column { padding-right: 2rem; }
.video-container .column .title { font-size:1.1rem; font-weight: bold; margin-bottom: 1rem; }
.video-container .column .text { font-size:0.9rem; }
.video-container .column .video.hd iframe { width:440px; height: 247px; }
.video-container .column .video.sd iframe { width:440px; height: 330px; }

@media screen and (max-width: 959px) {
	.video-container .column .video.hd iframe { width:360px; height: 202px; }
	.video-container .column .video.sd iframe { width:360px; height: 270px; }
}
@media screen and (max-width: 767px) {
	.video-container { display: block; }
	.video-container .left-column { padding-right: 0; }
	.video-container .column .video { margin-top: 1.5rem; }
	.video-container .column .video.hd iframe { width:540px; height: 304px; }
	.video-container .column .video.sd iframe { width:540px; height: 405px; }
}
@media screen and (max-width: 567px) {
	.video-container .column .video.hd iframe { width:100%; height: 54.32vw; }
	.video-container .column .video.sd iframe { width:100%; height: 72.31vw; }
}

.private-nav { margin-top: 4rem; padding: 2rem 1.5rem; background-color: #fafafa; text-align: center; position: relative; }
.private-nav .title { color: #39C0ED; position: absolute; width:100%; text-align: center; font-size:1.2rem; line-height: 1; letter-spacing: 0.1em; text-indent: 0.1em; left:0; top: -0.5rem; }
.private-nav .nav-container { display: flex; flex-wrap:wrap; }
.private-nav .nav-container .item { width:33.33%; box-sizing: border-box; padding: 0.3rem; }
.private-nav .nav-container .item a { display: block; text-align: center; font-size:1rem; font-weight: bold; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); line-height: 1; color:#fff; background-color:#39C0ED; border-radius: 0.4rem; padding: 1rem 0; transition: background-color .2s; }
.private-nav .nav-container .item a:hover { background-color:#089FD1; }
.private-nav .nav-container .item a.current { background-color:#1266F1; }
@media screen and (max-width: 767px) {
	.private-nav .nav-container .item { width:50%; }
}
@media screen and (max-width: 567px) {
	.private-nav .nav-container { display: block; }
	.private-nav .nav-container .item { width:auto; }
}
.private-nav .back-to-top { margin-top:1rem; }