body { background-color: #f5f5f5; }

a { color: #C3A732; }

a:hover { color: #E6C229; }

.btn--main { background: #111; color: #f5f5f5; }

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

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

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

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

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

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

.btn--chevron:hover { color: #C3A732; }

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

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

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

.btn--chevron-left:hover { color: #C3A732; }

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

.list--payment li.disabled .txt--sub { color: #000; }

header { padding: 2em 5% 0; }

header h1 { width: 20vw; margin: 20px auto 30px auto; position: relative; left: -.2%; }

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

.wrap { background: #f5f5f5; }

.block--error a { color: #b20000; }

.block--error a:hover { color: #FF0000; }

.page--mypage .block--card { width: 367px; height: 231px; background: #1D3D4B; border-radius: 8px; -webkit-box-shadow: 0 20px 30px -24px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 30px -24px rgba(0, 0, 0, 0.5); margin: -30px auto 40px; position: relative; overflow: hidden; color: #F8F8F8; }

.page--mypage .block--card .inner { background-image: url(/static/kinashinoritake/fanclub/mypage/gold_frame.svg); background-repeat: no-repeat; background-size: 95% 105%; background-position: 50% 50%; text-align: center; width: 100%; height: 100%; font-size: 12px; padding: 10px 2%; margin: 0 auto; }

.page--mypage .block--card .inner .logo { width: 60%; background: linear-gradient(-15deg, #6f2a0f, #daaf08, #e6c750, #daaf08, #6f2a0f); -webkit-mask-image: url(/static/kinashinoritake/common/logo-fc.svg); mask-image: url(/static/kinashinoritake/common/logo-fc.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin: 0 auto 6px; position: relative; top: 25%; }

.page--mypage .block--card .inner .logo img { opacity: 0; }

.page--mypage .block--card .inner .viper { background: linear-gradient(-15deg, #6f2a0f, #daaf08, #e6c750, #daaf08, #6f2a0f); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 12px; font-weight: bold; font-style: italic; position: relative; top: 24%; }

.page--mypage .block--card .inner .card { position: absolute; overflow: hidden; width: 100%; z-index: 10000; top: 66%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (max-width: 768px) and (min-width: 1px) { header h1 { width: 30vw; margin: 6px auto 20px auto; }
  .block--card { width: 100% !important; height: 56.25vw !important; }
  .block--card .inner .logo { width: 58% !important; top: 22% !important; }
  .block--card .inner .viper { top: 21% !important; font-size: 11px; }
  .block--card .status { font-size: 11px !important; }
  .block--card .inner .card { top: 64%; } }