@charset "UTF-8";
 /* max-width: 767px
=================================================================== */
@media only screen and (max-width: 767px) {
  /* indent
  =================================================================== */
  /* vw
  =================================================================== */
  /* font pc
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* font sp
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* size
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
  a {
    display: block;
    height: 100%; }

  /* contents
  =================================================================== */
  .top {
    height: calc(100% - 64px);
    top: 64px; }
    .top .loader--2019 {
      width: 26.66667vw;
      height: 24.53333vw; }
      .top .loader--2019.active {
        top: 4vw;
        left: 6.13333vw;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        margin-left: 0; }
    .top .top__inner {
      min-height: 500px; }
      .top .top__inner .top__inner--contents {
        width: 250px !important;
        height: 281px !important;
        top: 49%; }
        .top .top__inner .top__inner--contents h2 {
          padding-top: calc(281 / 250 * 100%); }
          .top .top__inner .top__inner--contents h2 dl dt {
            height: calc(102 / 281 * 100%); }
          .top .top__inner .top__inner--contents h2 dl dd.anniversary {
            height: calc(66 / 281 * 100%);
            bottom: calc(101 / 281 * 100%); }
            .top .top__inner .top__inner--contents h2 dl dd.anniversary:before, .top .top__inner .top__inner--contents h2 dl dd.anniversary:after {
              height: 3px; }
          .top .top__inner .top__inner--contents h2 dl dd.title--text {
            padding-top: calc(154 / 510 * 100%);
            background: url(../img/top/2019spring/title--text--sp.png) no-repeat left center;
            background-size: 100% auto; }
      .top .top__inner .top__share {
        position: absolute;
        height: 36px;
        width: 100%;
        top: auto;
        bottom: 37px;
        right: 0;
        display: inherit;
        align-items: inherit; }
        .top .top__inner .top__share ul {
          width: 100%;
          display: flex;
          justify-content: center; }
          .top .top__inner .top__share ul li {
            width: 33px;
            margin: 0 5px;
            border-radius: 50%;
            overflow: hidden; }
            .top .top__inner .top__share ul li a {
              text-indent: -9999px;
              padding-top: 100%;
              height: 0;
              background-size: 33px auto !important; }
            .top .top__inner .top__share ul li.top__share--line {
              display: block; }
      .top .top__inner footer {
        position: absolute;
        width: calc(100% - 30px);
        height: 40px;
        left: 15px;
        bottom: 0;
        font-size: 7px; }
        .top .top__inner footer ul {
          display: flex; }
          .top .top__inner footer ul li {
            margin-right: 5px; }
            .top .top__inner footer ul li a {
              padding: 10px 0; }
        .top .top__inner footer p {
          padding: 10px 0; } }
 /* max-width: 350px
=================================================================== */
@media only screen and (max-width: 350px) {
 /* size
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
 /* contents
=================================================================== */
  .top .top__inner .top__share {
    bottom: 12.5vw; }

  .top .top__inner footer {
    height: 12.5vw;
    flex-wrap: wrap;
    text-align: center; }
    .top .top__inner footer ul, .top .top__inner footer p {
      width: 100%; }
    .top .top__inner footer ul {
      justify-content: center; }
      .top .top__inner footer ul li {
        margin-right: 8px; }
        .top .top__inner footer ul li a {
          padding: 0.9375vw 0; }
    .top .top__inner footer p {
      padding: 0 0 1.5625vw; } }