@charset "UTF-8";

@-webkit-keyframes Flash1 {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes Flash1 {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

    
    
    #iw-matigai #cont {
      background-blend-mode: screen;
    }
    
    #iw-matigai #fv {
      width: 100%;
      position: relative; }
      #iw-matigai #fv img {
        display: block; }
    
    #iw-matigai #matigai {
      padding: 0 1%;}
        #iw-matigai #matigai .main > div > div {
          padding-top: 80%;
          background: no-repeat 0 0;
          background-size: 100%; }
        #iw-matigai #matigai .main .img-r {
          background-image: url(../../iw/html/e/find/2508/r1.png);
          position: relative;
          margin-top: 0;
          margin-bottom: 0; }
          @media screen and (max-width: 640px) {
            #iw-matigai #matigai .main .img-r {
              margin-top: -30px;
              margin-bottom: -20px; }
          }
        #iw-matigai #matigai .main .img-l {
          background-image: url(../../iw/html/e/find/2508/l1.png); }
        #iw-matigai #matigai .main .img-hint {
          background: url(../../iw/html/e/find/2508/hint.png) no-repeat 0 0;
          background-size: 100%;
          position: absolute;
          display: none;
          right: 0;
          top: 0;
          width: 100%;
          padding-top: 94%;
          -webkit-animation: Flash1 4s infinite;
          animation: Flash1 4s infinite; }
      #iw-matigai #matigai #ans {
        margin-top: 20px;
        background-color: #fff; }
        #iw-matigai #matigai #ans p {
          text-align: center;
          font-size: 1.8rem;
          line-height: 2.5rem;
          color: #144a81;
          /*border: 3px solid #be5218;*/
          background-color: #deebf5;
          padding: 10px 0;
          margin-bottom: 0;
          font-size: 1.7vw;
          width: 100%;}
          @media screen and (max-width: 640px) {
            #iw-matigai #matigai #ans p {
              font-size: 5vw;
              width: 100%; } }
        #iw-matigai #matigai #ans .wrap {
          font-size: 1.5rem;
          padding: 0 0 4%;
          width: 85%;
          display: block;
          margin: 20px auto 0;}
          @media screen and (max-width: 640px) {
            #iw-matigai #matigai #ans .wrap {
              width: 95%;
              padding: 0 0 10%;
            }
          }
          #iw-matigai #matigai #ans .wrap span {
            display: inline; }
            #iw-matigai #matigai #ans .wrap span img {
              width: 40%; }
            #iw-matigai #matigai #ans .wrap span + span {
              margin-left: 1rem; }
        #iw-matigai #matigai #ans select {
          /*font-size: 2rem;*/
          height: 50px;
          border: 2px solid #c9c9c9;
          border-radius: 3px;
          margin: 0 20px;
          @media screen and (max-width: 640px) {
            margin: 0 auto;
          }
        }
        #iw-matigai #matigai #ans .ans-btn {
          display: inline-block;
          cursor: pointer;
      margin-top: 10px;}
          #iw-matigai #matigai #ans .ans-btn:hover {
            background: url(../../img/freepage/halloween1810/ans-btn_o.png) no-repeat 0 0; }
            #iw-matigai #matigai #ans .ans-btn:hover img {
              visibility: hidden; }
      #iw-matigai #matigai #wrap-seikai, #iw-matigai #matigai #wrap-zannen {
        display: none; }
      #iw-matigai #matigai #wrap-seikai {
        background-color: #fff;
        padding-bottom: 4%; }
        #iw-matigai #matigai #wrap-seikai #youkou {
          width: 85%;
          display: block;
          margin: 0 auto 20px;
          background: #f4f4f4;
          border-radius: 10px;
          padding: 35px 30px;
          @media screen and (max-width: 640px) {
            padding: 25px 20px;
          }
    }
          #iw-matigai #matigai #wrap-seikai #youkou h2 {
            font-weight: bold;
            color: #35322e;
            font-size: 1rem;
          }
          #iw-matigai #matigai #wrap-seikai #youkou ul {
            padding: 0; }
            #iw-matigai #matigai #wrap-seikai #youkou ul li {
              padding-left: 1em;
              text-indent: -1em;
              font-size: 1rem;
              line-height: 1.4em;
              margin-top: 13px;
              color: #35322e;
            }
        #iw-matigai #matigai #wrap-seikai #btn-form {
          display: inline-block;
          margin: 0 1rem; }
          #iw-matigai #matigai #wrap-seikai #btn-form:hover {
            background: url(../../iw/html/e/find/common/btn_10_o.png) no-repeat 0 0;
            background-size: 100%; }
            #iw-matigai #matigai #wrap-seikai #btn-form:hover img {
              visibility: hidden; }
      #iw-matigai #matigai #wrap-zannen {
        background-color: #fff;
        padding-bottom: 2%;
        text-align: center; }
        #iw-matigai #matigai #wrap-zannen #btn-retry {
          display: inline-block;
          margin: 0 1rem;
          cursor: pointer; }
          #iw-matigai #matigai #wrap-zannen #btn-retry:hover {
            background: url(../../img/freepage/halloween1810/btn_retry_o.png) no-repeat 0 0;
            background-size: 100%; }
            #iw-matigai #matigai #wrap-zannen #btn-retry:hover img {
              visibility: hidden; }
      #iw-matigai #matigai.seikai .main .img-r {
        background-image: url(../../iw/html/e/find/2508/r2.png); }
      #iw-matigai #matigai.seikai #ans {
        display: none; }
      #iw-matigai #matigai.seikai #wrap-seikai {
        display: block; }
      #iw-matigai #matigai.zannen .main .img-hint {
        display: block;
        z-index: 10; }
      #iw-matigai #matigai.zannen #ans {
        display: none; }
      #iw-matigai #matigai.zannen #wrap-zannen {
        display: block; }