@charset "UTF-8";
@import url(modal.css);
/* 全般 */
html {
  font-size: 62.5%;
  /* 1emのフォントサイズを10pxにする設定 */ }

body {
  font-size: 16px;
  color: #555;
  background-color: #fff;
  line-height: 1.3em; }

@media screen and (max-width: 768px) {
  body {
    font-size: 14px; } }
a {
  outline: none; }

a:focus,
*:focus {
  outline: none; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

a.disable {
  pointer-events: none; }

img {
  max-width: 100%;
  margin: 0;
  line-height: 1; }

ul {
  font-size: 0; }
  ul li {
    font-size: 14px; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

p {
  line-height: 1.5; }

.pink {
  color: #ff27bc; }

.center {
  margin-left: auto;
  margin-right: auto; }

strong {
  color: #ff27bc; }

strong a {
  color: #ff27bc; }

.bgf5 {
  background-color: #f5f5f5; }

.w40 {
  width: 40%; }

.mb10 {
  margin-bottom: 10px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

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

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

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

.mb110 {
  margin-bottom: 110px !important; }

@media screen and (max-width: 768px) {
  .mb30 {
    margin-bottom: initial !important; }

  .mb70 {
    margin-bottom: initial !important; }

  .mb90 {
    margin-bottom: initial !important; }

  .mb110 {
    margin-bottom: initial !important; } }
a.off_season {
  width: 100% !important;
  display: block;
  text-align: center !important;
  background: #007ef0;
  margin: 3rem auto 0;
  padding: .5rem 1rem;
  color: #fff !important;
  border-radius: 100px;
  white-space: normal; }
  a.off_season:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  @media screen and (max-width: 768px) {
    a.off_season {
      margin: 1rem auto 0; } }

/* 全般 end */
@media screen and (min-width: 768px) {
  .is_tab,
  .is_sp {
    display: none !important;
    visibility: hidden; }

  .is_pc {
    display: block !important;
    visibility: visible; } }
@media screen and (max-width: 768px) {
  .is_pc,
  .is_sp {
    display: none !important;
    visibility: hidden; }

  .is_tab {
    display: block !important;
    visibility: visible; } }
@media screen and (max-width: 520px) {
  .is_pc,
  .is_sp {
    display: none !important;
    visibility: hidden; }

  .is_sp {
    display: block !important;
    visibility: visible; } }
@media screen and (max-width: 520px) {
  .sp_none {
    display: none !important; }

  .tab_none {
    display: none !important; }

  .pc_none {
    display: none !important; } }
/* ヘッダー */
header {
  position: relative; }
  header h1 {
    font-size: 2em; }
  header .notes {
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    width: 100%; }

@media screen and (min-width: 769px) {
  /* pc */
  #header h1 {
    background: url(../img/main.png) no-repeat top center; } }
/* ヘッダー end */
/* ナビゲーション */
.is_fixed {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 1000; }

#nav {
  background: #ff27bc;
  width: 100%;
  line-height: 100%; }
  #nav li {
    float: left;
    width: 25%; }
    #nav li a {
      display: block; }
  #nav a img {
    width: 100%;
    height: auto;
    vertical-align: middle; }

@media screen and (min-width: 769px) {
  /* pc */
  #nav ul {
    width: 960px;
    margin: 0 auto; } }
@media screen and (max-width: 768px) {
  /* smp */
  #nav ul {
    width: 100%; }
    #nav ul a {
      padding: 10px 0; }

  .is_release #nav {
    margin-top: -5px; } }
/* ナビゲーション end */
/* コンテンツ */
h2.ttl {
  margin-bottom: 1em; }

@media screen and (min-width: 769px) {
  /* pc */
  #content {
    margin: 0 auto 3em; }
    #content .box {
      padding-top: 80px; } }
@media screen and (max-width: 768px) {
  /* smp */
  #content {
    margin: 0 auto;
    padding: 0px 5% 5% 5%; }
    #content .img {
      width: 100%; }
    #content .box {
      margin-bottom: 3em; } }
@media screen and (min-width: 769px) {
  .inner {
    width: 960px;
    margin: 0px auto; } }
@media screen and (max-width: 768px) {
  .inner {
    max-width: 640px;
    margin: 0px auto; } }
.tc {
  text-align: center; }

/* コンテンツ end */
/* フッター */
#footer {
  text-align: center;
  padding: 1em;
  line-height: 100%; }

#share {
  width: 250px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px; }
  #share li {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 50px; }
    #share li:last-child {
      margin-right: 0px; }
    #share li img {
      max-width: 100%;
      max-height: 100%; }

#corp_logo {
  margin-bottom: 20px; }
  #corp_logo img {
    max-width: 200px; }

#copylight small {
  font-family: verdana, san-serif;
  font-size: smaller; }

@media screen and (max-width: 768px) {
  /* smp */
  #footer {
    padding: .5em; }

  #share {
    width: 180px;
    margin-bottom: 10px; }
    #share li {
      float: left;
      width: 40px;
      height: 40px;
      margin-right: 30px; }
      #share li:last-child {
        margin-right: 0px; }

  #corp_logo {
    margin-bottom: 5px; }
    #corp_logo img {
      max-width: 150px; } }
