@charset "UTF-8";
/*
Style: エーガル８シネマズ 20周年ページ css
Version: 1.0.0
Update: 2025-05-13
*/
#topImage .container {
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  #topImage .container {
    padding-bottom: 25px;
  }
}

#movie-topics {
  background: #fff;
}

#movie-topics .container {
  padding: 50px 30px;
}

@media screen and (max-width: 767px) {
  #movie-topics .container {
    padding: 20px 0;
  }
}

#movie-topics .heading,
#eventContent .heading {
  color: #000;
}

@media screen and (max-width: 767px) {
  #movie-topics .heading,
  #eventContent .heading {
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  #movie-topics .heading span,
  #eventContent .heading span {
    display: block;
  }
}

#movie-topics .heading .separate,
#eventContent .heading .separate {
  font-size: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
  #movie-topics .heading .separate,
  #eventContent .heading .separate {
    display: none;
  }
}

#eventContent section:nth-child(2n) {
  background: #fff;
  clear: both;
}

#eventContent .container {
  padding: 50px 30px;
}

@media screen and (max-width: 767px) {
  #eventContent .container {
    padding: 20px;
  }
}

#eventContent .container #greeting {
  width: 900px;
  margin: 2em auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #eventContent .container #greeting {
    width: 100%;
  }
}

#eventContent .container #greeting .gMessage {
  float: left;
  width: 46%;
  text-align: left;
  line-height: 1.8;
}

#eventContent .container #greeting img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #eventContent .container #greeting .gMessage {
    float: inherit;
    width: 100%;
    margin: 0 0 1em;
  }
}

#eventContent .container #greeting .gImage {
  float: right;
  width: 48%;
  text-align: right;
}

@media screen and (max-width: 767px) {
  #eventContent .container #greeting .gImage {
    font-size: 85%;
  }
}

#eventContent .container #greeting .gImage img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #eventContent .container #greeting .gImage img {
    max-width: 100%;
    height: auto;
  }
}

#eventContent .container #greeting .gImage .manager {
  font-size: 120%;
  margin: 0 1em 0 2em;
}

#eventContent .container #greeting .gImage .submanager {
  font-size: 120%;
  margin: 0 0 0 1em;
}

@media screen and (max-width: 767px) {
  #eventContent .container #greeting .gImage {
    float: inherit;
    width: 100%;
  }
}

#eventContent .container #message {
  width: 1100px;
  margin: 2em auto;
  overflow: hidden;
  clear: both;
}

#eventContent .container #message h3 {
  font-weight: bold;
  margin: 1em 0;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message h3 {
    font-size: 70%;
  }
}

#eventContent .container #message h3 .amName {
  font-size: 120%;
  margin-right: 1em;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message h3 .amName {
    display: block;
    margin: 0;
    font-size: 140%;
  }
}

#eventContent .container #message .other {
  width: 100%;
  background-image: url("/_asset2019/img/20th/line-pc.png");
	background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  margin: 0;
  padding: 1em 0 2em;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .other {
    background-image: url("/_asset2019/img/20th/line-mb.png");
  }
}

#eventContent .container #message .other h3 {
  text-align: left;
}

#eventContent .container #message img {
  width: 240px;
  height: auto;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #eventContent .container #message img {
    width: 50%;
    height: auto;
  }
}

#eventContent .container #message li {
  width: 45%;
  margin: 1em 0 3em;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message li {
    width: 100%;
    margin: 1em 0;
  }
}

#eventContent .container #message li .comment {
  text-align: left;
  line-height: 1.8;
}

#eventContent .container #message li .message {
  display: block;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message li .message {
    display: none;
  }
}

#eventContent .container #message li .toggle {
  display: none;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message li .toggle {
    display: block;
    background-image: url("/_asset2019/img/20th/open.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-top: 13px;
    margin: 0 0 0.5em;
  }

  #eventContent .container #message li.active .toggle {
    background-image: url("/_asset2019/img/20th/close.png");
  }
}

#eventContent .container #message .tokikawa {
  float: left;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .tokikawa {
    float: inherit;
    background-image: url("/_asset2019/img/20th/line-mb.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: 0 0 1em;
  }
}

#eventContent .container #message .yokoyama {
  float: right;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .yokoyama {
    float: inherit;
    background-image: url("/_asset2019/img/20th/line-mb.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: 0 0 1em;
  }
}

#eventContent .container #message .kunitake {
  float: left;
  clear: both;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .kunitake {
    float: inherit;
    background-image: url("/_asset2019/img/20th/line-mb.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: 0 0 1em;
  }
}

#eventContent .container #message .murayama {
  float: right;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .murayama {
    float: inherit;
    background-image: url("/_asset2019/img/20th/line-mb.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: 0 0 1em;
  }
}

#eventContent .container #message .yasuhira {
  float: left;
  clear: both;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .yasuhira {
    float: inherit;
  }
}

#eventContent .container #message .line {
  background-image: url("/_asset2019/img/20th/line-pc.png");
	background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 10px;
  margin: 0 auto;
  clear: both;
}

@media screen and (max-width: 767px) {
  #eventContent .container #message .line {
    background-image: url("/_asset2019/img/20th/line-mb.png");
    background-size: contain;
    width: 100%;
    padding-top: 1.9%;
  }
}