@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--white: #ffffff;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.history-page{padding-bottom:1rem}.history-page .filters{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;margin-top:3rem}@media screen and (max-width: 767px){.history-page .filters{padding:0 .5rem}}.history-page .filters .filter{display:flex;gap:1rem;align-items:center}.history-page .filters .filter .label{flex-shrink:0;font-size:.9rem;font-feature-settings:"palt"}.history-page .filters .filter .select,.history-page .filters .filter .date{flex-shrink:0;width:8rem}@media screen and (max-width: 767px){.history-page .panel{width:calc(100% - 1rem);margin:0 auto;border-radius:.3rem;box-shadow:0 .2rem .3rem #ffffff4d}}.history-page .panel .purchase-items{margin-top:0!important}.history-page .payment-histories{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}@media screen and (max-width: 767px){.history-page .payment-histories{gap:2rem;margin-top:1rem}}.history-page .payment-history-head{position:relative;display:flex;flex-wrap:wrap;gap:3rem;align-items:center;padding:1.5rem;background:var(--bage-dark)}@media screen and (max-width: 767px){.history-page .payment-history-head{gap:1.5rem;padding:1rem 2rem}}.history-page .payment-history-head .head,.history-page .payment-history-head .shipping{font-size:.8rem;font-weight:700;font-feature-settings:"palt";opacity:.5}.history-page .payment-history-head .purchase-date,.history-page .payment-history-head .purchase-total-price,.history-page .payment-history-head .detail-link{font-size:1.2rem;font-weight:700;font-feature-settings:"palt"}.history-page .payment-history-head .detail-link{display:flex;flex-direction:column;gap:.2rem;margin-left:auto}@media screen and (max-width: 767px){.history-page .payment-history-head .detail-link{margin-left:0}}.history-page .payment-history-head .detail-link>a{align-self:flex-start;margin-left:auto;font-size:1.1rem;font-weight:400;color:var(--yellow-normal);text-decoration:underline;opacity:1;transition:.2s}.history-page .payment-history-head .detail-link>a:hover{opacity:.6}.history-page .payment-history-head .detail-link .payment-method{font-size:.9rem;font-weight:400;color:var(--text-secondary)}.history-page .total-count{text-align:right;font-size:.95rem;color:var(--text-secondary)}@media screen and (max-width: 767px){.history-page .total-count{padding:0 1rem}}.history-page .vcoin-history .payment-history-head{padding-bottom:2.5rem}.history-page .vcoin-history .vcoin-item .vcoin-image{background-size:contain;background-position:center;background-repeat:no-repeat}.history-page .vcoin-history .platform-badge{width:100%;position:absolute;bottom:0;left:0;display:inline-block;margin-top:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;border-radius:0;text-transform:uppercase;text-align:center}.history-page .vcoin-history .platform-badge.ios{background:linear-gradient(135deg,#007aff,#5856d6);color:var(--white)}.history-page .vcoin-history .platform-badge.android{background:linear-gradient(135deg,#3ddc84,#00a86b);color:var(--bg-primary)}.history-page .vcoin-history .platform-badge.web{background:var(--yellow-normal);color:var(--bg-primary)}.history-page .lottery-history .purchase-item .name{color:var(--yellow-normal);font-weight:700}@media screen and (max-width: 767px){.history-page .vcoin-balance-section{padding:0 .5rem}}.history-page .vcoin-balance-section .balance-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(255,247,62,.1) 100%);border:1px solid var(--yellow-light);border-radius:.75rem}@media screen and (max-width: 767px){.history-page .vcoin-balance-section .balance-card{padding:1rem 1.5rem}}.history-page .vcoin-balance-section .balance-card .balance-label{font-size:.9rem;color:var(--text-secondary);font-feature-settings:"palt"}.history-page .vcoin-balance-section .balance-card .balance-value{display:flex;align-items:baseline;gap:.3rem}.history-page .vcoin-balance-section .balance-card .balance-value .loading{font-size:1rem;color:var(--text-secondary)}.history-page .vcoin-balance-section .balance-card .balance-value .amount{font-size:2.5rem;font-weight:700;color:var(--yellow-normal);line-height:1}@media screen and (max-width: 767px){.history-page .vcoin-balance-section .balance-card .balance-value .amount{font-size:2rem}}.history-page .vcoin-balance-section .balance-card .balance-value .unit{font-size:1.1rem;font-weight:700;color:var(--white)}.history-page .vcoin-balance-section .balance-card .balance-value .no-data{font-size:1.5rem;color:var(--text-secondary)}
