@charset "utf-8";


@font-face {
  font-family: 'Noto Sans light';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Bold';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}

/* ------------------------------------------------------------ common */
body { background: #000; }
.inner { width: 750px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat; background-size: cover; padding: 100px 0;}
.inner p.btn { font-size: 22px; background: #e3e3e3; padding: 30px 20px; width: 50%; text-align: center; margin: 70px auto 0; border-radius: 5px; color: #ababab; font-family: "Noto Sans light"; }
.inner p.btn-active a { display: block; font-size: 22px; background: #000; padding: 30px 20px; width: 50%; text-align: center; margin: 35px auto 0; border-radius: 5px; color: #fff; font-family: "Noto Sans light"; text-decoration: none;}

.btn a { display: inline-block; border-radius: 20px; padding: 0 15px; }

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

.inner { width: 100%; height: 100vh; box-sizing: border-box; margin: 0 auto; background: url(../images/bg.jpg) no-repeat; background-size: cover; padding: 0;}
.inner img { width: 100%; height: auto; padding: 40px 0 0 ;}
.inner p.btn { font-size: 18px; background: #e3e3e3; padding: 20px 20px; width: 70%; text-align: center;  margin: 35px auto 0;}
.inner p.btn-active a { font-size: 18px; background: #000; padding: 20px 20px; width: 70%; text-align: center;  margin: 20px auto 0;}
}