#pageHeader .top {
  background-image: url("../../img/member/member_top_image.jpg"); }
@media screen and (max-width: 781px) {
  #pageHeader .top {
    background-image: url("../../img/member/member_top_image_sp.jpg"); } }

#head {
  text-align: center; }

#member {
  background-color: #f5f2ec; }
  #member .base > .head {
    width: 68.75rem;
    margin-top: -4.375rem;
    margin-left: -5rem; }
    #member .base > .head img {
      width: 100%; }
  #member .base > .con_wrrap {
    width: 100%;
    max-width: 56.25rem;
    margin: auto;
    margin-top: 5rem;
    box-sizing: border-box;
    border: 4px solid #35200c;
    border-radius: 1.875rem;
    position: relative;
    z-index: 1; }
    #member .base > .con_wrrap .con_ttl {
      width: calc(100% + 8px);
      height: 6.25rem;
      margin-top: -4px;
      margin-left: -4px;
      background-color: #35200c;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 1.875rem 1.875rem 0 0;
      font-size: 2.1875em;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
      position: relative;
      z-index: 2; }
    #member .base > .con_wrrap .con_list {
      width: 100%;
      padding: 4.375rem 6.25rem; }
      #member .base > .con_wrrap .con_list > li:not(:first-child) {
        padding-top: 3.125rem;
        margin-top: 3.125rem;
        border-top: 4px solid #35200c; }
      #member .base > .con_wrrap .con_list > li .v_point_logo {
        width: 7.5rem;
        margin: auto;
        margin-bottom: 3.125rem; }
      #member .base > .con_wrrap .con_list > li .stamp_card_img {
        width: 14.375rem;
        margin: auto;
        margin-bottom: 3.125rem; }
      #member .base > .con_wrrap .con_list > li h4.ttl {
        width: 100%;
        height: 3.75rem;
        font-size: 1.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #003f8d;
        margin-bottom: 1.875rem; }
      #member .base > .con_wrrap .con_list > li .rank_list {
        display: flex;
        justify-content: space-between; }
        #member .base > .con_wrrap .con_list > li .rank_list > li {
          width: calc(220/700*100%); }
          #member .base > .con_wrrap .con_list > li .rank_list > li img {
            width: 100%;
            height: auto; }
      #member .base > .con_wrrap .con_list > li .txt_wrap {
        margin-top: 1.25rem;
        font-size: 0.9375rem;
        font-weight: bold;
        white-space: nowrap; }
  @media screen and (max-width: 781px) {
    #member .base > .head {
      width: 20.3125rem;
      margin-top: -1.25rem;
      margin-left: -1.25rem; }
    #member .base > .con_wrrap {
      width: 100%;
      max-width: 17.8125rem;
      margin: auto;
      margin-top: 1.875rem;
      box-sizing: border-box;
      border: 2px solid #35200c;
      border-radius: 0.625rem;
      position: relative;
      z-index: 1; }
      #member .base > .con_wrrap .con_ttl {
        width: calc(100% + 4px);
        height: 2.5rem;
        margin-top: -2px;
        margin-left: -2px;
        border-radius: 0.625rem 0.625rem 0 0;
        font-size: 1.125rem; }
      #member .base > .con_wrrap .con_list {
        width: 100%;
        padding: 1.875rem 1.25rem; }
        #member .base > .con_wrrap .con_list > li:not(:first-child) {
          padding-top: 1.25rem;
          margin-top: 1.25rem;
          border-top: 2px solid #35200c; }
        #member .base > .con_wrrap .con_list > li .v_point_logo {
          width: 3.75rem;
          margin: auto;
          margin-bottom: 1.25rem; }
        #member .base > .con_wrrap .con_list > li .stamp_card_img {
          width: 7.1875rem;
          margin: auto;
          margin-bottom: 1.25rem; }
        #member .base > .con_wrrap .con_list > li h4.ttl {
          width: 100%;
          height: 1.875rem;
          font-size: 0.875rem;
          margin-bottom: 1.25rem; }
        #member .base > .con_wrrap .con_list > li .rank_list {
          display: flex;
          flex-direction: column; }
          #member .base > .con_wrrap .con_list > li .rank_list > li {
            width: 13.75rem;
            margin: auto; }
            #member .base > .con_wrrap .con_list > li .rank_list > li:not(:first-child) {
              margin-top: 1.25rem; }
        #member .base > .con_wrrap .con_list > li .txt_wrap {
          margin-top: 0.9375rem;
          font-size: 0.8125rem;
          white-space: normal; } }