#main-title .base img, #main-title .techo img, #main-title .cloud img, #main-title .title img, #main-title .pict img {
  opacity: 0; }

#main-title .base img.back {
  transition: opacity 0.25s linear 0s; }

#main-title .base img.sun {
  transform: translateY(50%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

#main-title .base img.fuji {
  transition: opacity 0.25s linear 0s; }

#main-title .base img.sky {
  transition: opacity 0.25s linear 0s; }

#main-title .techo img {
  transform: translateY(50%); }
  #main-title .techo img.t1 {
    transition: opacity 0.25s linear 0.5s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.75s; }
  #main-title .techo img.t2 {
    transition: opacity 0.25s linear 0.25s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; }
  #main-title .techo img.t3 {
    transition: opacity 0.25s linear 0.5s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.75s; }
  #main-title .techo img.t4 {
    transition: opacity 0.25s linear 0.25s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; }
  #main-title .techo img.t5 {
    transition: opacity 0.25s linear 0.5s, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.75s; }

#main-title .cloud img.c1 {
  transform: translateX(100%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

#main-title .cloud img.c2 {
  transform: translateX(-100%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

#main-title .cloud img.c3 {
  transform: translateX(-100%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1s; }

#main-title .cloud img.c4 {
  transform: translateX(-100%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.75s; }

#main-title .cloud img.c5 {
  transform: translateX(100%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1s; }

#main-title .cloud img.c6 {
  transform: translateX(100%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.75s; }

#main-title .title img.title1 {
  transform: translate(-50%, -50%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; }

#main-title .title img.title2 {
  transform: translate(-50%, -50%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; }

#main-title .title img.title3 {
  transform: translate(-50%, -50%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; }

#main-title .pict img.p1 {
  transform: translate(-50%, -10%);
  transition: opacity 0.25s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; }

#main-title .pict img.p2 {
  transform: translate(-50%, 0%);
  transition: opacity 0.25s linear 0.75s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.75s; }

#main-title .pict img.p3 {
  transform: translate(50%, 0%);
  transition: opacity 0.25s linear 1.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1.25s; }

#main-title .pict img.p4 {
  transform: translate(0%, 10%);
  transition: opacity 0.25s linear 1.75s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 1.75s; }

#main-title .pict img.p5 {
  transform: translate(20%, 20%);
  transition: opacity 0.25s linear 2.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 2.25s; }

#main-title .pict img.p6 {
  transform: translate(0%, 20%);
  transition: opacity 0.25s linear 2.75s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 2.75s; }

#main-title.ready {
  visibility: visible !important; }
  #main-title.ready.status-base .base img {
    opacity: 1; }
    #main-title.ready.status-base .base img.sun {
      transform: translateY(0); }
  #main-title.ready.status-techo .techo img {
    opacity: 1;
    transform: translateY(0); }
  #main-title.ready.status-cloud .cloud img {
    opacity: 1;
    transform: translateX(0); }
  #main-title.ready.status-title .title img {
    opacity: 1;
    transform: translate(-50%, 0); }
  #main-title.ready.status-pict .pict img {
    opacity: 1;
    transform: translate(0, 0); }

#contents.result .mt {
  opacity: 0;
  transform: translateY(10%);
  transition: opacity 0.5s linear 0.25s, transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

#contents.result.status-result .mt {
  opacity: 1;
  transform: translateY(0); }

@media print {
  body.mt-result header[role=extra],
  body.mt-result nav[role=global],
  body.mt-result nav[role=breadcrumb],
  body.mt-result footer[role=sitemap],
  body.mt-result .btn-gotop {
    display: none !important; }
  body.mt-result #page {
    padding-top: 0 !important; }
  body.mt-result #contents footer {
    display: none !important; }
  body.mt-result #contents .share {
    display: none !important; }
  body.mt-result #contents #btn_omikuji {
    display: none !important; }
  body.mt-result #contents hr {
    display: none !important; }
  body.mt-result #contents #lineup {
    display: none !important; }
  .device-sp body.mt-result #contents .mt {
    max-width: 400px !important; }
  .device-pc body.mt-result #contents .mt {
    padding-bottom: 40px !important; } }

