@charset "UTF-8";
footer {
  padding: 20px 0 0 0;
  text-align: center;
  background-color: #e7e7e7;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
  footer #sns_links {
    position: relative;
    padding-top: 100px;
    padding-bottom: 20px; }
    footer #sns_links a.for-top {
      display: block;
      position: absolute;
      top: -7.5vh;
      left: calc(50% - 60px); }
      footer #sns_links a.for-top img.for-top {
        width: 120px;
        height: 120px; }
    @media screen and (min-width: 1025px) {
      footer #sns_links {
        padding-top: 85px; } }
    @media screen and (min-width: 1025px) {
      footer #sns_links section {
        display: flex;
        justify-content: center; }
        footer #sns_links section .grid {
          width: 220px;
          padding: 10px; } }
    footer #sns_links section p {
      text-align: center; }
    footer #sns_links section a,
    footer #sns_links section img {
      width: 80%;
      max-width: 400px; }
      @media screen and (min-width: 1025px) {
        footer #sns_links section a,
        footer #sns_links section img {
          width: 220px; } }
    footer #sns_links section img {
      height: auto; }
  footer #copyright {
    display: block;
    padding: 10px 0 5px 0;
    border-top: solid 1px #dfdfdf;
    background: #d10010; }
    footer #copyright img {
      width: 330px;
      height: auto;
      vertical-align: middle;
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit; }
      @media screen and (max-width: 40em) {
        footer #copyright img {
          width: calc(100vw - 10%);
          padding: 2% 4%; } }

.link {
  width: 100%;
  max-width: 500px;
  margin: 2vh 0;
  margin-bottom: 10vh; }
  .link__container {
    width: 100vw;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center; }
  .link a.link__anchor {
    margin: auto;
    display: block;
    width: 70%; }
    .link a.link__anchor:hover {
      opacity: 0.7; }
    .link a.link__anchor img.link__image {
      display: inline;
      width: 100%; }

.box__background {
  padding-top: 1.4em;
  width: 100vw;
  background-color: black; }

.box__container {
  max-width: 800px;
  margin: auto; }

@media screen and (min-width: 750px) {
  .box {
    display: flex; } }

.video {
  width: 100%; }
  .video__container {
    width: 100%; }
    @media screen and (min-width: 750px) {
      .video__container {
        width: 48%; } }
    @media screen and (max-width: 750px) {
      .video__container {
        height: 144vw; } }

.box-only-pc {
  height: 100%; }
  .box-only-pc__container {
    width: 52%;
    height: 500px;
    background-image: url(../images/maining_character_01_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: none; }
    @media screen and (min-width: 750px) {
      .box-only-pc__container {
        display: block; } }
  @media screen and (min-width: 750px) {
    .box-only-pc {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
  .box-only-pc__name {
    display: block;
    width: 250px; }
  .box-only-pc__image {
    display: block;
    width: 250px; }

.box-only-sp {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .box-only-sp__container {
    width: 100%;
    height: 13em;
    margin-top: 0.5em;
    background-image: url(../images/maining_character_01_sp.png);
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (min-width: 750px) {
      .box-only-sp__container {
        display: none; } }
  .box-only-sp__name {
    display: block;
    max-width: 90%;
    max-height: 4.5em; }
  .box-only-sp__image {
    display: block;
    max-width: 90%; }

.contents__container {
  width: 100vw; }

.twitter-share-link {
  width: 90%; }
  .twitter-share-link__container {
    margin-top: 1.25em;
    margin-bottom: 2.5em;
    display: flex;
    justify-content: center; }
  @media screen and (min-width: 750px) {
    .twitter-share-link {
      max-width: 400px; } }
  .twitter-share-link__image {
    display: inline;
    width: 100%; }

.img-logo {
  width: 100%;
  transform: translateX(1.5em); }
  .img-logo__container {
    margin-top: 1em;
    margin-bottom: 1.2em;
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 750px) {
      .img-logo__container {
        margin-bottom: 0em; } }
  .img-logo__link {
    display: block;
    width: 100%;
    max-width: 750px; }

body {
  margin: 0;
  font-size: 4vw;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
  overflow-x: hidden; }
  @media screen and (min-width: 750px) {
    body {
      font-size: 30px; } }

.only-pc {
  display: none; }
  @media screen and (min-width: 750px) {
    .only-pc {
      display: block; } }

.only-sp {
  display: block; }
  @media screen and (min-width: 750px) {
    .only-sp {
      display: none; } }

.contents div {
  overflow: hidden; }


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