body { background-color: #f5f5f5; }

a { color: #b20000; }

a:hover { color: #ff0000; }

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

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

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

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

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

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

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

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

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

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

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

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

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

header { padding: 2em 5% 0; }

header h1 { width: 220px; margin: 20px auto 40px; }

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

.wrap { background: #f5f5f5; }

.list--menu .list--notes { padding-top: 0.5em; margin-bottom: 0; }

.list--menu .list--notes li { border: none; margin-bottom: 0.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; }

/* long-holiday */
.block--holiday { border: 1px solid #000; padding: 25px; margin: 30px auto; border-radius: 5px; }

/* SP VIEW */
@media screen and (max-width: 757px) { .block--holiday { padding: 25px 3%; margin: 20px auto; } }

.block--card { width: 367px; height: 231px; background: no-repeat center -90px url(/static/seikimaii/fanclub/mypage/card/card_main_p2aq.jpg); background-size: cover; 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: -40px auto 30px; position: relative; overflow: hidden; text-align: right; }

.block--card .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; height: 100%; font-size: 12px; }

.block--card .inner * { color: #fff; }

.block--card .inner .logo { width: 40%; margin: 0 2% 5px auto; }

.block--card .inner .card { width: 100%; padding: 8px 0; background: rgba(0, 0, 0, 0.5); }

/* SP VIEW */
@media screen and (max-width: 757px) { .block--card { width: 100%; height: 56.25vw; } }