@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{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}