#contents {
  padding: 0;
  background: url(../images/bg.jpg) repeat center top;
  background-size: 160px; }
  #contents > header {
    padding-bottom: 0;
    background-color: #fff; }
    #contents > header p {
      font-family: "UD Shin Go NT Heavy JIS2004", sans-serif;
      font-size: 140%;
      line-height: 1.75;
      padding: 20px;
      letter-spacing: .05em;
      color: #4cae51;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto;
      font-weight: normal; }
      .ua-desktop-windows #contents > header p {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
  #contents > section {
    padding: 20px 0;
    background-color: #fff; }
    #contents > section img.logo {
      width: 50%;
      max-width: 320px;
      display: block;
      margin: 0 auto;
      mix-blend-mode: multiply; }
    #contents > section > div > a {
      font-family: "UD Shin Go NT Heavy JIS2004", sans-serif;
      font-size: 300%;
      line-height: 1;
      width: 87.5%;
      margin: 20px auto;
      padding: 20px 0;
      text-align: center;
      text-decoration: none;
      color: #fff;
      border-radius: 8px;
      background-image: linear-gradient(0deg, #fec009, #ffe084);
      box-shadow: 0 5px 0 1px #00a9f3;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto;
      font-weight: normal; }
      .ua-desktop-windows #contents > section > div > a {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
  #contents footer {
    background-color: #fff; }
  #contents.result > section {
    width: 87.5%;
    max-width: 560px;
    margin: 0 auto;
    background-color: transparent; }
    #contents.result > section > div {
      overflow: hidden;
      margin: 20px auto;
      border-radius: 8px;
      background-color: #fff;
      box-shadow: 0 1px 10px 0 rgba(0, 169, 243, 0.5); }
      #contents.result > section > div img {
        width: 100%; }
      #contents.result > section > div p {
        font-family: "UD Shin Go NT Medium JIS2004", sans-serif;
        font-size: 160%;
        padding: 0 20px 20px 20px; }
      #contents.result > section > div > a {
        font-size: 180%; }
        #contents.result > section > div > a#lineup {
          font-size: 160%;
          line-height: 1.25;
          display: flex;
          text-align: left;
          background-image: none;
          border: 2px solid #00a9f3;
          padding: 8px 0;
          color: #00a9f3;
          justify-content: center;
          align-items: center; }
          #contents.result > section > div > a#lineup::before {
            display: block;
            width: 27.5px;
            height: 30px;
            margin-right: 8px;
            content: "";
            background: url(../images/main4-3.svg) no-repeat center center;
            background-size: contain; }
          #contents.result > section > div > a#lineup small {
            font-size: 87.5%; }
      #contents.result > section > div hr {
        border-color: #CCC;
        margin: 20px auto; }
      #contents.result > section > div > div.share {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px auto 30px; }
        #contents.result > section > div > div.share p {
          font-size: 120%;
          font-family: "UD Shin Go NT Medium JIS2004", sans-serif;
          -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-rendering: auto;
          font-weight: normal;
          margin: 0 8px 0 0;
          padding: 0; }
          .ua-desktop-windows #contents.result > section > div > div.share p {
            -ms-transform: rotate(0.001deg);
            transform: rotate(0.001deg); }
        #contents.result > section > div > div.share ul {
          display: flex;
          justify-content: center;
          align-items: center; }
          #contents.result > section > div > div.share ul li {
            width: 25%;
            max-width: 30px;
            margin: 0 12px; }
            #contents.result > section > div > div.share ul li:last-of-type {
              margin-right: 0; }
  .device-sp #contents > section a {
    display: block; }
  .device-sp #contents > footer a {
    margin-top: 0; }
  .device-pc #contents {
    background-size: 320px;
    width: 100%; }
    .device-pc #contents > header {
      width: 96em;
      margin: 0 auto; }
      .device-pc #contents > header p {
        font-size: 180%;
        width: 400px;
        margin: 40px auto 0;
        padding-bottom: 40px; }
    .device-pc #contents > section {
      width: 96em;
      margin: 0 auto; }
      .device-pc #contents > section > div > a {
        display: block;
        max-width: 320px;
        margin: 40px auto;
        transition: transform 0.25s, box-shadow 0.25s; }
        .device-pc #contents > section > div > a:hover {
          transform: translate(0, 5px);
          box-shadow: 0 0 0 1px #00a9f3; }
    .device-pc #contents footer {
      width: 96em;
      margin: 0 auto; }
      .device-pc #contents footer > a {
        margin-top: 0;
        margin-bottom: 20px; }
    .device-pc #contents.result > section {
      padding-top: 40px; }
      .device-pc #contents.result > section > div {
        margin-top: 40px; }
        .device-pc #contents.result > section > div p {
          padding: 0;
          width: 400px;
          margin: 0 auto; }
        .device-pc #contents.result > section > div > div.share {
          margin: 40px auto; }
          .device-pc #contents.result > section > div > div.share p {
            max-width: 100px; }