/* フッター end */
/* 前置き文 */
@media screen and (min-width: 769px) {
  p.about {
    text-align: center;
    font-size: 18px;
    padding-top: 80px;
    font-style: 20px; } }
@media screen and (max-width: 768px) {
  p.about {
    font-size: 14px;
    padding-top: 30px;
    text-align: center; } }
/* 前置き文 end */
/* scroll */
.page-top {
  position: fixed; }

@media screen and (min-width: 769px) {
  /* pc */
  .page-top {
    bottom: 1em;
    right: 10px; } }
@media screen and (max-width: 768px) {
  /* smp */
  .page-top {
    bottom: 0px;
    right: 10px;
    opacity: 0.7; } }
/* scroll end */
@media screen and (min-width: 769px) {
  #countdown {
    padding-top: 80px; } }
@media screen and (max-width: 768px) {
  #countdown {
    padding-top: 60px; } }
#slider {
  padding-top: 40px; }

.ninestar {
  text-align: center; }

@media screen and (min-width: 769px) {
  .present {
    width: 50%;
    text-align: center; } }
@media screen and (max-width: 768px) {
  .present {
    width: 100%; } }
.text_present {
  text-align: center;
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 10px; }
  .text_present strong {
    color: #ff27bc; }

@media screen and (min-width: 769px) {
  .text_present {
    margin-top: 60px;
    text-align: center;
    font-size: 18px; }
    .text_present a {
      color: #ff27bc;
      text-align: center;
      text-decoration-line: underline;
      text-decoration-style: initial;
      text-decoration-color: #ff27bc; }
    .text_present strong {
      color: #ff27bc; } }
.link {
  text-align: center;
  color: #ff27bc;
  font-size: 14px;
  margin-bottom: 20px; }
  .link a {
    color: #ff27bc;
    text-align: center;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: #ff27bc; }
  .link strong {
    color: #ff27bc; }

@media screen and (min-width: 769px) {
  .link {
    text-align: center;
    font-size: 18px;
    color: #ff27bc;
    margin-bottom: 30px; }

  a {
    color: #ff27bc;
    text-align: center;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: #ff27bc; }

  strong {
    color: #ff27bc; } }
@media screen and (max-width: 768px) {
  .link a {
    color: #ff27bc;
    text-align: center;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: #ff27bc; }
  .link strong {
    color: #ff27bc; } }
@media screen and (max-width: 768px) {
  #movie {
    padding-top: 60px; } }
@media screen and (min-width: 769px) {
  #movie {
    padding-top: 80px; } }
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

@media screen and (min-width: 769px) {
  #campaign_320 {
    padding-top: 80px; }
    #campaign_320 p {
      margin: 0px auto;
      padding-top: 10px; }
    #campaign_320 h3 {
      padding-top: 40px; } }
@media screen and (max-width: 768px) {
  #campaign_320 {
    padding-top: 60px; }
    #campaign_320 p {
      margin: 20px auto; }
    #campaign_320 h3 {
      padding-top: 30px; } }
.popupModal1.inner.privacy.tc {
  margin-top: 20px; }

#twitterwidgetWrapper {
  width: 280px;
  margin: 0 auto;
  padding: 0; }

.twitter-tweet {
  line-height: 1.8;
  padding: 4px; }

.schedule_term {
  color: #000;
  width: 240px;
  max-width: 300px;
  padding: .3rem 1rem;
  border-radius: 0.2rem;
  text-align: center;
  margin: 10px auto;
  background-color: #FFF;
  margin-bottom: 15px;
  text-align: center; }

.schedule_term a {
  color: #000; }

.scroll {
  height: 200px;
  overflow: scroll;
  border: solid 2px;
  padding: 10px;
  margin-top: 10px; }

@media screen and (max-width: 768px) {
  .privacy {
    margin-top: 20px; } }
@media screen and (min-width: 769px) {
  #campaign_322 {
    padding-top: 80px; } }
@media screen and (max-width: 768px) {
  #campaign_322 {
    padding-top: 60px; } }
@media screen and (min-width: 769px) {
  #campaign_326 {
    padding-top: 80px; }
    #campaign_326 .shosai {
      text-align: center;
      font-size: 22px;
      color: #ff27bc;
      margin-top: 20px; } }
@media screen and (max-width: 768px) {
  #campaign_326 {
    padding-top: 60px; }
    #campaign_326 .shosai {
      text-align: center;
      font-size: 16px;
      color: #ff27bc;
      margin-top: 5px; } }
@media screen and (min-width: 769px) {
  #campaign_316 {
    padding-top: 80px; } }
@media screen and (max-width: 768px) {
  #campaign_316 {
    padding-top: 60px; } }
@media screen and (min-width: 769px) {
  .ninestar {
    margin-right: auto;
    margin-left: auto;
    width: 50%; } }
@media screen and (max-width: 768px) {
  .ninestar {
    width: 100%; } }

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