*{margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0.5)}html{height:100%;font-size:62.5%}body{font-size:1rem;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ","Meiryo",sans-serif;color:$color-text-black;width:100%}html,body{overflow-x:hidden;position:relative}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;box-sizing:border-box}footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:none;color:#413a41}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,sans-serif;font-size:15px;line-height:140%}.link{color:#3680fc;cursor:pointer}.nl2br{white-space:pre-line;word-wrap:break-word;word-break:break-all}.title{font-size:16px;font-weight:bold}.explanation{font-size:12px}.base{position:relative;width:100%;height:calc(var(--vh) * 100);overflow-y:scroll;background:#1c1c1e;color:#fff;display:flex;align-items:center;flex-direction:column}.container{position:relative;box-sizing:border-box;width:100%;max-width:560px;padding:24px;padding-bottom:160px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.hero-image{position:relative;width:100%;margin-bottom:24px}.hero-image:before{content:"";display:block;padding-top:100%}.hero-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:4px}.close-fanclub{font-size:15px;font-weight:bold;color:#000;background:#f5f6f7;padding:8px 26px;border-radius:4px;margin-bottom:10px}.header-fanclub-name{font-size:22px;max-width:100%;word-break:break-all;font-weight:bold;margin-bottom:10px}.header-owner-name{font-size:15px;max-width:100%;word-break:break-all;margin-bottom:21px}.header-border{width:100%;border-top:1px solid #dcdcdc;margin:0;margin-bottom:20px}.introduction-area{position:relative;width:100%;margin-bottom:40px;word-break:break-all}.introduction-area ins{background:none;color:inherit}.introduction-area a{text-decoration:underline;color:#8ab4f8}.introduction-area a:visited{color:#c58af9}.introduction-area pre,.introduction-area em{position:relative;width:100%;word-break:break-all;white-space:pre-wrap}.image-slider{position:relative;width:100%;display:flex;overflow-x:scroll;margin-bottom:40px}.image-slider .image{position:relative;width:200px;height:356px;flex-shrink:0;overflow:hidden;object-fit:contain;border-radius:4px}.image-slider .image + .image{margin-left:12px}.subscription-fee{position:relative;width:100%;margin-bottom:40px}.subscription-fee .title,.subscription-fee .explanation{margin-bottom:8px}.subscription-fee .plan-list{position:relative;width:100%}.subscription-fee .plan-list .col + .col{margin-top:5px}.subscription-fee .plan-list .col{position:relative;box-sizing:border-box;padding:18px 16px;background:#f5f6f7;color:#262626;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.subscription-fee .plan-list .col .plan-name{font-size:13px;width:100%;margin-right:5px;word-break:break-all;font-weight:bold}.subscription-fee .plan-list .col .fee{font-size:15px;flex-shrink:0;font-weight:bold}.subscription-fee .plan-list .col .fee .small{font-size:10px}.subscription-for-web{position:relative;width:100%;margin-bottom:40px}.subscription-for-web .title,.subscription-for-web .explanation{margin-bottom:8px}.subscription-for-web .web-plans{position:relative;width:100%;margin-bottom:8px}.subscription-for-web .web-plans .col + .col{margin-top:5px}.subscription-for-web .web-plans .col{position:relative;box-sizing:border-box;padding:0 16px;background:#f5f6f7;color:#262626;border-radius:4px}.subscription-for-web .web-plans .col .inner + .inner{border-top:1px solid #dcdcdc}.subscription-for-web .web-plans .col .inner{position:relative;box-sizing:border-box;padding:18px 0;display:flex;justify-content:space-between;align-items:center}.subscription-for-web .web-plans .col .inner .plan-name{font-size:12px;width:100%;margin-right:5px;word-break:break-all;font-weight:bold}.subscription-for-web .web-plans .col .inner .fee-wrap{flex-shrink:0;text-align:right}.subscription-for-web .web-plans .col .inner .fee{font-size:15px;font-weight:bold}.subscription-for-web .web-plans .col .inner .before-fee{font-size:12px;text-decoration-line:line-through}.subscription-for-web .web-plans .col .inner .discount{font-size:12px;color:#fc3622}.footer-links{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}.footer-links div{font-size:12px;text-decoration-line:underline;color:#fff;cursor:pointer}.settlement-area{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;padding:20px;padding-bottom:35px;background:rgba(254,254,254,0.8);color:#262626;display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.settlement-area .button{position:relative;box-sizing:border-box;width:100%;max-width:335px;padding:12px 17px;font-size:15px;font-weight:bold;color:#fff;background:#000;border-radius:35px;cursor:pointer;margin-bottom:10px}.settlement-area .button .small{position:absolute;font-size:12px;right:17px;top:50%;transform:translateY(-50%)}.settlement-area .button .small .tiny{font-weight:normal}.settlement-area .other-plans{font-size:12px;font-weight:bold}.settlement-area .restore{color:#262626;font-size:13px;text-decoration-line:underline;cursor:pointer}.modal-enter-active,.modal-leave-active{transition:all .3s ease}.modal-leave-active{transition:all .3s ease}.modal-enter,.modal-leave-to{opacity:0;transform:translateY(40%)}