@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  font-style: normal; }

#cinema ol, #cinema ul {
  list-style: none; }
#cinema table {
  border-collapse: collapse;
  border-spacing: 0; }
#cinema caption, #cinema th, #cinema td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }
#cinema q, #cinema blockquote {
  quotes: none; }
#cinema q:before, #cinema q:after, #cinema blockquote:before, #cinema blockquote:after {
  content: "";
  content: none; }
#cinema a img {
  border: none; }
#cinema article, #cinema aside, #cinema details, #cinema figcaption, #cinema figure, #cinema footer, #cinema header, #cinema hgroup, #cinema main, #cinema menu, #cinema nav, #cinema section, #cinema summary {
  display: block; }
#cinema body {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300; }
  @media screen and (max-width: 750px) {
    #cinema body {
      font-size: 14px; } }
#cinema * {
  box-sizing: border-box; }
#cinema ol, #cinema ul {
  list-style: none; }
#cinema figure {
  line-height: 0; }
#cinema img {
  width: auto;
  max-width: 100%; }
#cinema a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s; }
#cinema p {
  line-height: 1.2; }
  #cinema p b {
    font-size: 140%; }
#cinema h3 b {
  font-size: 140%; }

.d-sp {
  display: none; }

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

  .d-pc {
    display: none; } }
.d-block {
  display: block !important; }

.d-inline-b {
  display: inline-block !important; }

.d-inline {
  display: inline !important; }