#main-title {
  position: relative;
  padding-top: 100%; }
  #main-title span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
    #main-title span img {
      position: absolute;
      top: 0;
      left: 0; }
    #main-title span.base img:nth-of-type(1) {
      width: 177.8125%; }
    #main-title span.base img:nth-of-type(2) {
      top: 8.75%;
      left: 50%;
      width: 57.8125%; }
    #main-title span.base img:nth-of-type(3) {
      top: 5.9375%;
      left: -38.75%;
      width: 129.6875%; }
    #main-title span.base img:nth-of-type(4) {
      top: auto;
      bottom: 0;
      width: auto;
      height: 12.5%; }
    #main-title span.techo img {
      width: 5%; }
      #main-title span.techo img:nth-of-type(1) {
        top: 81.5625%;
        left: 4.375%; }
      #main-title span.techo img:nth-of-type(2) {
        top: 90.9375%;
        left: 23.125%; }
      #main-title span.techo img:nth-of-type(3) {
        top: 84.6875%;
        left: 47.8125%; }
      #main-title span.techo img:nth-of-type(4) {
        top: 88.4375%;
        left: 76.25%; }
      #main-title span.techo img:nth-of-type(5) {
        top: 80.9375%;
        left: 89.375%; }
    #main-title span.cloud img:nth-of-type(1) {
      top: 26.5625%;
      left: 36.875%;
      width: 27.8125%; }
    #main-title span.cloud img:nth-of-type(2) {
      top: 44.6875%;
      left: -8.125%;
      width: 24.375%; }
    #main-title span.cloud img:nth-of-type(3) {
      top: 86.25%;
      left: -7.8125%;
      width: 24.375%; }
    #main-title span.cloud img:nth-of-type(4) {
      top: 82.5%;
      left: 12.1875%;
      width: 57.8125%; }
    #main-title span.cloud img:nth-of-type(5) {
      top: 85.625%;
      left: 73.75%;
      width: 39.375%; }
    #main-title span.cloud img:nth-of-type(6) {
      top: 77.1875%;
      left: 53.4375%;
      width: 49.375%; }
    #main-title span.title img {
      left: 50%;
      transform: translate(-50%);
      mix-blend-mode: multiply; }
      #main-title span.title img:nth-of-type(1) {
        top: 5.625%;
        width: 45.3125%; }
      #main-title span.title img:nth-of-type(2) {
        top: 10%;
        width: 45.3125%; }
      #main-title span.title img:nth-of-type(3) {
        top: 19.6875%;
        width: 93.75%; }
    #main-title span.pict img {
      width: 37.5%; }
      #main-title span.pict img:nth-of-type(1) {
        top: 32.1875%;
        left: 6.875%; }
      #main-title span.pict img:nth-of-type(2) {
        top: 49.6875%;
        left: -5.3125%; }
      #main-title span.pict img:nth-of-type(3) {
        top: 54.375%;
        left: 63.4375%; }
      #main-title span.pict img:nth-of-type(4) {
        top: 61.875%;
        left: 18.4375%; }
      #main-title span.pict img:nth-of-type(5) {
        top: 30.625%;
        left: 64.0625%; }
      #main-title span.pict img:nth-of-type(6) {
        top: 45%;
        left: 37.1875%; }
  .device-pc #main-title {
    padding-top: 56.25%; }
    .device-pc #main-title span.base img:nth-of-type(1) {
      width: 100%; }
    .device-pc #main-title span.base img:nth-of-type(2) {
      top: 8.88889%;
      left: 50%;
      width: 32.5%; }
    .device-pc #main-title span.base img:nth-of-type(3) {
      top: 5.92593%;
      left: 0%;
      width: 72.91667%; }
    .device-pc #main-title span.base img:nth-of-type(4) {
      top: auto;
      bottom: 0;
      width: 100%;
      height: auto; }
    .device-pc #main-title span.techo img {
      width: 4.58333%; }
      .device-pc #main-title span.techo img:nth-of-type(1) {
        top: 73.14815%;
        left: 6.04167%; }
      .device-pc #main-title span.techo img:nth-of-type(2) {
        top: 86.66667%;
        left: 25.625%; }
      .device-pc #main-title span.techo img:nth-of-type(3) {
        top: 76.66667%;
        left: 48.125%; }
      .device-pc #main-title span.techo img:nth-of-type(4) {
        top: 82.59259%;
        left: 73.54167%; }
      .device-pc #main-title span.techo img:nth-of-type(5) {
        top: 71.2963%;
        left: 91.14583%; }
    .device-pc #main-title span.cloud img:nth-of-type(1) {
      top: 34.07407%;
      left: 38.22917%;
      width: 25%; }
    .device-pc #main-title span.cloud img:nth-of-type(2) {
      top: 46.66667%;
      left: 6.14583%;
      width: 21.875%; }
    .device-pc #main-title span.cloud img:nth-of-type(3) {
      top: 79.25926%;
      left: -2.08333%;
      width: 21.875%; }
    .device-pc #main-title span.cloud img:nth-of-type(4) {
      top: 73.7037%;
      left: 16.14583%;
      width: 51.97917%; }
    .device-pc #main-title span.cloud img:nth-of-type(5) {
      top: 78.51852%;
      left: 71.35417%;
      width: 35.41667%; }
    .device-pc #main-title span.cloud img:nth-of-type(6) {
      top: 64.81481%;
      left: 53.125%;
      width: 44.375%; }
    .device-pc #main-title span.pict img {
      width: 23.4375%; }
      .device-pc #main-title span.pict img:nth-of-type(1) {
        top: 19.44444%;
        left: 2.8125%; }
      .device-pc #main-title span.pict img:nth-of-type(2) {
        top: 45.37037%;
        left: 16.35417%; }
      .device-pc #main-title span.pict img:nth-of-type(3) {
        top: 48.88889%;
        left: 32.70833%; }
      .device-pc #main-title span.pict img:nth-of-type(4) {
        top: 60.55556%;
        left: 52.29167%; }
      .device-pc #main-title span.pict img:nth-of-type(5) {
        top: 41.85185%;
        left: 61.97917%; }
      .device-pc #main-title span.pict img:nth-of-type(6) {
        top: 17.77778%;
        left: 73.22917%; }
    .device-pc #main-title span.title img:nth-of-type(1) {
      top: 13.88889%;
      width: 40.625%; }
    .device-pc #main-title span.title img:nth-of-type(2) {
      top: 20.74074%;
      width: 40.625%; }
    .device-pc #main-title span.title img:nth-of-type(3) {
      top: 36.11111%;
      width: 84.58333%; }