@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","Hiragino Sans", Meiryo, sans-serif;
  background: #cc0627;
  color: #fff; }

img {
  max-width: 100%;
  height: auto; }

@media only screen and (max-width: 767px) {
  .hero {
    margin: 0 0 50px; } }
@media only screen and (min-width: 768px) {
  .hero {
    margin: 0 0 250px; } }
.hero__inner {
  max-width: 1000px;
  width: calc(100% - 30px);
  margin: 0 auto;
  position: relative; }
.hero__content {
  text-align: center;
  margin: 80px 0 0; }
@media only screen and (max-width: 767px) {
  .hero h1 {
    display: none; } }
@media only screen and (min-width: 768px) {
  .hero h1 {
    margin: 0;
    position: absolute;
    bottom: -160px; } }
.hero h1 img {
  width: 200px;
  height: auto; }
@media only screen and (max-width: 767px) {
  .hero dl {
    display: none; } }
@media only screen and (min-width: 768px) {
  .hero dl {
    font-family: 'Sawarabi Mincho';
    margin: 0;
    padding: 0;
    display: flex;
    color: #000;
    position: absolute;
    font-size: 3.6rem;
    right: 40px;
    bottom: -120px; } }
.hero dl dt {
  margin: 0;
  padding: 0; }
.hero dl dd {
  margin: 0;
  padding: 0; }

.about__content {
  box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .about__content {
      margin: 0 10px 50px; } }
  @media only screen and (min-width: 768px) {
    .about__content {
      max-width: 1000px;
      width: calc(100% - 30px);
      margin: 0 auto 70px; } }
.about__ttl {
  position: absolute;
  right: 5px;
  font-weight: 700;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.1);
  z-index: -1; }
  @media only screen and (max-width: 767px) {
    .about__ttl {
      font-size: 2.4rem;
      top: -15px; } }
  @media only screen and (min-width: 768px) {
    .about__ttl {
      font-size: 5.5rem;
      top: -30px; } }
@media only screen and (max-width: 767px) {
  .about__lead {
    font-size: 1.1rem;
    margin: 0 0 7px; } }
@media only screen and (min-width: 768px) {
  .about__lead {
    font-size: 1.2rem;
    margin: 0 0 5px; } }
.about__event-ttl {
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .about__event-ttl {
      font-size: 1.6rem;
      margin: 0 0 10px; } }
  @media only screen and (min-width: 768px) {
    .about__event-ttl {
      font-size: 2.1rem;
      margin: 0 0 15px; } }
.about p {
  margin: 0;
  font-family: 'Noto Sans JP'; }
  @media only screen and (max-width: 767px) {
    .about p {
      font-size: 0.95rem;
      line-height: 1.8rem; } }
  @media only screen and (min-width: 768px) {
    .about p {
      font-size: 1.1rem;
      line-height: 2.6rem; } }

.outline__content {
  box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .outline__content {
      margin: 0 10px;
      margin: 0 10px 50px; } }
  @media only screen and (min-width: 768px) {
    .outline__content {
      max-width: 1000px;
      width: calc(100% - 30px);
      margin: 0 auto 70px; } }
.outline__ttl {
  position: absolute;
  right: 5px;
  font-weight: 700;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.1);
  z-index: -1; }
  @media only screen and (max-width: 767px) {
    .outline__ttl {
      font-size: 2.4rem;
      top: -15px; } }
  @media only screen and (min-width: 768px) {
    .outline__ttl {
      font-size: 5.5rem;
      top: -30px; } }
.outline__item {
  border-left: #fff solid 5px;
  margin: 0 0 20px;
  padding: 0 0 0 18px; }
  .outline__item:last-child {
    margin: 0; }
  .outline__item dl {
    display: flex;
    margin: 0 0 15px;
    font-family: 'Noto Sans JP'; }
    @media only screen and (max-width: 767px) {
      .outline__item dl {
        flex-direction: column; } }