.bg-gray {
  background: #b3b3b3 !important; }

.bg-black {
  background: #000000 !important; }

.bg-white {
  background: #ffffff !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.p-5 {
  padding: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.m-5 {
  margin: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.p-10 {
  padding: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.m-10 {
  margin: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.p-15 {
  padding: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.m-15 {
  margin: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.m-20 {
  margin: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.p-25 {
  padding: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.m-25 {
  margin: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.p-30 {
  padding: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.m-30 {
  margin: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.p-35 {
  padding: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.m-35 {
  margin: 35px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important; }

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.p-40 {
  padding: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.m-40 {
  margin: 40px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.p-45 {
  padding: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important; }

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.m-45 {
  margin: 45px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important; }

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.p-50 {
  padding: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.m-50 {
  margin: 50px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.p-55 {
  padding: 55px !important; }

.pt-55 {
  padding-top: 55px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.pl-55 {
  padding-left: 55px !important; }

.pr-55 {
  padding-right: 55px !important; }

.px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important; }

.py-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important; }

.m-55 {
  margin: 55px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.ml-55 {
  margin-left: 55px !important; }

.mr-55 {
  margin-right: 55px !important; }

.mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important; }

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important; }

.p-60 {
  padding: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.m-60 {
  margin: 60px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important; }

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.p-65 {
  padding: 65px !important; }

.pt-65 {
  padding-top: 65px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.pl-65 {
  padding-left: 65px !important; }

.pr-65 {
  padding-right: 65px !important; }

.px-65 {
  padding-left: 65px !important;
  padding-right: 65px !important; }

.py-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important; }

.m-65 {
  margin: 65px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.ml-65 {
  margin-left: 65px !important; }

.mr-65 {
  margin-right: 65px !important; }

.mx-65 {
  margin-left: 65px !important;
  margin-right: 65px !important; }

.my-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important; }

.p-70 {
  padding: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important; }

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important; }

.m-70 {
  margin: 70px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important; }

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important; }

.p-75 {
  padding: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.px-75 {
  padding-left: 75px !important;
  padding-right: 75px !important; }

.py-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important; }

.m-75 {
  margin: 75px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.mx-75 {
  margin-left: 75px !important;
  margin-right: 75px !important; }

.my-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important; }

.p-80 {
  padding: 80px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pl-80 {
  padding-left: 80px !important; }

.pr-80 {
  padding-right: 80px !important; }

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important; }

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.m-80 {
  margin: 80px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.ml-80 {
  margin-left: 80px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important; }

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

.p-85 {
  padding: 85px !important; }

.pt-85 {
  padding-top: 85px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.pl-85 {
  padding-left: 85px !important; }

.pr-85 {
  padding-right: 85px !important; }

.px-85 {
  padding-left: 85px !important;
  padding-right: 85px !important; }

.py-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important; }

.m-85 {
  margin: 85px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.ml-85 {
  margin-left: 85px !important; }

.mr-85 {
  margin-right: 85px !important; }

.mx-85 {
  margin-left: 85px !important;
  margin-right: 85px !important; }

.my-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important; }

.p-90 {
  padding: 90px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pl-90 {
  padding-left: 90px !important; }

.pr-90 {
  padding-right: 90px !important; }

.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important; }

.py-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important; }

.m-90 {
  margin: 90px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.ml-90 {
  margin-left: 90px !important; }

.mr-90 {
  margin-right: 90px !important; }

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important; }

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important; }

.p-95 {
  padding: 95px !important; }

.pt-95 {
  padding-top: 95px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.pl-95 {
  padding-left: 95px !important; }

.pr-95 {
  padding-right: 95px !important; }

.px-95 {
  padding-left: 95px !important;
  padding-right: 95px !important; }

.py-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important; }

.m-95 {
  margin: 95px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.ml-95 {
  margin-left: 95px !important; }

.mr-95 {
  margin-right: 95px !important; }

.mx-95 {
  margin-left: 95px !important;
  margin-right: 95px !important; }

.my-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important; }

.p-100 {
  padding: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important; }

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important; }

.m-100 {
  margin: 100px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important; }

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }

@media screen and (max-width: 600px) {
  .mt-md--0 {
    margin-top: 0 !important; }

  .p-md--5 {
    padding: 5px !important; }

  .pt-md--5 {
    padding-top: 5px !important; }

  .pb-md--5 {
    padding-bottom: 5px !important; }

  .pl-md--5 {
    padding-left: 5px !important; }

  .pr-md--5 {
    padding-right: 5px !important; }

  .px-md--5 {
    padding-left: 5px !important;
    padding-right: 5px !important; }

  .py-md--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .m-md--5 {
    margin: 5px !important; }

  .mt-md--5 {
    margin-top: 5px !important; }

  .mb-md--5 {
    margin-bottom: 5px !important; }

  .ml-md--5 {
    margin-left: 5px !important; }

  .mr-md--5 {
    margin-right: 5px !important; }

  .mx-md--5 {
    margin-left: 5px !important;
    margin-right: 5px !important; }

  .my-md--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

  .p-md--10 {
    padding: 10px !important; }

  .pt-md--10 {
    padding-top: 10px !important; }

  .pb-md--10 {
    padding-bottom: 10px !important; }

  .pl-md--10 {
    padding-left: 10px !important; }

  .pr-md--10 {
    padding-right: 10px !important; }

  .px-md--10 {
    padding-left: 10px !important;
    padding-right: 10px !important; }

  .py-md--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  .m-md--10 {
    margin: 10px !important; }

  .mt-md--10 {
    margin-top: 10px !important; }

  .mb-md--10 {
    margin-bottom: 10px !important; }

  .ml-md--10 {
    margin-left: 10px !important; }

  .mr-md--10 {
    margin-right: 10px !important; }

  .mx-md--10 {
    margin-left: 10px !important;
    margin-right: 10px !important; }

  .my-md--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

  .p-md--15 {
    padding: 15px !important; }

  .pt-md--15 {
    padding-top: 15px !important; }

  .pb-md--15 {
    padding-bottom: 15px !important; }

  .pl-md--15 {
    padding-left: 15px !important; }

  .pr-md--15 {
    padding-right: 15px !important; }

  .px-md--15 {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  .py-md--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }

  .m-md--15 {
    margin: 15px !important; }

  .mt-md--15 {
    margin-top: 15px !important; }

  .mb-md--15 {
    margin-bottom: 15px !important; }

  .ml-md--15 {
    margin-left: 15px !important; }

  .mr-md--15 {
    margin-right: 15px !important; }

  .mx-md--15 {
    margin-left: 15px !important;
    margin-right: 15px !important; }

  .my-md--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

  .p-md--20 {
    padding: 20px !important; }

  .pt-md--20 {
    padding-top: 20px !important; }

  .pb-md--20 {
    padding-bottom: 20px !important; }

  .pl-md--20 {
    padding-left: 20px !important; }

  .pr-md--20 {
    padding-right: 20px !important; }

  .px-md--20 {
    padding-left: 20px !important;
    padding-right: 20px !important; }

  .py-md--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

  .m-md--20 {
    margin: 20px !important; }

  .mt-md--20 {
    margin-top: 20px !important; }

  .mb-md--20 {
    margin-bottom: 20px !important; }

  .ml-md--20 {
    margin-left: 20px !important; }

  .mr-md--20 {
    margin-right: 20px !important; }

  .mx-md--20 {
    margin-left: 20px !important;
    margin-right: 20px !important; }

  .my-md--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

  .p-md--25 {
    padding: 25px !important; }

  .pt-md--25 {
    padding-top: 25px !important; }

  .pb-md--25 {
    padding-bottom: 25px !important; }

  .pl-md--25 {
    padding-left: 25px !important; }

  .pr-md--25 {
    padding-right: 25px !important; }

  .px-md--25 {
    padding-left: 25px !important;
    padding-right: 25px !important; }

  .py-md--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }

  .m-md--25 {
    margin: 25px !important; }

  .mt-md--25 {
    margin-top: 25px !important; }

  .mb-md--25 {
    margin-bottom: 25px !important; }

  .ml-md--25 {
    margin-left: 25px !important; }

  .mr-md--25 {
    margin-right: 25px !important; }

  .mx-md--25 {
    margin-left: 25px !important;
    margin-right: 25px !important; }

  .my-md--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

  .p-md--30 {
    padding: 30px !important; }

  .pt-md--30 {
    padding-top: 30px !important; }

  .pb-md--30 {
    padding-bottom: 30px !important; }

  .pl-md--30 {
    padding-left: 30px !important; }

  .pr-md--30 {
    padding-right: 30px !important; }

  .px-md--30 {
    padding-left: 30px !important;
    padding-right: 30px !important; }

  .py-md--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }

  .m-md--30 {
    margin: 30px !important; }

  .mt-md--30 {
    margin-top: 30px !important; }

  .mb-md--30 {
    margin-bottom: 30px !important; }

  .ml-md--30 {
    margin-left: 30px !important; }

  .mr-md--30 {
    margin-right: 30px !important; }

  .mx-md--30 {
    margin-left: 30px !important;
    margin-right: 30px !important; }

  .my-md--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

  .p-md--35 {
    padding: 35px !important; }

  .pt-md--35 {
    padding-top: 35px !important; }

  .pb-md--35 {
    padding-bottom: 35px !important; }

  .pl-md--35 {
    padding-left: 35px !important; }

  .pr-md--35 {
    padding-right: 35px !important; }

  .px-md--35 {
    padding-left: 35px !important;
    padding-right: 35px !important; }

  .py-md--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important; }

  .m-md--35 {
    margin: 35px !important; }

  .mt-md--35 {
    margin-top: 35px !important; }

  .mb-md--35 {
    margin-bottom: 35px !important; }

  .ml-md--35 {
    margin-left: 35px !important; }

  .mr-md--35 {
    margin-right: 35px !important; }

  .mx-md--35 {
    margin-left: 35px !important;
    margin-right: 35px !important; }

  .my-md--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

  .p-md--40 {
    padding: 40px !important; }

  .pt-md--40 {
    padding-top: 40px !important; }

  .pb-md--40 {
    padding-bottom: 40px !important; }

  .pl-md--40 {
    padding-left: 40px !important; }

  .pr-md--40 {
    padding-right: 40px !important; }

  .px-md--40 {
    padding-left: 40px !important;
    padding-right: 40px !important; }

  .py-md--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }

  .m-md--40 {
    margin: 40px !important; }

  .mt-md--40 {
    margin-top: 40px !important; }

  .mb-md--40 {
    margin-bottom: 40px !important; }

  .ml-md--40 {
    margin-left: 40px !important; }

  .mr-md--40 {
    margin-right: 40px !important; }

  .mx-md--40 {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  .my-md--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

  .p-md--45 {
    padding: 45px !important; }

  .pt-md--45 {
    padding-top: 45px !important; }

  .pb-md--45 {
    padding-bottom: 45px !important; }

  .pl-md--45 {
    padding-left: 45px !important; }

  .pr-md--45 {
    padding-right: 45px !important; }

  .px-md--45 {
    padding-left: 45px !important;
    padding-right: 45px !important; }

  .py-md--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important; }

  .m-md--45 {
    margin: 45px !important; }

  .mt-md--45 {
    margin-top: 45px !important; }

  .mb-md--45 {
    margin-bottom: 45px !important; }

  .ml-md--45 {
    margin-left: 45px !important; }

  .mr-md--45 {
    margin-right: 45px !important; }

  .mx-md--45 {
    margin-left: 45px !important;
    margin-right: 45px !important; }

  .my-md--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

  .p-md--50 {
    padding: 50px !important; }

  .pt-md--50 {
    padding-top: 50px !important; }

  .pb-md--50 {
    padding-bottom: 50px !important; }

  .pl-md--50 {
    padding-left: 50px !important; }

  .pr-md--50 {
    padding-right: 50px !important; }

  .px-md--50 {
    padding-left: 50px !important;
    padding-right: 50px !important; }

  .py-md--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }

  .m-md--50 {
    margin: 50px !important; }

  .mt-md--50 {
    margin-top: 50px !important; }

  .mb-md--50 {
    margin-bottom: 50px !important; }

  .ml-md--50 {
    margin-left: 50px !important; }

  .mr-md--50 {
    margin-right: 50px !important; }

  .mx-md--50 {
    margin-left: 50px !important;
    margin-right: 50px !important; }

  .my-md--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

  .p-md--55 {
    padding: 55px !important; }

  .pt-md--55 {
    padding-top: 55px !important; }

  .pb-md--55 {
    padding-bottom: 55px !important; }

  .pl-md--55 {
    padding-left: 55px !important; }

  .pr-md--55 {
    padding-right: 55px !important; }

  .px-md--55 {
    padding-left: 55px !important;
    padding-right: 55px !important; }

  .py-md--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important; }

  .m-md--55 {
    margin: 55px !important; }

  .mt-md--55 {
    margin-top: 55px !important; }

  .mb-md--55 {
    margin-bottom: 55px !important; }

  .ml-md--55 {
    margin-left: 55px !important; }

  .mr-md--55 {
    margin-right: 55px !important; }

  .mx-md--55 {
    margin-left: 55px !important;
    margin-right: 55px !important; }

  .my-md--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important; }

  .p-md--60 {
    padding: 60px !important; }

  .pt-md--60 {
    padding-top: 60px !important; }

  .pb-md--60 {
    padding-bottom: 60px !important; }

  .pl-md--60 {
    padding-left: 60px !important; }

  .pr-md--60 {
    padding-right: 60px !important; }

  .px-md--60 {
    padding-left: 60px !important;
    padding-right: 60px !important; }

  .py-md--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }

  .m-md--60 {
    margin: 60px !important; }

  .mt-md--60 {
    margin-top: 60px !important; }

  .mb-md--60 {
    margin-bottom: 60px !important; }

  .ml-md--60 {
    margin-left: 60px !important; }

  .mr-md--60 {
    margin-right: 60px !important; }

  .mx-md--60 {
    margin-left: 60px !important;
    margin-right: 60px !important; }

  .my-md--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }

  .p-md--65 {
    padding: 65px !important; }

  .pt-md--65 {
    padding-top: 65px !important; }

  .pb-md--65 {
    padding-bottom: 65px !important; }

  .pl-md--65 {
    padding-left: 65px !important; }

  .pr-md--65 {
    padding-right: 65px !important; }

  .px-md--65 {
    padding-left: 65px !important;
    padding-right: 65px !important; }

  .py-md--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important; }

  .m-md--65 {
    margin: 65px !important; }

  .mt-md--65 {
    margin-top: 65px !important; }

  .mb-md--65 {
    margin-bottom: 65px !important; }

  .ml-md--65 {
    margin-left: 65px !important; }

  .mr-md--65 {
    margin-right: 65px !important; }

  .mx-md--65 {
    margin-left: 65px !important;
    margin-right: 65px !important; }

  .my-md--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important; }

  .p-md--70 {
    padding: 70px !important; }

  .pt-md--70 {
    padding-top: 70px !important; }

  .pb-md--70 {
    padding-bottom: 70px !important; }

  .pl-md--70 {
    padding-left: 70px !important; }

  .pr-md--70 {
    padding-right: 70px !important; }

  .px-md--70 {
    padding-left: 70px !important;
    padding-right: 70px !important; }

  .py-md--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important; }

  .m-md--70 {
    margin: 70px !important; }

  .mt-md--70 {
    margin-top: 70px !important; }

  .mb-md--70 {
    margin-bottom: 70px !important; }

  .ml-md--70 {
    margin-left: 70px !important; }

  .mr-md--70 {
    margin-right: 70px !important; }

  .mx-md--70 {
    margin-left: 70px !important;
    margin-right: 70px !important; }

  .my-md--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important; }

  .p-md--75 {
    padding: 75px !important; }

  .pt-md--75 {
    padding-top: 75px !important; }

  .pb-md--75 {
    padding-bottom: 75px !important; }

  .pl-md--75 {
    padding-left: 75px !important; }

  .pr-md--75 {
    padding-right: 75px !important; }

  .px-md--75 {
    padding-left: 75px !important;
    padding-right: 75px !important; }

  .py-md--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important; }

  .m-md--75 {
    margin: 75px !important; }

  .mt-md--75 {
    margin-top: 75px !important; }

  .mb-md--75 {
    margin-bottom: 75px !important; }

  .ml-md--75 {
    margin-left: 75px !important; }

  .mr-md--75 {
    margin-right: 75px !important; }

  .mx-md--75 {
    margin-left: 75px !important;
    margin-right: 75px !important; }

  .my-md--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important; }

  .p-md--80 {
    padding: 80px !important; }

  .pt-md--80 {
    padding-top: 80px !important; }

  .pb-md--80 {
    padding-bottom: 80px !important; }

  .pl-md--80 {
    padding-left: 80px !important; }

  .pr-md--80 {
    padding-right: 80px !important; }

  .px-md--80 {
    padding-left: 80px !important;
    padding-right: 80px !important; }

  .py-md--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }

  .m-md--80 {
    margin: 80px !important; }

  .mt-md--80 {
    margin-top: 80px !important; }

  .mb-md--80 {
    margin-bottom: 80px !important; }

  .ml-md--80 {
    margin-left: 80px !important; }

  .mr-md--80 {
    margin-right: 80px !important; }

  .mx-md--80 {
    margin-left: 80px !important;
    margin-right: 80px !important; }

  .my-md--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }

  .p-md--85 {
    padding: 85px !important; }

  .pt-md--85 {
    padding-top: 85px !important; }

  .pb-md--85 {
    padding-bottom: 85px !important; }

  .pl-md--85 {
    padding-left: 85px !important; }

  .pr-md--85 {
    padding-right: 85px !important; }

  .px-md--85 {
    padding-left: 85px !important;
    padding-right: 85px !important; }

  .py-md--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important; }

  .m-md--85 {
    margin: 85px !important; }

  .mt-md--85 {
    margin-top: 85px !important; }

  .mb-md--85 {
    margin-bottom: 85px !important; }

  .ml-md--85 {
    margin-left: 85px !important; }

  .mr-md--85 {
    margin-right: 85px !important; }

  .mx-md--85 {
    margin-left: 85px !important;
    margin-right: 85px !important; }

  .my-md--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important; }

  .p-md--90 {
    padding: 90px !important; }

  .pt-md--90 {
    padding-top: 90px !important; }

  .pb-md--90 {
    padding-bottom: 90px !important; }

  .pl-md--90 {
    padding-left: 90px !important; }

  .pr-md--90 {
    padding-right: 90px !important; }

  .px-md--90 {
    padding-left: 90px !important;
    padding-right: 90px !important; }

  .py-md--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important; }

  .m-md--90 {
    margin: 90px !important; }

  .mt-md--90 {
    margin-top: 90px !important; }

  .mb-md--90 {
    margin-bottom: 90px !important; }

  .ml-md--90 {
    margin-left: 90px !important; }

  .mr-md--90 {
    margin-right: 90px !important; }

  .mx-md--90 {
    margin-left: 90px !important;
    margin-right: 90px !important; }

  .my-md--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important; }

  .p-md--95 {
    padding: 95px !important; }

  .pt-md--95 {
    padding-top: 95px !important; }

  .pb-md--95 {
    padding-bottom: 95px !important; }

  .pl-md--95 {
    padding-left: 95px !important; }

  .pr-md--95 {
    padding-right: 95px !important; }

  .px-md--95 {
    padding-left: 95px !important;
    padding-right: 95px !important; }

  .py-md--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important; }

  .m-md--95 {
    margin: 95px !important; }

  .mt-md--95 {
    margin-top: 95px !important; }

  .mb-md--95 {
    margin-bottom: 95px !important; }

  .ml-md--95 {
    margin-left: 95px !important; }

  .mr-md--95 {
    margin-right: 95px !important; }

  .mx-md--95 {
    margin-left: 95px !important;
    margin-right: 95px !important; }

  .my-md--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important; }

  .p-md--100 {
    padding: 100px !important; }

  .pt-md--100 {
    padding-top: 100px !important; }

  .pb-md--100 {
    padding-bottom: 100px !important; }

  .pl-md--100 {
    padding-left: 100px !important; }

  .pr-md--100 {
    padding-right: 100px !important; }

  .px-md--100 {
    padding-left: 100px !important;
    padding-right: 100px !important; }

  .py-md--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important; }

  .m-md--100 {
    margin: 100px !important; }

  .mt-md--100 {
    margin-top: 100px !important; }

  .mb-md--100 {
    margin-bottom: 100px !important; }

  .ml-md--100 {
    margin-left: 100px !important; }

  .mr-md--100 {
    margin-right: 100px !important; }

  .mx-md--100 {
    margin-left: 100px !important;
    margin-right: 100px !important; }

  .my-md--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important; } }
