@charset "UTF-8";

/* ==========================================
  Index - SP
========================================== */

/* Page Header
------------------------------------------ */
.page-header {
  padding: 0 0 93.333333%;
  top: 65px;
  max-height: initial;
  background-position: 50% 0;
  background-image: url(../images/top_header_img.jpg);
  margin: 0 0 65px;
}
.page-header .header-catch h2 {
  width: 47.422666666vw; /* 355.67px */
  margin: 0 auto;
}
.page-header .header-catch h3 {
  font-size: 4vw; /* 30px */
  margin: 23.333333vw 0 0;
}
.page-header .header-catch span {
  width: 1px;
  height: 17.333333vw;
  margin: 20vw auto 2.666666vw;
  display: block;
}
.page-header .header-catch p {
  font-size: 4.8vw; /* 36px */
}

/* ------------------------------------------
  Main Contents
------------------------------------------ */
.l-contents {
  /* padding: 21.333333% 0; 160px 0 */
  padding: 21.333333% 0 0; /* 160px 0 */	
}

/* Intro
------------------------------------------ */
.intro {
  margin: 0 0 13.333333%; /* 100px */
}
.intro h3 {
  font-size: 4vw; /* 30/750 */
}

/* 新規登録とlogin
------------------------------------------ */
.zine-attention {
  display: block;
  margin: 5.333333% 0 0; /* 40/750 */
}
.zine-attention div{ display: block; width: 100%; margin-bottom: 40px;}
.zine-attention div p.ttl,.zine-attention div p,.zine-attention div a{ width: 100%;}
.zine-attention div p br{display: none;}
.zine-attention p {
  font-size: calc(2.666666vw * 1.25); /* 20/750 */
  line-height: 1.7;
}
.zine-attention > p {
  width: 100%;
  padding: 0;
}
.zine-attention ul {
  width: 100%;
  margin: 8.666666% 0 0; /* 65/750 */
}
.zine-attention ul li:last-of-type {
  margin: 15px 0 0;
}



/*新規アカウントログイン
-------------------------------------------*/
.movie_list{margin: 15% 0 21.333333%;}