#main_wrap{width: initial;}
#main{padding: 0 !important;}
#breadcrumb{display: none;}

#login{background: #FFF; box-sizing: border-box; box-shadow: 0 2px 10px rgba(0,0,0,0.2); margin: 0 auto; padding: 20px; position: absolute; top: 20px; left: 0; right: 0; width: 400px; z-index: 1;}
#login h2{color: #999; font-size: 20px; font-weight: normal; text-align: center; margin-bottom: 20px;}
#login small{display: block; font-size: 12px; text-align: justify; margin-bottom: 15px;}
#login b{color: #F00; display: block; margin-bottom: 10px; text-align: center;}
#login label{display: block; position: relative;}
#login input{box-sizing: border-box; border: 1px solid #CCC; display: block; line-height: 45px; outline: none;}
#login div input{border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); margin-bottom: 15px; padding: 0 20px; width: 100%;}
#login i{font-size: 20px !important; position: absolute; right: 17px; top: 13px;}
#login p input{background: linear-gradient(to bottom, #ff9f17 0%, #ff6a00 100%); border: none; border-radius: 22px; color: #FFF; cursor: pointer; display: block; font-size: 14px; height: 45px; line-height: 45px; margin: 0 auto; padding: 0 40px; -webkit-appearance: none;}
#login p input:hover{background: #ff9f17;}
#login p input:active{background: #ff6a00; height: 45px; line-height: 45px;}
#login p:last-of-type{margin-top: 8px;}

.head_{background: url(../img/bg.gif) repeat;}
.head_ h1{height: 350px;}

.watch{background: url(../img/watch_bg.gif) repeat-x; text-align: center;}

.not{position: relative; padding-top: 425px;}
.not #bg{background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; bottom: 0; width: 100vw; height: calc(100% + 60px); z-index: 1;}
.not .movie *{filter: blur(2px);}


.movie{margin: 0 auto; width: 1000px; padding-bottom: 1px;}
.movie h2{background: #f7b52c; color: #071b58; font-size: 20px; line-height: 65px; margin-bottom: 30px; padding: 0 20px; position: relative;}
.movie h2:after{border: 15px solid transparent; border-top-color: #f7b52c; content: ""; display: block; position: absolute;}
.movie h3{border: 1px solid #596393; color: #596393; font-size: 16px; line-height: 45px; margin-bottom: 20px; padding: 0 20px;}
.movie > ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.movie ul + h2{margin-top: 60px;}
.movie ul + h3{margin-top: 40px;}
.movie li{width: 488px; margin-bottom: 40px;}
.movie li div iframe,
.movie li div img{box-sizing: border-box; border: 1px solid #afb7e0; margin-bottom: 15px;}
.movie li div img{width: 100%;}
.movie li small{color: #666; display: block;}
.movie .youtube{padding-top: 56.25%; position: relative; width: 100%;}
.movie .youtube iframe{position: absolute; top: 0; right: 0; height: 100% !important; width: 100% !important;}
.movie h5{background: #596393; color: #FFF; display: inline-block; margin: 8px 0 10px; padding: 3px 15px;}
.movie h5 + ul ol:before{content: "・";}
.movie h5 + p a{border-bottom: 1px solid; display: inline-block; text-decoration: none;}
.movie h5 + p a:hover{border-bottom: none;}

.slowly{box-sizing: border-box; border: 2px dotted #596393; margin: 0 auto ; padding: 20px; width: 1000px;}
.slowly h2{color: #596393; font-size: 18px; margin-bottom: 20px;}
.slowly ul{display: flex; justify-content: space-between;}
.slowly li{width: 468px;}


@media only screen and (max-width: 480px) {
	.head_{margin-top: 40px;}
	.head_ h1{height: initial;}
	
	.watch{background-size: auto 100%; padding: 0 10px;}
		
	#login{margin: 0 10px 60px; width: initial;}
	
	.movie{margin: 0 10px; width: initial;}
	.movie h2{line-height: 30px; padding: 20px 20px 20px 50px;}
	.movie h2 i{position: absolute; top: 22px; left: 16px;}
	.movie h2:after{bottom: -29px;}
	.movie h3{line-height: 23px; padding: 10px 20px 10px 50px; position: relative;}
	.movie h3 i{position: absolute; top: 12px; left: 25px;}
	
	.movie > ul{display: block;}
	.movie li{float: none !important; width: initial;}
	
	.slowly{margin: 0 10px 60px; width: initial;}
	.slowly li{float: none !important; width: initial;}
	.slowly li + li{margin-top: 20px;}
	.slowly li:first-of-type img{content: url(../img/youtube_sp.jpg);}
	.slowly li:last-of-type img{content: url(../img/vcube_sp.jpg);}
	.slowly li:last-of-type a{display: block !important;}
}