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

a {
  color: #000;
}

.btn--main {
  background: #000;
  color: #fff;
}

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

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

.btn--chevron {
  color: #000;
}

.btn--chevron::after {
  border-color: #000;
}

.btn--chevron-left {
  color: #000;
}

.btn--chevron-left::after {
  border-color: #000;
}

header {
  padding: 2em 5% 0;
}

header h1 {
  width: 50vw;
  margin: 20px auto 0;
  position: relative;
  max-width: 200px;
}

header h1 svg {
  fill: #000;
}

.section--login {
  padding-top: 0;
}

.wrap {
  background: #f5f5f5;
}

.block--attention {
  font-size: 14px;
  border: 1px solid;
  padding: 20px;
  border-radius: 6px;
}

.page--mypage h1.logo {
  width: 150px;
}

.page--mypage .detail__btn {
  margin-top: 50px;
}

.mypage .btn.card {
  margin-bottom: 40px;
}

.block--card {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  -webkit-transition: none;
  transition: none;
}

.block--card .card {
  width: 84.2vw;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.block--card .card .close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: -34px;
  cursor: pointer;
}

.block--card .card .close::before, .block--card .card .close::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
}

.block--card .card .inner {
  background: #FF629C;
  font-size: 15px;
  border-radius: 8px;
  padding: 30px 0 24px;
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.block--card .card .inner::before {
  content: '';
  background: url(/static/kubotakai/fanclub/common/back_pattern.png);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
  mix-blend-mode: multiply;
}

.block--card .card .inner .logo {
  font-family: 'Markazi Text', serif;
  color: #fff;
  line-height: 0;
}

.block--card .card .inner .logo span {
  display: block;
  background: #199E66;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 9px 5px;
  margin: 0 auto 5px;
}

.block--card .card .inner .visual {
  background: url(/static/kubotakai/fanclub/mypage/card_visual.png);
  background-size: cover;
  width: 75.2vw;
  height: 70vw;
  float: right;
  margin: -6px 0 6px;
}

.block--card .card .inner .list--data {
  margin: 0 13.3vw;
}

.block--card .card .inner .list--data .tit {
  font-family: 'Markazi Text', serif;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.01em;
}

.block--card .card .inner .list--data .item {
  font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-weight: bold;
}

.block--card .card .inner .list--data li.status ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}

.block--card .card .inner .list--data li.status ul li {
  width: 46%;
}

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

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

.card-open .list--menu,
.card-open .tit--menu,
.card-open .footer,
.card-open header,
.card-open .detail__btn,
.card-open .btn.card {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.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;
}

/* 非会員 */
#mypage--app section .area--user-status.status--free {
  background: #999;
}

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

.btn--birthday {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
  padding: 1em 1.5em;
  margin: 0 auto 1.5em;
}

.btn--birthday i {
  padding-right: 4px;
}
/*# sourceMappingURL=mypage-service.css.map */