@charset "UTF-8";
body {
  background-color: #fafafa; }

a {
  color: #b20000; }
  a:hover {
    color: #FF0000; }

.btn--main {
  background: #3B4043;
  color: #fafafa; }

.btn--sub {
  background: transparent;
  color: #3B4043; }

.detail__btn a::before {
  border-color: #000000; }

.btn--chevron {
  color: #3B4043; }
  .btn--chevron::after {
    border-color: #3B4043; }
  .btn--chevron:hover {
    color: #3B4043; }
    .btn--chevron:hover::after {
      border-color: #3B4043; }

.btn--chevron-left {
  color: #3B4043; }
  .btn--chevron-left::after {
    border-color: #3B4043; }
  .btn--chevron-left:hover {
    color: #3B4043; }
    .btn--chevron-left:hover::after {
      border-color: #3B4043; }

header {
  padding: 3em 5% 0; }

.wrap {
  background: #fafafa; }

.block--card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  .block--card::before {
    content: '';
    display: block;
    width: 95%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .block--card .fusen {
    position: relative; }
    .block--card .fusen .pink {
      background: #FFA8DE;
      display: block;
      width: 12vw;
      height: 12vw;
      position: absolute;
      top: -64vw;
      left: 5vw;
      transform: rotate(-13deg);
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32); }
    .block--card .fusen .lightblue {
      background: #9DECFF;
      display: block;
      width: 12vw;
      height: 12vw;
      position: absolute;
      top: -62vw;
      left: 15vw;
      transform: rotate(-4deg);
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
      z-index: 3; }
    .block--card .fusen .purple {
      background: #D69EF8;
      display: block;
      width: 20vw;
      height: 20vw;
      position: absolute;
      top: -64vw;
      left: 23vw;
      box-shadow: 2px 7px 7px rgba(0, 0, 0, 0.32);
      z-index: 2; }
    .block--card .fusen .lightgreen {
      background: #6FFFA6;
      display: block;
      width: 12vw;
      height: 12vw;
      position: absolute;
      top: -62vw;
      left: 39vw;
      transform: rotate(-2deg);
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
      z-index: 1; }
    .block--card .fusen .orange {
      background: #ffb94f;
      display: block;
      width: 12vw;
      height: 12vw;
      position: absolute;
      top: -61vw;
      left: 50vw;
      transform: rotate(3deg);
      box-shadow: 2px 7px 7px rgba(0, 0, 0, 0.32);
      z-index: 0; }
    .block--card .fusen .blue {
      background: #4f95ff;
      display: block;
      width: 15vw;
      height: 15vw;
      position: absolute;
      top: -62vw;
      left: 59vw;
      transform: rotate(-1deg);
      box-shadow: 2px 7px 7px rgba(0, 0, 0, 0.32);
      z-index: 1; }
  .block--card .card.second::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/static/sbr/fanclub/mypage/grange_01.png) no-repeat left;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; }
  .block--card .card.third::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/static/sbr/fanclub/mypage/grange_02.png) no-repeat left;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; }
  .block--card .card.fourth::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/static/sbr/fanclub/mypage/grange_03.png) no-repeat left;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; }
  .block--card .card {
    width: 100%;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transition: z-index 0 .6s;
    transition: z-index 0 .6s;
    background: #FFF462;
    box-shadow: -3px 7px 15px rgba(0, 0, 0, 0.52);
    border-radius: 2px;
    padding: 0 5% 9vw 15%;
    z-index: 10;
    position: relative; }
    .block--card .card .logo {
      background: url(/static/sbr/common/logo_fc.png) center/contain no-repeat;
      width: 52vw;
      height: 16vw;
      margin: 22vw auto 13vw;
      position: relative;
      left: 2px; }
      .block--card .card .logo::before {
        content: 'SHIBUTANI SUBARU OFFICIAL FAN CLUB';
        display: block;
        width: 120%;
        font-family: 'Francois One', sans-serif;
        font-size: 3vw;
        text-align: center;
        line-height: 1;
        letter-spacing: 0.02em;
        color: #8c7c7c;
        position: absolute;
        top: -25px;
        left: -10%; }
    .block--card .card .backcover {
      display: block;
      height: 100%;
      width: 11vw;
      position: absolute;
      background: #ffff;
      top: 0;
      left: 0;
      overflow: hidden; }
    .block--card .card .list--data {
      color: #222; }
      .block--card .card .list--data li.number {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        justify-content: space-between;
        -ms-flex-line-pack: justify;
        background: transparent;
        margin: 10vw auto 4vw; }
        .block--card .card .list--data li.number .tit {
          width: 40%;
          font-family: 'Francois One',sans-serif;
          font-size: 3vw;
          color: #E95377;
          position: relative;
          letter-spacing: 0.01em; }
        .block--card .card .list--data li.number .item__id {
          width: 60%;
          font-size: 4.5vw;
          font-family: 'ta-kotodama-r', sans-serif;
          position: relative;
          text-align: center;
          border-bottom: 1px solid #E95377; }
      .block--card .card .list--data li {
        margin: 0 auto 15px;
        background: #fff;
        width: 62vw;
        padding: 2vw;
        border-radius: 11px; }
        .block--card .card .list--data li .tit {
          font-size: 2.5vw;
          font-family: 'Francois One', sans-serif;
          color: #E95377;
          text-align: left;
          letter-spacing: 0.01em; }
        .block--card .card .list--data li .item__age {
          font-family: 'ta-kotodama-r', sans-serif;
          font-size: 5.5vw;
          text-align: center; }
          .block--card .card .list--data li .item__age span {
            font-size: 4.5vw; }
          .block--card .card .list--data li .item__age a {
            color: #000000; }
        .block--card .card .list--data li .item__nickname {
          font-size: 4vw;
          font-family: 'ヒラギノ丸ゴ Pro', sans-serif;
          word-break: break-all;
          text-align: right;
          border-bottom: 1px solid #E95377; }
        .block--card .card .list--data li .item__term {
          font-size: 3.5vw;
          font-family: 'ヒラギノ丸ゴ Pro', sans-serif;
          word-break: break-all;
          text-align: right; }
      .block--card .card .list--data li:last-child {
        margin-bottom: 0;
        padding: 0; }
        .block--card .card .list--data li:last-child .tit {
          padding: 2vw 0 0 2vw; }
        .block--card .card .list--data li:last-child .item__nickname,
        .block--card .card .list--data li:last-child .item__term {
          padding: 0 2vw 2vw 0; }

.block--card.man .card .backcover {
  background: #00A85F; }
.block--card.man .card .list--data li.number .tit {
  color: #00A85F; }
.block--card.man .card .list--data li.number .item__id::before {
  background: #00A85F; }
.block--card.man .card .list--data li .tit {
  color: #00A85F; }
.block--card.man .card .list--data li .item__nickname {
  border-bottom: 1px solid #00A85F; }

.block--card.woman .card .backcover {
  background: #E95377; }
.block--card.woman .card .list--data li.number .tit {
  color: #E95377; }
.block--card.woman .card .list--data li.number .item__id::before {
  background: #E95377; }
.block--card.woman .card .list--data li .tit {
  color: #E95377; }
.block--card.woman .card .list--data li .item__nickname {
  border-bottom: 1px solid #E95377; }

.card-show .block--card .close::after {
  transform: rotate(45deg); }
.card-show .block--card .close::before {
  transform: rotate(-45deg); }

.btn .btn--main.btn--memory {
  color: #E95377;
  background: #FFFAB2;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  min-width: auto;
  border: 2px solid #e95377;
  margin-bottom: 25px; }

.btn--sub.pop-up__profile {
  margin-bottom: 25px; }

.btn.man .btn--main.btn--memory {
  border: 2px solid #00A85F;
  color: #00A85F; }

/* 自己紹介カード */
.block--profilecard {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none; }
  .block--profilecard::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .block--profilecard .card {
    width: 90%;
    transition: opacity .5s;
    transition: z-index 0 .6s;
    background: #FFF462;
    box-shadow: -3px 7px 15px rgba(0, 0, 0, 0.52);
    border-radius: 12px;
    padding: 5vw 4% 5vw;
    z-index: 10;
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    border: 2px solid #E95377; }
    .block--profilecard .card .left {
      width: calc(96% / 2);
      margin-right: 4%; }
      .block--profilecard .card .left .block--logo {
        background: url(/static/sbr/common/logo_fc.png) center/contain no-repeat;
        width: 27vw;
        height: 12vw;
        position: relative;
        margin: 0 auto;
        top: 1vw;
        left: 2px; }
        .block--profilecard .card .left .block--logo::before {
          content: 'SHIBUTANI SUBARU OFFICIAL FAN CLUB';
          display: block;
          width: 120%;
          font-family: 'Francois One', sans-serif;
          font-size: 2vw;
          text-align: center;
          line-height: 1;
          letter-spacing: 0;
          color: #8c7c7c;
          position: absolute;
          top: -12px;
          left: -13px;
          transform: scale(0.9); }
      .block--profilecard .card .left .block--tit {
        font-size: 3.5vw;
        font-family: 'Francois One',sans-serif;
        color: #E95377;
        text-align: center;
        margin: -3px 0 7px;
        letter-spacing: 0.01em; }
      .block--profilecard .card .left .list--data li {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        justify-content: space-between;
        -ms-flex-line-pack: justify;
        background: #fff;
        border-radius: 24px;
        padding: 1.5vw 2.5vw;
        margin-bottom: 5px;
        line-height: 1.3;
        position: relative;
        top: 1px; }
        .block--profilecard .card .left .list--data li .tit {
          font-size: 10px;
          transform: scale(0.9);
          font-family: 'Francois One',sans-serif;
          color: #E95377;
          letter-spacing: 0; }
        .block--profilecard .card .left .list--data li .item__age,
        .block--profilecard .card .left .list--data li .item__nickname,
        .block--profilecard .card .left .list--data li .item__term {
          font-size: 3vw;
          font-family: 'ta-kotodama-r', sans-serif;
          text-align: right; }
        .block--profilecard .card .left .list--data li .item__age {
          letter-spacing: 0.01em;
          width: 18vw; }
          .block--profilecard .card .left .list--data li .item__age span {
            font-size: 2vw; }
        .block--profilecard .card .left .list--data li .item__nickname {
          width: 40vw;
          letter-spacing: 0.01em; }
      .block--profilecard .card .left .list--data li:nth-child(4) {
        height: 6vw;
        line-height: 3vw; }
      .block--profilecard .card .left .list--data li:last-child {
        height: 6vw;
        line-height: 3vw;
        margin-bottom: 0; }
    .block--profilecard .card .right {
      width: calc(96% / 2); }
      .block--profilecard .card .right .area--free .rank {
        margin-bottom: 8px;
        position: relative; }
        .block--profilecard .card .right .area--free .rank .tit {
          font-size: 2vw;
          font-family: 'Francois One';
          text-align: right;
          color: #E95377;
          position: relative;
          margin-bottom: 8px;
          letter-spacing: 0;
          transform: scale(0.9);
          left: 7px; }
          .block--profilecard .card .right .area--free .rank .tit span {
            font-size: 4vw;
            position: relative;
            top: 1px;
            margin-left: 1px; }
          .block--profilecard .card .right .area--free .rank .tit::before {
            content: "";
            background: #E95377;
            width: 26vw;
            height: 1px;
            display: block;
            position: absolute;
            left: 3vw;
            bottom: 2px;
            transform-origin: right; }
          .block--profilecard .card .right .area--free .rank .tit::after {
            content: "GENRE";
            font-size: 2vw;
            font-family: 'Francois One',sans-serif;
            position: absolute;
            left: -3vw;
            top: 33%;
            line-height: 1.7;
            color: #E95377;
            letter-spacing: 0; }
        .block--profilecard .card .right .area--free .rank .list--rank {
          display: flex;
          flex-direction: column;
          align-content: space-between;
          background: #fff;
          width: 100%;
          border-radius: 10px;
          padding: 3vw; }
          .block--profilecard .card .right .area--free .rank .list--rank li {
            font-size: 10px;
            line-height: 2;
            font-family: 'Francois One',sans-serif;
            color: #E95377; }
            .block--profilecard .card .right .area--free .rank .list--rank li::before {
              content: none; }
      .block--profilecard .card .right .area--free .free {
        background: #fff;
        width: 100%;
        height: 30vw;
        border-radius: 12px;
        padding: 3vw;
        position: relative; }
        .block--profilecard .card .right .area--free .free .tit {
          font-size: 10px;
          font-family: 'Francois One',sans-serif;
          color: #E95377; }
    .block--profilecard .card .close {
      position: absolute;
      width: 40px;
      height: 40px;
      right: -5px;
      top: -55px;
      cursor: pointer; }
      .block--profilecard .card .close::after, .block--profilecard .card .close::before {
        content: '';
        display: block;
        width: 40px;
        height: 1px;
        background: #000;
        position: absolute;
        top: 50%;
        left: 0; }
    .block--profilecard .card .txt {
      font-size: 15px;
      position: absolute;
      bottom: -70px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      width: 100%;
      color: #737679;
      font-weight: bold; }
      .block--profilecard .card .txt span {
        display: block; }
  .block--profilecard .card.man {
    border: 2px solid #00A85F; }
    .block--profilecard .card.man .left .block--tit {
      color: #00A85F; }
    .block--profilecard .card.man .left .list--data li .tit {
      color: #00A85F; }
    .block--profilecard .card.man .right .area--free .rank .tit {
      color: #00A85F; }
      .block--profilecard .card.man .right .area--free .rank .tit::before {
        background: #00A85F; }
      .block--profilecard .card.man .right .area--free .rank .tit::after {
        color: #00A85F; }
    .block--profilecard .card.man .right .area--free .rank .list--rank li {
      color: #00A85F; }
    .block--profilecard .card.man .right .area--free .free .tit {
      color: #00A85F; }

.card-open .block--profilecard .close::after {
  transform: rotate(45deg); }
.card-open .block--profilecard .close::before {
  transform: rotate(-45deg); }

.card-open .block--profilecard {
  z-index: 100;
  opacity: 1;
  pointer-events: auto; }
.card-open .list--menu, .card-open .tit--menu, .card-open .footer, .card-open header, .card-open .detail__btn, .card-open .block--card, .card-open .btn--memory, .card-open .area--user-status, .card-open .pop-up__profile {
  filter: blur(5px); }

.section--login .block--attention {
  border: 1px solid #959ea7;
  padding: 30px;
  margin-bottom: 30px; }
  .section--login .block--attention .txt--basic {
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
    word-break: break-all;
    margin-bottom: 15px; }
    .section--login .block--attention .txt--basic:last-of-type {
      margin-bottom: 0; }

html .notebook {
  visibility: hidden; }

html.wf-active .notebook,
html.loading-delay .notebook {
  visibility: visible; }

.notebook {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  width: 100%;
  margin: 0 auto;
  padding: 6% 6% 10%;
  background: url(/static/sbr/fanclub/mypage/memory/bg-notebook.png) left top repeat;
  background-size: 70px 44px;
  box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.2); }
  .notebook .tit--menu {
    font-weight: 600;
    color: #E95377;
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
    opacity: 1; }
  .notebook .list--point {
    background: #fff;
    padding: 8px;
    margin-bottom: 25px; }
    .notebook .list--point li {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .notebook .list--point li:after {
        content: "";
        position: absolute;
        bottom: -2px;
        z-index: 1;
        width: 100%;
        height: 4px;
        background: url(/static/sbr/fanclub/mypage/memory/line-x-w.png) left center/contain repeat-x; }
      .notebook .list--point li:first-child {
        color: #E95377; }
        .notebook .list--point li:first-child .date, .notebook .list--point li:first-child .memory {
          text-align: center;
          font-size: 12px;
          line-height: 1.2;
          font-weight: 600;
          padding: 1% 1% 2%;
          min-height: 24px; }
      .notebook .list--point li:last-child:after {
        content: none; }
      .notebook .list--point li:nth-child(odd) {
        background: #fff; }
      .notebook .list--point li:nth-child(even) {
        background: #ffe3ef; }
      .notebook .list--point li .date, .notebook .list--point li .memory {
        min-height: 30px; }
      .notebook .list--point li .date {
        font-size: 10px;
        width: 30%;
        padding: 2%; }
      .notebook .list--point li .memory {
        position: relative;
        width: 70%;
        padding: 3% 4%; }
        .notebook .list--point li .memory:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          width: 4px;
          height: 100%;
          background: url(/static/sbr/fanclub/mypage/memory/line-y-w.png) top/contain repeat-y; }
      .notebook .list--point li:not(:first-child) .memory {
        font-size: 14px; }
  .notebook .days-memory {
    text-align: right; }
    .notebook .days-memory a {
      color: #E95377;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      padding: 5px 8px;
      border: 2px solid #e95377;
      border-radius: 8px; }
  .notebook.man .tit--menu {
    color: #00A85F; }
  .notebook.man .list--point li:first-child {
    color: #00A85F; }
  .notebook.man .list--point li:nth-child(even) {
    background: #daf1dd; }
  .notebook.man .list--point li:after {
    background: url(/static/sbr/fanclub/mypage/memory/line-x-m.png) left center/contain repeat-x; }
  .notebook.man .list--point li .memory:after {
    background: url(/static/sbr/fanclub/mypage/memory/line-y-m.png) top/contain repeat-y; }
  .notebook.man .days-memory a {
    color: #00A85F;
    border: 2px solid #00A85F; }

.list--menu .list--notes {
  padding-top: .5em;
  margin-bottom: 0; }
.list--menu .list--notes li {
  border: none;
  margin-bottom: .5em; }
  .list--menu .list--notes li a {
    display: inline-block;
    text-decoration: underline;
    font-size: 11px;
    padding: 0;
    text-indent: 0; }
    .list--menu .list--notes li a::after {
      display: none; }

/* PC VIEW */
@media screen and (min-width: 758px) {
  header h1 {
    width: 230px;
    margin: 10px auto 0; }
    header h1 a {
      display: block; }

  .btn--main:hover {
    background: #000; }

  .btn--sub:hover {
    color: #fff;
    background: #3B4043; }

  .btn--main.pop-up {
    display: block;
    width: 70%;
    min-width: inherit;
    text-align: center;
    margin: 40px auto 0; }

  .btn--sub.pop-up__profile {
    display: block;
    background: #fafafa;
    color: #3B4043;
    border: 1px solid;
    width: 70%;
    min-width: auto;
    margin: 20px auto 40px; }
    .btn--sub.pop-up__profile:hover {
      color: #fff;
      background: #3B4043; }

  .block--card .fusen {
    position: relative; }
    .block--card .fusen .pink {
      width: 44px;
      height: 44px;
      top: -259px;
      left: 20px; }
    .block--card .fusen .lightblue {
      width: 44px;
      height: 44px;
      top: -250px;
      left: 60px; }
    .block--card .fusen .purple {
      width: 63px;
      height: 63px;
      top: -258px;
      left: 95px; }
    .block--card .fusen .lightgreen {
      width: 43px;
      height: 43px;
      top: -249px;
      left: 145px; }
    .block--card .fusen .orange {
      width: 43px;
      height: 43px;
      top: -252px;
      left: 185px; }
    .block--card .fusen .blue {
      width: 53px;
      height: 53px;
      top: -250px;
      left: 225px; }
  .block--card .card {
    width: 350px;
    height: 480px;
    padding: 30px 31px 40px 60px;
    top: 0; }
    .block--card .card .logo {
      width: 210px;
      height: 64px;
      margin: 70px auto 15px; }
      .block--card .card .logo::before {
        width: 120%;
        font-size: 13px;
        left: -10%; }
    .block--card .card .backcover {
      width: 45px;
      height: 480px; }
    .block--card .card .backcover.second::before {
      top: -1px;
      left: -10px; }
    .block--card .card .backcover.third::before {
      background-size: 106.4px;
      left: -11px; }
    .block--card .card .list--data {
      width: 100%;
      position: absolute;
      bottom: 40px;
      left: 6%; }
      .block--card .card .list--data li.number {
        margin: 60px auto 15px; }
        .block--card .card .list--data li.number .tit {
          font-size: 12px; }
        .block--card .card .list--data li.number .item__id {
          font-size: 16px; }
      .block--card .card .list--data li {
        width: 250px;
        margin: 0 auto 15px;
        padding: 7px; }
        .block--card .card .list--data li .tit {
          font-size: 10px; }
        .block--card .card .list--data li .item__age {
          font-size: 23px; }
          .block--card .card .list--data li .item__age span {
            font-size: 20px; }
        .block--card .card .list--data li .item__nickname {
          font-size: 18px; }
        .block--card .card .list--data li .item__term {
          font-size: 14px; }
      .block--card .card .list--data li:last-child .tit {
        padding: 7px 0 0 7px; }
      .block--card .card .list--data li:last-child .item__nickname,
      .block--card .card .list--data li:last-child .item__term {
        padding: 0 7px 7px 0; }
    .block--card .card .close {
      cursor: pointer;
      transition: 0.3s; }
      .block--card .card .close:hover {
        opacity: 0.2; }

  .btn .btn--main.btn--memory {
    margin-bottom: 20px; }

  .block--profilecard .card {
    width: 560px;
    padding: 40px 2% 30px;
    border: 4px solid #E95377; }
    .block--profilecard .card .left .block--logo {
      width: 146px;
      height: 51px;
      top: 0; }
      .block--profilecard .card .left .block--logo::before {
        width: 120%;
        font-size: 10px;
        transform: scale(1);
        top: -15px; }
    .block--profilecard .card .left .block--tit {
      font-size: 19px;
      margin: -4px 0 13px; }
    .block--profilecard .card .left .list--data li {
      padding: 11px 20px 8px;
      margin-bottom: 10px; }
      .block--profilecard .card .left .list--data li .tit {
        font-size: 10px;
        transform: scale(1);
        position: relative;
        top: 3px; }
      .block--profilecard .card .left .list--data li .item__nickname {
        width: 40vw; }
      .block--profilecard .card .left .list--data li .item__age {
        width: auto; }
        .block--profilecard .card .left .list--data li .item__age span {
          font-size: 12px; }
      .block--profilecard .card .left .list--data li .item__age,
      .block--profilecard .card .left .list--data li .item__nickname,
      .block--profilecard .card .left .list--data li .item__term {
        font-size: 15px;
        padding-left: 10px; }
    .block--profilecard .card .left .list--data li:nth-child(4) {
      height: 37px;
      line-height: 1; }
    .block--profilecard .card .left .list--data li:last-child {
      height: 37px;
      line-height: 1; }
    .block--profilecard .card .right .area--free .rank {
      margin-bottom: 12px;
      left: 0; }
      .block--profilecard .card .right .area--free .rank .tit {
        font-size: 12px;
        transform: scale(1);
        margin-bottom: 15px;
        left: 0; }
        .block--profilecard .card .right .area--free .rank .tit::before {
          width: 147px;
          left: 31px;
          bottom: 0; }
        .block--profilecard .card .right .area--free .rank .tit::after {
          font-size: 10px;
          top: 3px;
          left: 1px;
          transform: scale(1); }
        .block--profilecard .card .right .area--free .rank .tit span {
          font-size: 19px;
          margin-left: 3px; }
      .block--profilecard .card .right .area--free .rank .list--rank {
        padding: 20px;
        height: 100px; }
    .block--profilecard .card .right .area--free .free {
      height: 190px;
      padding: 20px; }
    .block--profilecard .card .close {
      cursor: pointer; }
      .block--profilecard .card .close:hover {
        opacity: 0.2; }
    .block--profilecard .card .txt {
      font-size: 18px;
      font-weight: normal; }
      .block--profilecard .card .txt span {
        display: contents; }
  .block--profilecard .card.man {
    border: 4px solid #00A85F; }

  /* 記録（ポイント）履歴：年単位 */
  .page--point-term-history {
    max-width: 640px;
    padding: 2em 0 0 0; }

  .notebook {
    padding: 6% 6% 10%;
    background: url(/static/sbr/fanclub/mypage/memory/bg-notebook.png) left top repeat;
    background-size: 100px 63px;
    box-shadow: 8px 10px 10px rgba(0, 0, 0, 0.2); }
    .notebook .tit--menu {
      font-size: 22px;
      text-align: center;
      margin-bottom: 10px; }
    .notebook .list--point {
      padding: 8px;
      margin-bottom: 30px; }
      .notebook .list--point li:after {
        content: "";
        position: absolute;
        height: 5px;
        bottom: -2px;
        background: url(/static/sbr/fanclub/mypage/memory/line-x-w.png) left center repeat; }
      .notebook .list--point li:first-child .date, .notebook .list--point li:first-child .memory {
        font-size: 14px;
        padding: 1% 1.7%;
        min-height: 32px; }
      .notebook .list--point li .date, .notebook .list--point li .memory {
        min-height: 50px; }
      .notebook .list--point li .date {
        width: 24%;
        font-size: 14px; }
      .notebook .list--point li .memory {
        width: 76%; }
        .notebook .list--point li .memory:after {
          content: "";
          width: 5px;
          background: url(/static/sbr/fanclub/mypage/memory/line-y-w.png) top/contain repeat; }
    .notebook .days-memory a:hover {
      background: #E95377;
      color: #fff; }
    .notebook.man .days-memory a:hover {
      background: #00A85F; } }
/* 非会員 */
#mypage--app section .area--user-status.status--free {
  background: #999; }

/* 有料会員 */
#mypage--app section .area--user-status.status--member {
  background: #16191b; }

#mypage--app .block--card {
  top: 24vw;
  align-items: flex-start; }
  #mypage--app .block--card .fusen .pink {
    top: -5vw; }
  #mypage--app .block--card .fusen .lightblue {
    top: -3vw; }
  #mypage--app .block--card .fusen .purple {
    top: -5vw; }
  #mypage--app .block--card .fusen .lightgreen {
    top: -2vw; }
  #mypage--app .block--card .fusen .orange {
    top: -4vw; }
  #mypage--app .block--card .fusen .blue {
    top: -2vw; }
  #mypage--app .block--card .card {
    top: 0; }
  #mypage--app .block--card .close::before, #mypage--app .block--card .close::after {
    background: #737679; }

#mypage--app .block--profilecard {
  top: 24vw;
  align-items: flex-start; }
  #mypage--app .block--profilecard .card {
    top: 0; }
  #mypage--app .block--profilecard .close::before, #mypage--app .block--profilecard .close::after {
    background: #737679; }