@charset "UTF-8";
.col-bk { color: #000000; }

.col-wh { color: #ffffff; }

.col-br { color: #e5965b; }

.pc { display: block !important; }
@media screen and (max-width: 768px) { .pc { display: none !important; } }

.sp { display: none !important; }
@media screen and (max-width: 768px) { .sp { display: block !important; } }

body { background: #ccc; }

section { margin-bottom: 0; }

.ak-content-title .ak-content-title-wp { padding: 30px 20px; }
.ak-content-title .ak-content-title-wp h2 { color: #000000; font-weight: bold !important; }
@media screen and (max-width: 768px) { .ak-content-title .ak-content-title-wp h2 { font-size: 24px; line-height: 1.5; } }

.ak-detail { margin-bottom: 0 !important; }

.container { max-width: 850px; }

.cp_tl { display: block; font-size: clamp(22px, 4vw, 28px) !important; position: relative; padding: 20px; margin-bottom: 40px; letter-spacing: inherit; font-weight: bold; color: #000000; background: 0; text-align: left; max-width: 850px; margin: auto; }

.cp_tl-bk { color: #000000; }
.cp_tl-bk:after { background-color: #000000; }

h4 { font-size: 20px !important; font-weight: bold; margin: 40px auto 20px; background-color: #000000; color: #ffffff; padding: 10px; }
h4:first-child { margin-top: 0; }

.cont-box { padding: 60px 0; border-bottom: solid 1px; }
.cont-box:last-child { border-bottom: none; }
.cont-box .inner { max-width: 900px; margin: 0 auto; }

img { max-width: 100%; }

.btn_border { display: block; margin: 0 auto; background: #000; border: none; border-radius: 0; color: #fff; font-size: 16px; font-weight: bold; position: relative; border: solid 1px #000; background: #fff; color: #000; border-color: #000 !important; }
.btn_border:before { content: "→"; color: #000000; font-size: 24px; display: inline-block; pointer-events: none; position: absolute; right: 10px; top: 45%; transform: translateY(-50%); }
.btn_border:after { content: ""; width: 100%; height: 100%; border: solid 1px #000000; position: absolute; right: -8px; bottom: -8px; z-index: -1; transition: all 0.5s; pointer-events: none; }
.btn_border:hover { background-color: #e43542; }
.btn_border:hover:before { color: #ffffff; }
.btn_border:hover:after { right: 0; bottom: 0; }

.new { position: relative; }
.new:after { content: "NEW"; width: 60px; height: 60px; color: #e43542; background-color: #000000; border-radius: 100vw; position: absolute; left: -10px; top: -10px; z-index: 10; font-weight: bold; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px) { .new:after { left: 0; } }

.lead { background: #000; padding: 40px 20px; color: #fff; }
.lead p { margin-bottom: 0; font-size: clamp(16px, 4vw, 18px); font-weight: bold; line-height: 2.5; opacity: 0; }

.movie_wrap { max-width: 860px; padding: 0 15px; margin: auto; }

.event ul li { font-size: 18px; font-weight: bold; padding: 6px; }

.fadein { opacity: 0; }

.is-animated_lead { animation: fadeIn 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; }

@keyframes fadeIn { 0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; } }

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