@charset "UTF-8";/*!
マイページ（アカウント）専用CSS
*/.p-mypage{color:var(--colorEditText);letter-spacing:normal;word-break:break-all}.p-mypage__code-img{max-width:400px;padding-left:17px;padding-right:17px}.p-mypage__data-container{display:flex;justify-content:space-between;margin-top:40px}.p-mypage__data-left{width:148px;padding-left:20px;padding-right:20px}.p-mypage__qrcode-img{margin-left:-5px;margin-right:-5px;margin-bottom:0}.p-mypage__logo{margin-bottom:0}.p-mypage__point-explanation{font-size:12px}.p-mypage__data-right{width:calc(100% - 160px);text-align:left!important;padding-top:6px;flex:1 1 auto}.p-mypage__data-title{font-size:0}.p-mypage__data-title span{display:inline-block;background-color:#f7f7f7;font-size:11px;padding:2px 10px;line-height:1.2;border-radius:4px}.p-mypage__point{margin-top:12px}.p-mypage__point__link{display:block}.p-mypage__point__link:hover>*{text-decoration:underline}.p-mypage__point__available-date{margin-bottom:0;font-size:11px;font-weight:400}.p-mypage__point__txt{font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--colorEditMain);margin-bottom:4px}.p-mypage__point__txt__alert{display:flex;align-items:center;font-size:.6rem;color:var(--colorEditMain);margin-top:4px;margin-bottom:8px}.p-mypage__point__txt__alert a{color:var(--colorEditMain);text-decoration:underline}.p-mypage__point__txt__num{display:block;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-mypage__point__txt__unit{display:inline-block;font-size:18px;margin-left:.4em}.p-mypage__point__btn{line-height:1.3;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.05em;display:block;align-items:center;justify-content:center;padding:10px 28px 10px 12px;min-height:28px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;border-radius:8px;background-color:#fff;border:1px solid var(--colorEditMain);box-shadow:2px 2px 4px #0000000d;position:relative;overflow:hidden;transition:.4s}.p-mypage__point__btn:after{content:"";position:absolute;top:0;bottom:0;margin:auto;right:8px;width:6px;height:10px;transition:.4s;background:url(//www.steamcream.co.jp/cdn/shop/t/532/assets/ico_arrow.svg?v=177358949794937965821750925402) no-repeat center center / contain}.p-mypage__header{position:relative;z-index:2}.p-mypage__data-user{margin-top:-38px;position:relative;z-index:1;padding-top:60px;padding-bottom:40px}.p-mypage__data-user__name{font-size:16px}.p-mypage__data-user__name__unit{font-size:11px}.p-mypage__data-user__name .name{display:inline-block;margin-right:1em}.p-mypage__data-user__id{font-size:16px}.p-mypage__data-user__id__label{display:block;font-size:11px}.p-mypage__data-user__tel,.p-mypage__data-user__address{font-size:12px}.p-mypage__logout-btn{margin-top:12px}.reorder-link{display:inline-block!important;margin-right:20px;padding:10px 25px 10px 0;background:url(re-order.svg) no-repeat right center;background-size:14px}.receipt-link{display:inline-block!important;padding:10px 25px 10px 0;background:url(receipt-solid.svg) no-repeat right center;background-size:14px}@media only screen and (min-width: 769px){.p-mypage__data-left{width:180px;margin-right:60px}.p-mypage__data-title{width:100%}.p-mypage__data-title span{font-size:13px}.p-mypage__point__available-date{font-size:16px}.p-mypage__point__txt{margin-top:8px}.p-mypage__point__txt__alert{font-size:.8rem}.p-mypage__point__txt__num{font-size:18px}.p-mypage__data-user{flex-grow:1}.p-mypage__data-user__name{font-size:21px}.p-mypage__data-user__tel,.p-mypage__data-user__address{font-size:14px}}.p-mypage__nav{padding-top:100px;margin-top:-50px}.p-mypage__nav__list{list-style:none;display:flex;align-items:center;margin:0}.p-mypage__nav__list>li{margin-bottom:0}.p-mypage__nav__list>li+li{margin-left:2em}.p-mypage__nav__item{line-height:1.3;text-decoration:none;text-align:center;font-size:16px;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;padding:12px 1em 8px .5em;min-height:28px;width:164px;cursor:pointer;border:1px solid var(--colorEditBorder);border-bottom:none;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;border-radius:8px 8px 0 0;border-color:#e8e8e1;background-color:#fff;color:var(--colorEditText);position:relative;overflow:hidden;transition:.4s;max-width:50vw}.p-mypage__result__area{background-color:#fff;box-shadow:0 0 20px #0000001a;padding-top:20px;padding-bottom:20px}.p-mypage__result__list{list-style:none;margin:0}.p-mypage__result__list__item{margin-bottom:0;line-height:1.5}.p-mypage__result__list__item+.p-mypage__result__list__item{border-top:1px solid var(--colorEditBorderLight)}.p-mypage__result__list__item a{display:block;color:inherit}.p-mypage__result__list__row{display:flex;flex-wrap:wrap;padding-top:16px;padding-bottom:4px}.p-mypage__result__list__col{width:50%;display:flex;flex-wrap:wrap;align-items:center;padding-bottom:8px}.p-mypage__result__list__price{display:flex;flex-wrap:wrap;align-items:center;width:65%}.p-mypage__result__list__btn{width:35%;text-align:right;font-size:.9rem;text-decoration:underline;text-decoration-color:var(--colorEditBorder)}.p-mypage__result__list__label{display:block;min-width:6em;font-size:.6rem;white-space:nowrap}.p-mypage__result__list__val{display:block;width:6em;flex-grow:1;font-size:.8rem;color:var(--colorEditTextDark)}.p-mypage__result__list__val.-price{font-size:1rem;font-weight:700}.p-mypage__btn{margin-top:50px;margin-bottom:50px}.p-mypage__tier{margin-top:15px}.p-mypage__tier__item{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:22px;font-weight:700}.p-mypage__tier__item.-Silver{background-color:#e7e7e7;border:1px solid #d6d6d6}.p-mypage__tier__item.-Gold{background-color:#f6ebae}.p-mypage__tier__item.-Platinum{background-color:#f2f2f2;border:1px solid #d6d6d6}.p-mypage__tier__item.-Skinple{background-color:#dcf3e3}.p-mypage__tier__item.-Silver .p-mypage__tier__title__icon path{fill:#8d8d8d}.p-mypage__tier__item.-Gold .p-mypage__tier__title__icon path{fill:#ddae08}.p-mypage__tier__item.-Platinum .p-mypage__tier__title__icon path{fill:#b8b8b8}.p-mypage__tier__item.-Skinple .p-mypage__tier__title__icon path{fill:#5ba772}.p-mypage__tier__title{display:flex;align-items:center;justify-content:center;padding-left:3%;padding-right:3%;flex:1 1 auto}.p-mypage__tier__title__icon{display:block;margin-right:.5em;width:24px;height:32px}.p-mypage__tier__title__unit{display:inline-block;margin-left:.2em;font-size:14px}.p-mypage__point__box{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:22px;font-weight:700}.p-mypage__point__box__left{padding-left:3%;padding-right:3%;text-align:center;flex:1 1 auto}.p-mypage__mail-magazine{margin-left:-4px;margin-right:-4px}.p-mypage svg{width:100%;height:auto}@media only screen and (min-width: 769px){.p-mypage__nav{padding-top:200px;margin-top:-100px}.p-mypage__nav__list>li+li{margin-left:5em}.p-mypage__nav__item{font-size:18px;min-height:36px;width:200px}.p-mypage__result__area{padding-top:40px;padding-bottom:40px}.p-mypage__result__list__row{padding-top:24px;padding-bottom:18px}.p-mypage__result__list__col{display:block;width:17%;padding-bottom:0}.p-mypage__result__list__price{width:20%}.p-mypage__result__list__btn{width:12%;font-size:.9rem;display:flex;align-items:center}.p-mypage__result__list__label{width:100%;font-size:.8rem;margin-bottom:6px}.p-mypage__result__list__val{width:100%;font-size:1.1rem}.p-mypage__result__list__val.-price{font-size:1.3rem}.p-mypage__result__list__item a:hover{background-color:var(--colorEditGyLight)}.p-mypage__result__list__item a:hover .p-mypage__result__list__btn{text-decoration:none}.p-mypage__btn{margin-top:80px;margin-bottom:160px}.reorder-link,.receipt-link{margin-bottom:14px}}.huckleberry-subscription-list-color{--colorEditGyLight: #f9f9f9;--colorEditText: #515151;--colorEditTextDark: #2b2b2b;--colorEditTextLight: #c9c9c9;--colorEditBorder: #c4c4c4;--colorEditBorderLight: #efefef;--colorEditMain: #ff6900;--colorEditMainPale: #fdf2f2;color:var(--colorEditText)}.huckleberry-subscription-list-color header{display:none}.huckleberry-subscription-list-detail{margin:0}.huckleberry-subscription-list-detail:first-of-type{border-bottom:1px solid var(--colorEditBorderLight);padding-bottom:12px;margin-bottom:12px}.huckleberry-subscription-list-detail .label,.huckleberry-subscription-list-id-title{width:7em;min-width:1px;margin:0;border-bottom:none;letter-spacing:normal;font-size:.8rem;font-weight:400;line-height:1.4;color:var(--colorEditText)}.huckleberry-subscription-list-detail .value,.huckleberry-subscription-list-id{width:calc(100% - 7em);flex-grow:1;text-align:left;margin:0;border-bottom:none;font-weight:400;line-height:1.5;color:var(--colorEditTextDark);font-size:.8rem}.huckleberry-subscription-list-id{font-weight:700;font-size:.9rem}.subscription-history{padding-bottom:20px;padding-top:20px}.subscription-history+.subscription-history{border-top:1px solid var(--colorEditBorderLight)}.subscription-history a{display:block;max-width:200px;margin-left:auto;margin-right:auto;margin-top:20px}.subscription-history a .detail-btn{line-height:1.3;text-decoration:none;text-align:center;font-size:.9rem;letter-spacing:.05em;display:flex;width:100%;align-items:center;justify-content:center;padding:4px .4em;min-height:40px;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;border-radius:8px;color:var(--colorEditText);font-weight:700;background-color:var(--colorEditMainPale);position:relative;overflow:hidden;transition:.4s}.subscription-history:last-child{display:none}#huckleberry-subscription-customer-portal-wrap{padding-top:0}.p-mypage+#huckleberry-subscription-customer-portal-wrap{padding-bottom:0}@media only screen and (min-width: 769px){.subscription-history{display:flex;align-items:center}.huckleberry-subscription-list-detail{width:20%;display:block}.huckleberry-subscription-list-detail .label,.huckleberry-subscription-list-id-title{margin-bottom:8px;width:100%}.huckleberry-subscription-list-detail .value,.huckleberry-subscription-list-id{width:100%}.huckleberry-subscription-list-detail:first-of-type{width:40%;border-bottom:none;padding-bottom:0;margin-bottom:0}.subscription-history a{width:200px;margin-right:0;margin-left:auto;margin-top:0}.subscription-history a:hover .detail-btn{background-color:var(--colorEditMain);color:#fff}}.p-mypage+.p-mypage .p-mypage__nav,.p-mypage+.p-mypage .p-mypage__btn{display:none}.p-mypage+.p-mypage .p-mypage__result{opacity:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/532/assets/account.css.map */