@charset "UTF-8";
/* 赤　＝　#e50012　rgb(229,0,18) */
/* 背景　＝　#fbfaf8 */
/* ベージュ　＝　#fbe6d4　rgb(251,230,212) */
/* 黒　＝　#4d4545 */
/*===================================================================
　↓　#login（ログインページ）
===================================================================*/
/*----------------------------------------------
　　.description
----------------------------------------------*/
#login .description { max-width: 740px; margin: auto; }

#login .description p { line-height: 2.2em; margin-bottom: 15px; }

#login .description p:last-child { margin-bottom: 0; }

/*----------------------------------------------
　　#form
----------------------------------------------*/
#form { margin-top: 80px; }

#form p.first { text-align: center; font-size: 1.6rem; color: #e50012; /*赤*/ font-weight: 500; line-height: 2.2em; margin-bottom: 30px; }

#login #form table { font-size: 1.6rem; margin: auto; box-sizing: border-box; }

#login #form table tr { display: block; margin-bottom: 10px; }

#login #form table th, #login #form table td { height: 50px; }

#login #form table th { width: 100px; background-color: rgba(229, 0, 18, 0.2); color: #e50012; /*赤*/ font-weight: 700; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

#login #form table td { background-color: #fff; width: 300px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#login #form table td input { border: none; width: 100%; padding-left: 20px; box-sizing: border-box; color: #e50012; /*赤*/ font-size: 18px; }

#login #form table td input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

/*ボタン*/
input.form-btn { display: inline-block; max-width: 220px; width: 100%; line-height: 50px; height: 50px; text-align: center; color: #e50012; /*赤*/ border: 1px solid #e50012; /*赤*/ border-radius: 5px; box-sizing: border-box; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; background-image: url(../img/base/yajirushi-r.png); background-repeat: no-repeat; background-size: 17px 10px; background-position: center right 10px; background-color: rgba(229, 0, 18, 0); }

input.form-btn:hover { background-position: center right 0; background-color: rgba(229, 0, 18, 0.2); border: 1px solid rgba(229, 0, 18, 0); }

@media screen and (max-width: 640px) { #form p.first { font-size: 1.4rem; line-height: 1.8em; margin-bottom: 20px; }
  #form { margin-top: 40px; } }
/*===================================================================
　↓　#error（エラーページ）
===================================================================*/
#error p.error-text { text-align: center; line-height: 2.2em; }

@media screen and (max-width: 640px) { #form p.first { line-height: 1.8em; } }
/*===================================================================
　↓　#movie-list
===================================================================*/
#movie-list p.intro { text-align: center; line-height: 2.2em; }

#movie-list p.intro span.under { border-bottom: 1px solid #4d4545; padding: 0 5px; }

#movie-list p.intro span.small { font-size: 1.2rem; }

#movie-list p.intro span.bold { font-weight: bold; }

/*----------------------------------------------
　　#pdf-link
----------------------------------------------*/
#movie-list #pdf-link { max-width: 560px; width: 100%; margin: 30px auto; border: 1px solid #e50012; /*赤*/ border-radius: 10px; padding: 30px; text-align: center; box-sizing: border-box; }

#movie-list #pdf-link p { color: #e50012; /*赤*/ font-weight: 600; margin-bottom: 20px; }

#movie-list #pdf-link ul li { margin-top: 12px; text-align: center; }

#movie-list #pdf-link ul li a { display: block; width: 280px; line-height: 50px; background-color: #eca7a4; border-radius: 5px; color: #fff; margin: auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }

#movie-list #pdf-link ul li a:hover { background-color: #e50012; /*赤*/ }

@media screen and (max-width: 640px) { #movie-list #pdf-link { padding: 20px; } }
#movie-list #pdf-link2 { max-width: 560px; width: 100%; margin: 30px auto; border: 1px solid #e50012; /*赤*/ border-radius: 10px; padding: 30px; text-align: center; box-sizing: border-box; }
#movie-list #pdf-link2 p { color: #e50012; /*赤*/ font-weight: 600; margin-bottom: 20px; }
#movie-list #pdf-link2 ul li { display: inline-block; margin-top: 12px; text-align: center; }
#movie-list #pdf-link2 ul li a { display: inline-block; width: 180px; line-height: 50px; background-color: #eca7a4; border-radius: 5px; color: #fff; margin: 0 .5rem; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
#movie-list #pdf-link2 ul li a:hover { background-color: #e50012; /*赤*/ }
#movie-list #pdf-link2 h3 { color: #e50012; /*赤*/ font-size: 600; text-align: center; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; background-image: url(../img/base/select-down.png); background-size: 10px 6px; background-repeat: no-repeat; background-position: center right; cursor: pointer; }
#movie-list #pdf-link2 h3.active { background-image: url(../img/base/select-up.png); }

@media screen and (max-width: 640px) { #movie-list #pdf-link2 { padding: 20px; } }
/*----------------------------------------------
　　.movie-box
----------------------------------------------*/
#movie-list .movie-box { padding: 40px; box-sizing: border-box; background-color: rgba(229, 0, 18, 0.03); border-radius: 20px; margin-top: 50px; }

#movie-list .movie-box h2 { text-align: center; font-size: 2rem; color: #e50012; /*赤*/ font-weight: 700; }

#movie-list .movie-box h2 span { font-size: 1.6rem; color: #4d4545; font-weight: 400; padding-left: 10px; }

#movie-list .movie-box p { text-align: center; margin-top: 10px; }

#movie-list .movie-box .youtube-wrap { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 30px; border-radius: 10px; }

#movie-list .movie-box .youtube-wrap::after { content: ""; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0); height: 60px; top: 0; left: 0; z-index: 100; }

#movie-list .movie-box .youtube-wrap .youtube { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

#movie-list .movie-box .youtube-wrap .youtube img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

#movie-list iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 768px) { #movie-list .movie-box { padding: 30px; margin-top: 30px; } }
@media screen and (max-width: 640px) { #movie-list .movie-box { padding: 20px 15px 15px; border-radius: 10px; }
  #movie-list .movie-box h2 { font-size: 1.8rem; }
  #movie-list .movie-box p { margin-top: 5px; }
  #movie-list .movie-box .youtube-wrap { border-radius: 5px; } }

/*# sourceMappingURL=movie.css.map */