@incldue mq-pc {
  .outline__item dl {
    font-size: 1.0rem; } }
    .outline__item dl:last-child {
      margin: 0; }
    @media only screen and (max-width: 767px) {
      .outline__item dl dt {
        margin: 0 0 5px; } }
    @media only screen and (min-width: 768px) {
      .outline__item dl dt {
        margin: 0; } }
    @media only screen and (min-width: 768px) {
      .outline__item dl dt::after {
        content: "";
        display: inline-block;
        width: 22px;
        height: 1px;
        background: #fff;
        margin: 0 5px; } }
    .outline__item dl dd {
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .outline__item dl dd {
          line-height: 1.7rem; } }
.outline__order {
  background: #fff;
  text-align: center;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .outline__order {
      margin: 0 0 15px;
      width: 100%;
      height: 50px;
      line-height: 50px; } }
  @media only screen and (min-width: 768px) {
    .outline__order {
      margin: 0 0 20px;
      width: 500px;
      height: 60px;
      line-height: 60px; } }
  .outline__order::after {
    content: '';
    border: 0px;
    border-top: solid 3px #cc0627;
    border-right: solid 3px #cc0627;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute; }
    @media only screen and (max-width: 767px) {
      .outline__order::after {
        width: 8px;
        height: 8px;
        top: 39%;
        right: 18px; } }
    @media only screen and (min-width: 768px) {
      .outline__order::after {
        width: 10px;
        height: 10px;
        top: 38%;
        right: 20px; } }
  .outline__order:hover {
    opacity: 0.8; }
  .outline__order a {
    color: #cc0627;
    text-decoration: none;
    font-weight: 600;
    display: block;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .outline__order a {
        font-size: 1.2rem; } }

.attention__content {
  box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .attention__content {
      margin: 0 10px; } }
  @media only screen and (min-width: 768px) {
    .attention__content {
      max-width: 1000px;
      width: calc(100% - 30px);
      margin: 0 auto; } }
.attention__ttl {
  position: absolute;
  right: 5px;
  font-weight: 700;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.1);
  z-index: -1; }
  @media only screen and (max-width: 767px) {
    .attention__ttl {
      font-size: 2.4rem;
      top: -15px; } }
  @media only screen and (min-width: 768px) {
    .attention__ttl {
      font-size: 5.5rem;
      top: -30px; } }
@media only screen and (max-width: 767px) {
  .attention__item {
    margin: 0 0 15px; } }
@media only screen and (min-width: 768px) {
  .attention__item {
    margin: 0 0 35px; } }
.attention__item:last-child {
  margin: 0; }
.attention__item h2 {
  margin: 0 0 10px;
  font-family: 'Noto Sans JP'; }
  @media only screen and (max-width: 767px) {
    .attention__item h2 {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 768px) {
    .attention__item h2 {
      font-size: 1.4rem; } }
.attention__item p {
  margin: 0;
  font-family: 'Noto Sans JP'; }
  @media only screen and (max-width: 767px) {
    .attention__item p {
      line-height: 1.7rem; } }
  @media only screen and (min-width: 768px) {
    .attention__item p {
      font-size: 1.0rem;
      line-height: 1.8rem; } }

@media only screen and (max-width: 767px) {
  .foot {
    margin: 50px 0; } }
@media only screen and (min-width: 768px) {
  .foot {
    margin: 80px 0 70px; } }
.foot__content {
  position: relative;
  z-index: 99; }
  @media only screen and (min-width: 768px) {
    .foot__content {
      width: calc(100% - 30px); } }
  @media only screen and (min-width: 768px) {
    .foot__content::before {
      content: "";
      display: inline-block;
      background-image: url("/dir/cat/idolbangaichi/img/tsumekirio_sushio/foot-tsumekirio.jpg");
      width: 308px;
      height: 450px;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 5%; } }
  @media only screen and (min-width: 768px) {
    .foot__content::after {
      content: "";
      display: inline-block;
      background-image: url("/dir/cat/idolbangaichi/img/tsumekirio_sushio/foot-sushio.jpg");
      width: 308px;
      height: 450px;
      position: absolute;
      z-index: -1;
      top: 0;
      right: 5%; } }
.foot__movie {
  text-align: center; }

.global_head {
  margin: 0;
  position: relative;
  z-index: 99; }

footer {
  position: relative;
  z-index: 99; }
