@charset "UTF-8";
#wrapper {
  background: #fff; }
  #wrapper #contents-wrap {
    background: url(../images/bg_pc.jpg) center top no-repeat; }
  #wrapper section {
    margin: 0 0 3rem;
    background: none !important;
    background-size: 100%;
    border-radius: 0;
    box-shadow: none; }
    #wrapper section .top-area {
      margin-bottom: 3rem; }
      #wrapper section .top-area .logo {
        margin: 0 auto; }
      #wrapper section .top-area .presented {
        text-align: center;
        font-size: 12px;
        margin-top: 4px;
        color: #0497c7; }
    #wrapper section .ttl-area {
      background: url(../images/ttl.png) center top no-repeat;
      text-align: center;
      margin: 0 auto 1rem;
      padding: 3px 0 2px;
      font-weight: bold;
      position: relative;
      color: #711108;
      font-size: 1.6rem;
      width: 350px;
      background-size: contain;
      padding: 1rem; }
    #wrapper section .rank-area {
      margin: 0 auto 3rem; }
      #wrapper section .rank-area .rank-box {
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        #wrapper section .rank-area .rank-box li {
          width: calc(25% - 2px); }
          #wrapper section .rank-area .rank-box li a {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e2e9f1+100&0.8+0,0.8+100 */
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(226, 233, 241, 0.8) 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(226, 233, 241, 0.8) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            margin-bottom: 2px;
            font-weight: bold;
            padding: 0.6rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            font-size: 1.6rem;
            text-decoration: none;
            line-height: 1.4;
            color: #000000;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%; }
            #wrapper section .rank-area .rank-box li a:hover {
              opacity: 0.6; }
          #wrapper section .rank-area .rank-box li .rank {
            margin-right: 4%;
            width: 28px; }
          #wrapper section .rank-area .rank-box li .piyo {
            margin-left: auto;
            width: 40px; }
    #wrapper section .no1-area {
      margin: 0 auto 3rem; }
      #wrapper section .no1-area .no1-box {
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #wrapper section .no1-area .no1-box li {
          width: 100%; }
          #wrapper section .no1-area .no1-box li.lucky-total .lucky-box {
            width: 620px; }
        #wrapper section .no1-area .no1-box li + li {
          width: 50%; }
    #wrapper section .seiza-area {
      margin: 0 auto; }
      #wrapper section .seiza-area .seiza-box {
        margin-bottom: 2rem; }
        #wrapper section .seiza-area .seiza-box .seiza-ttl {
          background: url(../images/line.png) repeat-x left bottom;
          padding-bottom: 10px;
          margin-bottom: 10px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          background-size: 11px; }
          #wrapper section .seiza-area .seiza-box .seiza-ttl .seiza-piyo {
            width: 62px; }
          #wrapper section .seiza-area .seiza-box .seiza-ttl .seiza-txt {
            font-size: 23px;
            font-weight: bold;
            margin-left: 10px; }
        #wrapper section .seiza-area .seiza-box .seiza-contents .period {
          color: #ff00ff;
          font-size: 16px;
          margin-left: 5px; }
        #wrapper section .seiza-area .seiza-box .seiza-contents .read-area {
          font-size: 16px;
          font-weight: normal;
          margin-bottom: 10px; }
        #wrapper section .seiza-area .seiza-box .seiza-contents .read {
          margin-bottom: 10px; }
        #wrapper section .seiza-area .seiza-box .seiza-contents .lucky-color-txt {
          color: #0098ae; }
        #wrapper section .seiza-area .seiza-box .seiza-contents .key-txt {
          color: #e04ce0; }
        #wrapper section .seiza-area .seiza-box .number-one-box ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
        #wrapper section .seiza-area .seiza-box .number-one-area {
          position: relative;
          margin-top: 20px;
          margin-bottom: 20px; }
          #wrapper section .seiza-area .seiza-box .number-one-area ul {
            margin-left: 57px; }
            #wrapper section .seiza-area .seiza-box .number-one-area ul li {
              text-align: center;
              border-radius: 10px;
              /* CSS3草案 */
              -webkit-border-radius: 10px;
              /* Safari,Google Chrome用 */
              -moz-border-radius: 10px;
              /* Firefox用 */
              padding: 8px;
              margin-bottom: 5px;
              width: 100%; }
              #wrapper section .seiza-area .seiza-box .number-one-area ul li img {
                width: 200px; }
            #wrapper section .seiza-area .seiza-box .number-one-area ul .number-one-total {
              background: #e474e4; }
            #wrapper section .seiza-area .seiza-box .number-one-area ul .number-one-love {
              background: #eb7395; }
            #wrapper section .seiza-area .seiza-box .number-one-area ul .number-one-work {
              background: #5eaae4; }
            #wrapper section .seiza-area .seiza-box .number-one-area ul .number-one-health {
              background: #4fc677; }
            #wrapper section .seiza-area .seiza-box .number-one-area ul .number-one-money {
              background: #c9aa46; }
          #wrapper section .seiza-area .seiza-box .number-one-area .gochan {
            position: absolute;
            bottom: 0px;
            left: 1px;
            width: 50px; }
        #wrapper section .seiza-area .seiza-box .seiza-box-top {
          text-align: right;
          margin-top: 10px;
          font-size: 1.6rem; }
          #wrapper section .seiza-area .seiza-box .seiza-box-top a {
            color: #e474e4;
            text-decoration: none; }
            #wrapper section .seiza-area .seiza-box .seiza-box-top a:hover {
              text-decoration: underline; }
    #wrapper section li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 50%; }
      #wrapper section li.lucky-total {
        background: #eaeaea; }
      #wrapper section li.lucky-money {
        background: #ffeaa1; }
      #wrapper section li.lucky-love {
        background: #ffd7e2; }
      #wrapper section li.lucky-work {
        background: #d9edff; }
      #wrapper section li.lucky-health {
        background: #d7ffcc; }
      #wrapper section li.lucky-category {
        float: left; }
      #wrapper section li.lucky-cell {
        padding: 10px; }
      #wrapper section li .chara {
        width: 90px; }
      #wrapper section li .lucky-box {
        background: #ffffff;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        width: 250px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 10px; }
        #wrapper section li .lucky-box img {
          width: 20px; }
      #wrapper section li .icon-money {
        margin: 0 2px; }
      #wrapper section li .icon-love {
        margin: 0 2px; }
      #wrapper section li .icon-work {
        margin: 0 2px; }
      #wrapper section li .icon-health {
        margin: 0 4px; }