.align-c {
  text-align: center; }

.align-l {
  text-align: left; }

.align-r {
  text-align: right; }

@media screen and (max-width: 768px) {
  .align-md--c {
    text-align: center; }

  .align-md--l {
    text-align: left; }

  .align-md--r {
    text-align: right; } }
.font-12 {
  font-size: 12px !important; }

.font-13 {
  font-size: 13px !important; }

.font-14 {
  font-size: 14px !important; }

.font-15 {
  font-size: 15px !important; }

.font-16 {
  font-size: 16px !important; }

.font-17 {
  font-size: 17px !important; }

.font-18 {
  font-size: 18px !important; }

.font-19 {
  font-size: 19px !important; }

.font-20 {
  font-size: 20px !important; }

.font-21 {
  font-size: 21px !important; }

.font-22 {
  font-size: 22px !important; }

.font-23 {
  font-size: 23px !important; }

.font-24 {
  font-size: 24px !important; }

.font-25 {
  font-size: 25px !important; }

.font-26 {
  font-size: 26px !important; }

.font-27 {
  font-size: 27px !important; }

.font-28 {
  font-size: 28px !important; }

.font-29 {
  font-size: 29px !important; }

.font-30 {
  font-size: 30px !important; }

.anim-box.fadein.is-animated {
  animation: fadeIn 1.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; }

@keyframes fadeIn {
  0% {
    transform: translate(0, 40px);
    opacity: 0; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
.Trigger {
  opacity: 0; }
  .Trigger.show {
    animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
  .Trigger.delay-3 {
    animation-delay: 0.6s; }

#cinema {
  background: #000000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  #cinema .section-title {
    color: #ffffff;
    text-align: center;
    font-size: 33px;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    line-height: 1.5;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 0;
    background: url("../img/title-bg-red.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 15px;
    min-height: 134px;
    align-content: center;
    letter-spacing: 1px; }
    @media screen and (max-width: 768px) {
      #cinema .section-title {
        min-height: unset;
        margin: 0px auto 0;
        font-size: 5vw; } }
  #cinema .section-mv {
    position: relative; }
    #cinema .section-mv h1 {
      width: 100%;
      margin: auto;
      max-width: 1200px; }
      @media screen and (max-width: 768px) {
        #cinema .section-mv h1 {
          width: 100%; } }
      #cinema .section-mv h1 img {
        width: 100%;
        max-width: unset; }
    #cinema .section-mv .section-mv_copy {
      top: unset !important;
      position: absolute;
      bottom: 20px !important;
      left: 50%;
      transform: translate(-50%, 0) !important; }
      #cinema .section-mv .section-mv_copy img {
        max-width: 700px;
        width: 60vw; }
      @media screen and (max-width: 768px) {
        #cinema .section-mv .section-mv_copy {
          display: none; } }
  #cinema .section01 {
    margin-top: 120px; }
    @media screen and (max-width: 768px) {
      #cinema .section01 {
        margin-top: 70px; } }
    #cinema .section01 .section01-inner h3 {
      color: #ffffff;
      text-align: center;
      font-weight: bold;
      font-size: 24px;
      line-height: 1.4;
      letter-spacing: 1px; }
      @media screen and (max-width: 768px) {
        #cinema .section01 .section01-inner h3 {
          font-size: 4.8vw; } }
    #cinema .section01 .section01-inner p {
      color: #ffffff;
      letter-spacing: 1px; }
    #cinema .section01 .section01-inner .js-anime {
      position: absolute;
      top: 100px; }
      @media screen and (max-width: 768px) {
        #cinema .section01 .section01-inner .js-anime {
          top: 50px; } }
    #cinema .section01 .section01-inner .section01-inner_01 {
      padding: 80px 0 60px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #cinema .section01 .section01-inner .section01-inner_01 {
          padding: 0px 0 0px; } }
      #cinema .section01 .section01-inner .section01-inner_01 .js-anime {
        right: 0;
        max-width: 700px;
        width: 80vw;
        aspect-ratio: 700/242; }
      #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box {
        max-width: 900px;
        width: calc(100% - 30px);
        margin: 0px auto 0; }
        @media screen and (max-width: 768px) {
          #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box {
            margin: 50px auto 0; } }
        #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box .note {
          margin-top: 15px;
          text-align: center;
          line-height: 1.5; }
          @media screen and (max-width: 768px) {
            #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box .note {
              font-size: 3.6vw; } }
        #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box .flex {
          display: flex;
          grid-gap: 70px;
          max-width: 680px;
          width: 100%;
          margin: 60px auto 0; }
          #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box .flex li figure {
            text-align: center; }
          @media screen and (max-width: 768px) {
            #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box .flex {
              margin: 30px auto 0;
              width: 90%;
              display: block; }
              #cinema .section01 .section01-inner .section01-inner_01 .section01-inner_box .flex li + li {
                margin-top: 30px;
                width: 90%;
                margin: 30px auto 0; } }
    #cinema .section01 .section01-inner .section01-inner_02 {
      position: relative;
      padding-top: 100px; }
      @media screen and (max-width: 768px) {
        #cinema .section01 .section01-inner .section01-inner_02 {
          padding-top: 50px; } }
      #cinema .section01 .section01-inner .section01-inner_02 .js-anime {
        left: 0;
        max-width: 965px;
        width: 80vw;
        aspect-ratio: 965/128; }
        @media screen and (max-width: 768px) {
          #cinema .section01 .section01-inner .section01-inner_02 .js-anime {
            width: 90vw;
            top: 100px; } }
      #cinema .section01 .section01-inner .section01-inner_02 .section01-inner_box {
        max-width: 760px;
        width: calc(100% - 30px);
        margin: auto;
        margin-bottom: 20px; }
        #cinema .section01 .section01-inner .section01-inner_02 .section01-inner_box figure {
          margin-top: 25px;
          margin-bottom: 15px; }
      #cinema .section01 .section01-inner .section01-inner_02 .note, #cinema .section01 .section01-inner .section01-inner_02 .note2 {
        color: #b3b3b3;
        font-size: 12px;
        max-width: 1200px;
        margin: auto;
        text-align: center;
        width: calc(100% - 30px);
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          #cinema .section01 .section01-inner .section01-inner_02 .note, #cinema .section01 .section01-inner .section01-inner_02 .note2 {
            font-size: 3.2vw; } }
      #cinema .section01 .section01-inner .section01-inner_02 .note2 {
        font-size: 10px;
        text-align: right; }
        @media screen and (max-width: 768px) {
          #cinema .section01 .section01-inner .section01-inner_02 .note2 {
            margin-top: 15px;
            font-size: 2.8vw; } }
    #cinema .section01 .section01-inner .section01-inner_03 {
      position: relative;
      padding-top: 110px; }
      @media screen and (max-width: 768px) {
        #cinema .section01 .section01-inner .section01-inner_03 {
          padding-top: 50px; } }
      #cinema .section01 .section01-inner .section01-inner_03 .js-anime {
        right: 0;
        max-width: 510px;
        width: 80vw;
        aspect-ratio: 510/130; }
        @media screen and (max-width: 768px) {
          #cinema .section01 .section01-inner .section01-inner_03 .js-anime {
            width: 50vw;
            top: 100px; } }
      #cinema .section01 .section01-inner .section01-inner_03 .section01-inner_box {
        max-width: 760px;
        width: calc(100% - 30px);
        margin: auto; }
        #cinema .section01 .section01-inner .section01-inner_03 .section01-inner_box figure {
          margin-top: 10px; }
    #cinema .section01 .section01-inner .section01-inner_03_inner {
      max-width: 1200px;
      width: 100%;
      margin: 30px auto;
      line-height: 1; }
      #cinema .section01 .section01-inner .section01-inner_03_inner p {
        width: calc(100% - 30px);
        margin: auto; }
      #cinema .section01 .section01-inner .section01-inner_03_inner .section01-inner_03_innerBox {
        position: relative;
        line-height: 1; }
        #cinema .section01 .section01-inner .section01-inner_03_inner .section01-inner_03_innerBox .youtube_cover {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          cursor: pointer;
          line-height: 0; }
          #cinema .section01 .section01-inner .section01-inner_03_inner .section01-inner_03_innerBox .youtube_cover img {
            width: 100%;
            height: 100%; }
          #cinema .section01 .section01-inner .section01-inner_03_inner .section01-inner_03_innerBox .youtube_cover.hidden {
            display: none; }
          #cinema .section01 .section01-inner .section01-inner_03_inner .section01-inner_03_innerBox .youtube_cover:focus {
            outline: 0.3125rem auto -webkit-focus-ring-color;
            outline-offset: -0.125rem; }
        #cinema .section01 .section01-inner .section01-inner_03_inner .section01-inner_03_innerBox iframe {
          aspect-ratio: 16 / 9;
          width: 100%;
          height: 100%; }
  #cinema .section02 {
    margin-top: 150px; }
    @media screen and (max-width: 768px) {
      #cinema .section02 {
        margin-top: 70px; } }
    #cinema .section02 .section-title {
      letter-spacing: 2px; }
      @media screen and (max-width: 768px) {
        #cinema .section02 .section-title {
          letter-spacing: 1px; } }
    #cinema .section02 .note {
      color: #b3b3b3;
      max-width: 1200px;
      margin: auto;
      width: calc(100% - 30px);
      text-align: right;
      font-size: 10px;
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        #cinema .section02 .note {
          margin-top: 10px; } }
    #cinema .section02 .section02-inner {
      max-width: 850px;
      width: calc(100% - 30px);
      margin: auto; }
      #cinema .section02 .section02-inner h3 {
        text-align: center;
        line-height: 1.8;
        font-size: 18px;
        margin-top: 120px;
        letter-spacing: 1.5px;
        color: #ffffff; }
        #cinema .section02 .section02-inner h3 b {
          font-size: 140%; }
        #cinema .section02 .section02-inner h3.section02-title_h3-2 {
          margin-top: 120px; }
          @media screen and (max-width: 768px) {
            #cinema .section02 .section02-inner h3.section02-title_h3-2 {
              margin-top: 50px; } }
        @media screen and (max-width: 768px) {
          #cinema .section02 .section02-inner h3 {
            margin-top: 60px;
            font-size: 3.6vw; } }
      #cinema .section02 .section02-inner .section02-graph01 {
        position: relative;
        max-width: 760px;
        margin: 40px auto; }
        #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex {
          position: relative; }
          @media screen and (max-width: 970px) {
            #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex {
              display: flex; } }
          #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex .section02-graph01_flexTxt {
            font-size: 11px;
            width: 90px;
            line-height: 1.4;
            color: #ffffff; }
            @media screen and (min-width: 969px) {
              #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex .section02-graph01_flexTxt {
                position: absolute;
                left: -90px;
                top: 50%;
                transform: translateY(-50%); } }
            @media screen and (max-width: 970px) {
              #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex .section02-graph01_flexTxt {
                margin-right: 10px; } }
          #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex figure {
            width: 100%; }
          #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex.section02-graph01_flex02 {
            align-items: center; }
          @media screen and (max-width: 768px) {
            #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex {
              display: block; }
              #cinema .section02 .section02-inner .section02-graph01 .section02-graph01_inner .section02-graph01_flex .section02-graph01_flexTxt {
                width: 100%;
                font-size: 12px;
                margin-bottom: 10px; } }
        #cinema .section02 .section02-inner .section02-graph01 #graph01 {
          background: #666666;
          border-radius: 10px;
          width: 100%;
          aspect-ratio: 750/106;
          position: relative;
          bottom: 0;
          right: 0; }
          #cinema .section02 .section02-inner .section02-graph01 #graph01:after {
            content: '';
            background-image: linear-gradient(90deg, #ff1100, #ec631a 50%, #ec631a);
            width: 0%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 10px;
            transition: all 0.8s; }
          #cinema .section02 .section02-inner .section02-graph01 #graph01 span {
            position: absolute;
            top: 50%;
            width: 100%;
            max-width: 260px;
            z-index: 2;
            right: 50%;
            transform: translate(20%, -50%);
            line-height: 0; }
            @media screen and (max-width: 768px) {
              #cinema .section02 .section02-inner .section02-graph01 #graph01 span {
                width: 50vw;
                margin-top: 1px; } }
          #cinema .section02 .section02-inner .section02-graph01 #graph01.active:after {
            width: 92%; }
      #cinema .section02 .section02-inner .section02-graph02 {
        position: relative;
        max-width: 650px;
        width: 100%;
        margin: 60px auto 0; }
        @media screen and (max-width: 768px) {
          #cinema .section02 .section02-inner .section02-graph02 {
            margin: 30px auto 0; } }
        #cinema .section02 .section02-inner .section02-graph02 #graph02 {
          position: absolute;
          right: 0;
          bottom: 0;
          background: #666666;
          border-radius: 300px;
          width: 50vw;
          max-width: 300px;
          aspect-ratio: 1/1; }
          @media screen and (max-width: 768px) {
            #cinema .section02 .section02-inner .section02-graph02 #graph02 {
              width: 43vw; } }
          #cinema .section02 .section02-inner .section02-graph02 #graph02 figure {
            position: relative; }
            #cinema .section02 .section02-inner .section02-graph02 #graph02 figure:after {
              content: '';
              position: absolute;
              background: url("../img/graph-display.png");
              background-size: 100% 100%;
              width: 100%;
              aspect-ratio: 1/1;
              top: 0;
              right: 2px; }
            #cinema .section02 .section02-inner .section02-graph02 #graph02 figure img {
              transition: all 0.8s;
              transform: rotate(-180deg); }
          #cinema .section02 .section02-inner .section02-graph02 #graph02 .graph-txt {
            position: absolute;
            width: 100%;
            max-width: 70px;
            top: 50%;
            right: 6px;
            transform: translateY(-50%); }
            @media screen and (max-width: 768px) {
              #cinema .section02 .section02-inner .section02-graph02 #graph02 .graph-txt {
                width: 11vw;
                right: 4px; } }
          #cinema .section02 .section02-inner .section02-graph02 #graph02 .graph-center {
            position: absolute;
            width: 100%;
            max-width: 144px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            line-height: 0; }
            @media screen and (max-width: 768px) {
              #cinema .section02 .section02-inner .section02-graph02 #graph02 .graph-center {
                width: 18vw; } }
          #cinema .section02 .section02-inner .section02-graph02 #graph02.active figure img {
            transform: rotate(0deg); }
      #cinema .section02 .section02-inner .section02-voice {
        margin-bottom: 140px;
        max-width: 760px;
        margin: auto; }
        @media screen and (max-width: 768px) {
          #cinema .section02 .section02-inner .section02-voice {
            margin-bottom: 0px; } }
        #cinema .section02 .section02-inner .section02-voice hr {
          background: url("../img/box-topline.png") no-repeat;
          background-size: cover;
          background-position: top right;
          width: 100%;
          border: none;
          aspect-ratio: 1486 / 106;
          margin: 45px auto 0;
          height: auto; }
          @media screen and (max-width: 768px) {
            #cinema .section02 .section02-inner .section02-voice hr {
              margin: 30px auto 0;
              height: 10vw; } }
        #cinema .section02 .section02-inner .section02-voice .section02-voice_inner {
          padding: 30px 25px 50px;
          border-bottom: 1px solid #a9a9a9; }
          @media screen and (max-width: 768px) {
            #cinema .section02 .section02-inner .section02-voice .section02-voice_inner {
              padding: 30px 15px 40px; } }
          #cinema .section02 .section02-inner .section02-voice .section02-voice_inner h4 {
            text-align: left;
            line-height: 1.6;
            color: #ffffff;
            font-size: 115%; }
            #cinema .section02 .section02-inner .section02-voice .section02-voice_inner h4 small {
              font-size: 70%; }
            #cinema .section02 .section02-inner .section02-voice .section02-voice_inner h4 b {
              font-size: 125%; }
            @media screen and (max-width: 768px) {
              #cinema .section02 .section02-inner .section02-voice .section02-voice_inner h4 {
                font-size: 3.6vw; } }
          #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list {
            width: 100%;
            justify-content: center;
            margin-top: 40px; }
            #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child {
              max-width: 760px;
              margin: auto; }
              #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child01 {
                width: 100%; }
                @media screen and (min-width: 769px) {
                  #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child01 {
                    max-width: 545px;
                    margin: 0 auto 40px 0px; } }
              #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child02 {
                width: 100%; }
                @media screen and (min-width: 769px) {
                  #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child02 {
                    max-width: 435px;
                    margin: 0 20px 2px auto; } }
              #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child03 {
                width: 100%; }
                @media screen and (min-width: 769px) {
                  #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child03 {
                    max-width: 212px;
                    margin: 0 auto 0 30px; } }
              #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child04 {
                width: 100%; }
                @media screen and (min-width: 769px) {
                  #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child.section02-voice_list_child04 {
                    max-width: 339px;
                    margin: -10px 0 0 auto; } }
              @media screen and (max-width: 768px) {
                #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list .section02-voice_list_child + li {
                  margin-top: 20px; } }
            @media screen and (max-width: 768px) {
              #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list {
                display: block;
                margin-top: 20px; }
                #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list li {
                  width: 100%; }
                  #cinema .section02 .section02-inner .section02-voice .section02-voice_inner .section02-voice_list li + li {
                    margin-top: 20px; } }
  #cinema .section02 .section03-inner {
    position: relative; }
    #cinema .section02 .section03-inner .js-anime {
      position: absolute;
      right: 0;
      max-width: 460px;
      width: 80vw;
      aspect-ratio: 450/130;
      top: 100px; }
      @media screen and (max-width: 768px) {
        #cinema .section02 .section03-inner .js-anime {
          width: 50vw; } }
    #cinema .section02 .section03-inner .section03-inner_box {
      max-width: 1000px;
      width: 100%;
      margin: auto;
      padding-top: 100px; }
      @media screen and (max-width: 768px) {
        #cinema .section02 .section03-inner .section03-inner_box {
          padding-top: 55px; } }
      #cinema .section02 .section03-inner .section03-inner_box h3 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 30px;
        line-height: 1.4;
        letter-spacing: 2px;
        color: #ffffff; }
        @media screen and (max-width: 768px) {
          #cinema .section02 .section03-inner .section03-inner_box h3 {
            font-size: 4.8vw; } }
      #cinema .section02 .section03-inner .section03-inner_box .section03-flex {
        display: flex;
        grid-column-gap: 28px; }
        #cinema .section02 .section03-inner .section03-inner_box .section03-flex .section03-flex_child01 img {
          max-width: 494px;
          width: 100%; }
        @media screen and (min-width: 769px) {
          #cinema .section02 .section03-inner .section03-inner_box .section03-flex .section03-flex_child02 {
            padding-top: 30px; } }
        #cinema .section02 .section03-inner .section03-inner_box .section03-flex .section03-flex_child02 img {
          max-width: 478px;
          width: 100%; }
        @media screen and (max-width: 768px) {
          #cinema .section02 .section03-inner .section03-inner_box .section03-flex li img {
            max-width: none !important; } }
        @media screen and (max-width: 768px) {
          #cinema .section02 .section03-inner .section03-inner_box .section03-flex {
            display: block;
            width: calc(100% - 30px);
            margin: auto; }
            #cinema .section02 .section03-inner .section03-inner_box .section03-flex li + li {
              margin-top: 15px; } }
  #cinema .section04 {
    width: 100%;
    padding-bottom: 100px; }
    @media screen and (max-width: 768px) {
      #cinema .section04 {
        padding-bottom: 50px; } }
    #cinema .section04 .section04-title h3 {
      font-size: 22px;
      text-align: center;
      color: #ff6400;
      letter-spacing: 1px;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        #cinema .section04 .section04-title h3 {
          font-size: 4.4vw !important; } }
    @media screen and (max-width: 768px) {
      #cinema .section04 .section04-title h3 {
        padding: 0 15px;
        font-size: 5.6vw; } }
    #cinema .section04 .section04-inner {
      position: relative;
      max-width: 1200px;
      width: 100%;
      margin: auto;
      line-height: 1; }
      #cinema .section04 .section04-inner .youtube_cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        line-height: 0; }
        #cinema .section04 .section04-inner .youtube_cover img {
          width: 100%;
          height: 100%; }
        #cinema .section04 .section04-inner .youtube_cover.hidden {
          display: none; }
        #cinema .section04 .section04-inner .youtube_cover:focus {
          outline: 0.3125rem auto -webkit-focus-ring-color;
          outline-offset: -0.125rem; }
      #cinema .section04 .section04-inner iframe {
        aspect-ratio: 16 / 9;
        width: 100%;
        height: 100%; }
    #cinema .section04 a {
      border: 1px solid #ff6400;
      color: #ffffff;
      max-width: 320px;
      text-align: center;
      width: 100%;
      aspect-ratio: 320/60;
      border-radius: 50px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 20px auto 0;
      letter-spacing: 1px;
      transition: all 0.4s; }
      @media screen and (max-width: 768px) {
        #cinema .section04 a {
          max-width: 400px;
          width: 70vw;
          font-size: 3.2vw; } }
      #cinema .section04 a:hover {
        opacity: 0.6; }
      #cinema .section04 a:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 11px;
        background: url("../img/red-arrow.png") no-repeat;
        background-size: contain;
        background-position: right;
        top: 50%;
        right: 20px;
        transform: translate(0%, -50%); }
  #cinema .section05 {
    padding: 100px 0 90px;
    max-width: 760px;
    margin: auto;
    width: calc(100% - 30px); }
    @media screen and (max-width: 768px) {
      #cinema .section05 {
        padding: 50px 0 60px; } }
    #cinema .section05 .section05-title h3 {
      font-size: 22px;
      text-align: center;
      color: #ff6400;
      letter-spacing: 1px; }
      @media screen and (max-width: 768px) {
        #cinema .section05 .section05-title h3 {
          font-size: 4.4vw !important; } }
    @media screen and (max-width: 768px) {
      #cinema .section05 .section05-title h3 {
        padding: 0 15px;
        font-size: 5.6vw; } }
    #cinema .section05 .section05-list {
      margin: 40px auto 0px;
      display: flex;
      grid-gap: 24px; }
      #cinema .section05 .section05-list .section05-list_child a {
        transition: all 0.4s;
        text-decoration: none;
        width: 100%;
        height: 100%;
        position: relative; }
        #cinema .section05 .section05-list .section05-list_child a:hover {
          opacity: 0.6; }
        @media screen and (max-width: 768px) {
          #cinema .section05 .section05-list .section05-list_child a .section05-list_child_flex {
            display: flex;
            justify-content: space-between; } }
      #cinema .section05 .section05-list .section05-list_child figure img {
        width: 100%; }
      @media screen and (max-width: 768px) {
        #cinema .section05 .section05-list .section05-list_child figure {
          width: 40vw; } }
      #cinema .section05 .section05-list .section05-list_child h4 {
        color: #ffffff;
        margin-bottom: 5px;
        position: relative;
        padding-right: 14px;
        font-size: 18px; }
        #cinema .section05 .section05-list .section05-list_child h4:before {
          content: '';
          position: absolute;
          width: 10px;
          height: 11px;
          background: url("../img/red-arrow.png") no-repeat;
          background-size: contain;
          background-position: right;
          top: 50%;
          right: 0;
          transform: translate(0%, -50%); }
        @media screen and (max-width: 768px) {
          #cinema .section05 .section05-list .section05-list_child h4 {
            font-size: 4vw; } }
      #cinema .section05 .section05-list .section05-list_child .section05-list_child_title {
        margin-top: 20px;
        padding-bottom: 15px;
        position: relative; }
        @media screen and (max-width: 768px) {
          #cinema .section05 .section05-list .section05-list_child .section05-list_child_title {
            width: calc(100% - 40vw - 20px);
            margin-top: 0; } }
        #cinema .section05 .section05-list .section05-list_child .section05-list_child_title .name {
          font-size: 12px;
          line-height: 1.6;
          position: relative;
          padding-top: 16px;
          color: #ffffff;
          position: relative; }
          #cinema .section05 .section05-list .section05-list_child .section05-list_child_title .name:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 4px;
            background: url("../img/red-line.png") no-repeat;
            background-size: 100% 100%;
            background-position: right;
            top: 0;
            left: 0; }
          @media screen and (max-width: 768px) {
            #cinema .section05 .section05-list .section05-list_child .section05-list_child_title .name {
              height: 100%;
              font-size: 3.2vw; } }
      @media screen and (max-width: 768px) {
        #cinema .section05 .section05-list .section05-list_child + li {
          margin-top: 20px; } }
      @media screen and (max-width: 768px) {
        #cinema .section05 .section05-list {
          width: 100%;
          display: block;
          margin: 20px auto 0; } }
  #cinema .section06 {
    background: #ffffff;
    padding: 100px 0 30px; }
    @media screen and (max-width: 768px) {
      #cinema .section06 {
        padding: 60px 0 30px; } }
    #cinema .section06 .section06-inner {
      max-width: 1120px;
      width: 100%;
      padding: 0 60px;
      margin: auto; }
      @media screen and (max-width: 768px) {
        #cinema .section06 .section06-inner {
          padding: 0 15px; } }
      #cinema .section06 .section06-inner h3 {
        color: #000000;
        font-size: 26px;
        text-align: center;
        margin-bottom: 5px;
        letter-spacing: 2px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          #cinema .section06 .section06-inner h3 {
            margin-bottom: 25px;
            font-size: 5.2vw; } }
      #cinema .section06 .section06-inner .slick-track {
        display: flex; }
      #cinema .section06 .section06-inner .slick-slide {
        height: auto !important; }
      #cinema .section06 .section06-inner .section06-list {
        display: flex;
        align-items: stretch;
        grid-gap: 20px;
        position: relative; }
        @media screen and (max-width: 768px) {
          #cinema .section06 .section06-inner .section06-list {
            display: block;
            grid-gap: 0px; } }
        #cinema .section06 .section06-inner .section06-list .list-slide-arrow {
          position: absolute;
          position: absolute;
          top: 50%;
          width: 48px;
          height: 80px;
          right: -58px;
          transform: translateY(-50%);
          cursor: pointer; }
          #cinema .section06 .section06-inner .section06-list .list-slide-arrow.prev-arrow {
            left: -58px;
            right: auto;
            transform: scale(-1, 1) translateY(-50%); }
          #cinema .section06 .section06-inner .section06-list .list-slide-arrow:focus {
            outline: 0.3125rem auto -webkit-focus-ring-color;
            outline-offset: -0.125rem; }
        #cinema .section06 .section06-inner .section06-list .section06-list_child {
          width: 50%;
          margin: 0 5px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          @media screen and (max-width: 768px) {
            #cinema .section06 .section06-inner .section06-list .section06-list_child {
              width: 100%; }
              #cinema .section06 .section06-inner .section06-list .section06-list_child + .section06-list_child {
                margin: 30px 0px; } }
          #cinema .section06 .section06-inner .section06-list .section06-list_child h4 {
            color: #000000;
            text-align: center;
            font-size: 12px;
            line-height: 1.6;
            margin-top: 8px; }
          #cinema .section06 .section06-inner .section06-list .section06-list_child p {
            line-height: 0; }
            #cinema .section06 .section06-inner .section06-list .section06-list_child p img {
              margin: auto; }
          #cinema .section06 .section06-inner .section06-list .section06-list_child .section06-list_child_link {
            display: flex;
            justify-content: center;
            grid-gap: 20px;
            margin-top: 30px; }
            #cinema .section06 .section06-inner .section06-list .section06-list_child .section06-list_child_link a {
              display: inline-block;
              max-width: 180px;
              aspect-ratio: 180/40;
              height: auto;
              width: 100%;
              font-size: 16px;
              display: flex;
              align-items: center;
              text-align: center;
              justify-content: center;
              border: 1px solid #333333;
              color: #333333;
              border-radius: 30px;
              transition: all 0.4s;
              text-decoration: none;
              word-break: break-all; }
              #cinema .section06 .section06-inner .section06-list .section06-list_child .section06-list_child_link a:hover {
                opacity: 0.6; }
              @media screen and (max-width: 768px) {
                #cinema .section06 .section06-inner .section06-list .section06-list_child .section06-list_child_link a {
                  max-width: 300px;
                  width: 40vw;
                  font-size: 3.6vw; } }
              #cinema .section06 .section06-inner .section06-list .section06-list_child .section06-list_child_link a + a {
                background: #333333;
                color: #ffffff; }
          #cinema .section06 .section06-inner .section06-list .section06-list_child.section06-list_child03 .section06-list_child_link {
            margin-top: 10px; }
  #cinema .banner {
    max-width: 640px;
    margin: 0 auto 90px;
    width: calc(100% - 30px); }
    @media screen and (max-width: 768px) {
      #cinema .banner {
        margin: 0 auto 60px; } }
  #cinema .btn {
    text-align: center;
    margin-top: 57px; }
    #cinema .btn a {
      font-weight: bold;
      max-width: 400px;
      width: 70vw;
      margin: auto;
      background: #000000;
      color: #ffffff;
      aspect-ratio: 400/62;
      text-align: center;
      text-decoration: none;
      border-radius: 10px;
      transition: all 0.4s;
      display: flex;
      align-items: center;
      justify-content: center; }
      #cinema .btn a span {
        font-weight: bold;
        font-size: 22px;
        position: relative; }
        @media screen and (max-width: 768px) {
          #cinema .btn a span {
            font-size: 4vw; } }
        #cinema .btn a span:before {
          content: '';
          background: url("../img/arrow.png") no-repeat;
          background-size: contain;
          width: 16px;
          height: 18px;
          position: absolute;
          top: 50%;
          left: -30px;
          transform: translateY(-50%); }
      #cinema .btn a:hover {
        opacity: 0.6; }
  @media screen and (min-width: 769px) {
    #cinema #link {
      position: fixed;
      top: 160px;
      bottom: 0;
      right: 20px;
      margin: auto;
      height: 500px;
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12));
      z-index: 1000;
      transition: 0.2s ease-out;
      animation: link 0.6s ease-out 0s both;
      text-decoration: none; }
    @keyframes link {
      0% {
        opacity: 0;
        transform: translateY(40px); }
      100% {
        opacity: 1;
        transform: translateY(0); } }
      #cinema #link.off {
        right: -100px; }
      #cinema #link .inner ul li {
        padding: 5px 0; }
      #cinema #link .inner ul li a img {
        width: 80px;
        border-radius: 40px; }
      #cinema #link a:hover {
        opacity: 0.6; } }
  @media screen and (max-width: 768px) {
    #cinema #link {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
      transition: 0.2s ease-out;
      animation: link 0.6s ease-out 0s both; }
      #cinema #link a {
        width: 100%; }
        #cinema #link a img {
          width: 100%; }
    @keyframes link {
      0% {
        opacity: 0;
        transform: translateY(40px); }
      100% {
        opacity: 1;
        transform: translateY(0); } }
    #cinema #link.off {
      bottom: -100px; }
    #cinema #link .inner ul {
      filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.12)); }
    #cinema #link .inner ul li {
      float: left;
      width: 50%;
      line-height: 0; } }
  #cinema .sec-btn {
    border: 1px solid #ff6400;
    color: #ffffff;
    max-width: 320px;
    text-align: center;
    width: 100%;
    aspect-ratio: 320/60;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
    letter-spacing: 1px;
    transition: all 0.4s; }
    @media screen and (max-width: 768px) {
      #cinema .sec-btn {
        max-width: 400px;
        width: 70vw;
        font-size: 3.2vw; } }
    #cinema .sec-btn:hover {
      opacity: 0.6; }
    #cinema .sec-btn:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 11px;
      background: url("../img/red-arrow.png") no-repeat;
      background-size: contain;
      background-position: right;
      top: 50%;
      right: 20px;
      transform: translate(0%, -50%); }