.step-bar{display:inline-block;width:100%;margin-bottom:15px;margin-top:45px;text-align:center;z-index:998;position:relative}.step-bar.--product,.step-bar.--product-en{margin-bottom:32px}.step-bar.--mybook-create{width:100%;background:none}@media screen and (max-width: 768.98px){.step-bar{width:100%;background:var(--color-background, #f8f8f8);margin-top:0;margin-bottom:auto;padding-bottom:30px;padding-top:45px}.step-bar.--product-list{margin-left:-15px;margin-right:-15px}.step-bar.--product-feature{margin-left:-15px}.step-bar.--product-filter{display:none!important}.step-bar.--mybook-edit{background:none}.step-bar.--register-en{background:--color-background,#f8f8f8}.step-bar.--product-en{margin-bottom:0;background:--color-background,#f8f8f8}}.step-bar .progressbar{counter-reset:step;padding:0;min-width:300px;display:inline-flex;width:615px}@media screen and (max-width: 768.98px){.step-bar .progressbar{max-width:100%}}.step-bar .progressbar li{list-style:none;position:relative;width:33.3333333333%;display:flex!important;align-items:center;justify-content:center}.step-bar .progressbar li:after{background:#ccc;content:"";height:3px;left:-50%;position:absolute;top:10px;width:100%;z-index:-2}.step-bar .progressbar p{margin-bottom:0;position:absolute;width:100%;font-size:12px;color:#8c8c8c}@media screen and (min-width: 769px){.step-bar .progressbar p{top:-20px}}@media screen and (max-width: 768.98px){.step-bar .progressbar p{top:-30px;font-size:10px!important;font-weight:400}}.step-bar .progressbar span:before{content:"";width:14px;height:14px;display:block;background:#ccc;border-radius:50px}.step-bar .progressbar li:first-child:after{content:none}.step-bar .progressbar li.enable,.step-bar .progressbar li.enable p{color:var(--color-primary, #ff8053);font-weight:700;font-size:12px}@media screen and (max-width: 768.98px){.step-bar .progressbar li.enable p{font-size:10px!important}}.step-bar .progressbar li.enable:before{background:var(--color-primary, #ff8053);border:2px solid var(--color-primary, #ff8053)}.step-bar .progressbar li.enable span{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;border:2px solid var(--color-primary, #ff8053);width:24px;height:24px}.step-bar .progressbar li.enable span:before{content:"";width:14px;height:14px;display:block;background:var(--color-primary, #ff8053);border-radius:50px}.step-bar.step-bar--forbiz .progressbar li.enable,.step-bar.step-bar--forbiz .progressbar li.enable p{color:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forbiz .progressbar li.enable:before{background:var(--color-primary-forbiz, #5ab0bd);border-color:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forbiz .progressbar li.enable span{border-color:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forbiz .progressbar li.enable span:before{background:var(--color-primary-forbiz, #5ab0bd)}.step-bar.step-bar--forfandom .progressbar li.enable,.step-bar.step-bar--forfandom .progressbar li.enable p{color:var(--color-primary-forfandom, #f55b79)}.step-bar.step-bar--forfandom .progressbar li.enable:before{background:var(--color-primary-forfandom, #f55b79);border-color:var(--color-primary-forfandom, #f55b79)}.step-bar.step-bar--forfandom .progressbar li.enable span{border-color:var(--color-primary-forfandom, #f55b79)}.step-bar.step-bar--forfandom .progressbar li.enable span:before{background:var(--color-primary-forfandom, #f55b79)}@media screen and (max-width: 768.98px){.mb-sphone-15{margin-bottom:15px!important}}@media screen and (max-width: 768.98px){.container{padding:0!important;width:100%!important}}@media screen and (max-width: 768.98px){.h2-title{font-size:20px!important;margin-bottom:25px!important}}@media screen and (max-width: 768.98px){.title-small{font-size:10px;display:block;margin-left:0;margin-top:10px}}@media screen and (max-width: 768.98px){.col-form-label{padding-top:0!important}}@media screen and (max-width: 768.98px){.col-form-label p{font-size:14px!important}}@media screen and (max-width: 768.98px){.col-form-label span.colororange,.col-form-label span.colorblue{display:none}}.register-field-body--radios{display:flex;align-items:center;justify-content:flex-start}@media screen and (max-width: 768.98px){.register-field-body--radios p{font-size:14px!important}}@media screen and (max-width: 768.98px){.register-field-body--radios label{margin-bottom:0!important}}.register-field-body--radios.--invalid{opacity:.4}.register-field-body--radios.--invalid label,.register-field-body--radios.--invalid input[type=radio]{pointer-events:none}.register-field-body--radios.--invalid input[type=radio]:checked:after,.register-field-body--radios.--invalid .radio_icon:after{background-color:#727272!important}@media screen and (max-width: 768.98px){.register-field-body{padding:15px 15px 20px!important}.register-field-body input{font-size:14px!important}.register-field-body input::placeholder{color:#999}}@media screen and (max-width: 768.98px){.register-field-body .letter-radio-group{display:flex;align-items:center;justify-content:flex-start}}@media screen and (max-width: 768.98px){.register-field-body input#is-letter,.register-field-body input#no-letter{opacity:0;position:absolute;left:0}}@media screen and (max-width: 768.98px){.register-field-body input[type=radio]:checked:after{display:none!important}}.register-field-body input[type=radio]+.radio_icon{display:none;margin-bottom:0!important}@media screen and (max-width: 768.98px){.register-field-body input[type=radio]+.radio_icon{margin-right:3px;width:16px;height:16px;border-radius:16px;border:1px solid #ccc;top:0;left:-1px;position:relative;background-color:#fff;content:"";visibility:visible;display:flex;align-items:center;justify-content:center}}@media screen and (max-width: 768.98px){.register-field-body input[type=radio]:checked+.radio_icon:after{content:"";display:inline-block;border-radius:100%;width:10px;height:10px;background:#ff8053}}.register-field-body .register-entered-value{font-size:14px}#avatar-canvas{position:absolute;left:-1000000px}@media screen and (max-width: 768.98px){.register-box{padding-top:25px!important;padding-left:15px!important;padding-right:15px!important}}@media screen and (max-width: 768.98px){.register-box .register-field-header p{font-size:14px;padding:12px 15px}}@media screen and (max-width: 768.98px){.register-box .register-content{border-radius:6px!important}}.register-box .register-content .register-field-body--avatars{padding-top:10px!important}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-list{margin-left:0;margin-right:0;justify-content:space-between}.register-box .register-content .avatar-list>.col{flex-grow:inherit!important;flex-basis:inherit!important}}.register-box .register-content .avatar-list .active-avatar .avatar-area__plusicon{display:none}.register-box .register-content .avatar-list .item-avatar__sp_info{width:100%}.register-box .register-content .avatar-list .item-avatar__sp_info p{font-size:12px!important;color:#666!important;font-weight:400!important;margin-bottom:20px!important;text-align:center}@media screen and (min-width: 769px){.register-box .register-content .avatar-list .item-avatar__sp_info{display:none}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-list .item-avatar .avatar-area-section{padding:0!important}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-list .avatar-area-section{position:relative}}.register-box .register-content .avatar-list .avatar-area__plusicon{pointer-events:none;width:36px;height:36px;position:absolute;bottom:0;right:0;z-index:3}@media screen and (min-width: 769px){.register-box .register-content .avatar-list .avatar-area__plusicon{display:none}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-list .item-avatar:not(.add-icon){width:25%;max-width:100px;padding:0;margin-left:0;margin-bottom:0}.register-box .register-content .avatar-list .item-avatar:not(.add-icon) .avatar-area{width:100%;height:auto}.register-box .register-content .avatar-list .item-avatar:not(.add-icon) img{max-width:100%}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-list .item-avatar.add-icon{width:100%;margin-bottom:10px}}@media screen and (max-width: 768.98px){.register-box .register-content .item-avatar:not(.active-avatar) .img-addAvatar[src=""]{display:none}}.register-box .register-content .avatar-area{z-index:1}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-area.add-image-box{width:90px;height:90px}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-area .img-addAvatar{position:relative;z-index:4}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-area{background:none}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-area .icon-plus{width:85%;z-index:1}}@media screen and (max-width: 768.98px){.register-box .register-content .avatar-area__pc{display:none!important}}@media screen and (min-width: 769px){.register-box .register-content .avatar-area__sp{display:none!important}}@media screen and (max-width: 768.98px){.register-bg{margin-left:0!important;margin-right:0!important}}@media screen and (max-width: 768.98px){.register-page-wrap{padding-left:0!important;padding-right:0!important}}.register-page-wrap .breadcrumbs-wrap{margin-top:30px;margin-bottom:30px}@media screen and (max-width: 768.98px){.register-confirm .register-field-body p{font-size:14px!important}}@media screen and (max-width: 768.98px){.register-confirm .text-newsletter{font-size:14px!important}}@media screen and (max-width: 768.98px){.register-confirm .title-small{display:inline-block!important;margin-top:0!important}}@media screen and (max-width: 768.98px){.register-confirm .register-footer{max-width:240px;margin:0 auto}.register-confirm .register-footer label{font-size:14px;color:#333!important;font-weight:400}.register-confirm .register-footer label a:not(.gotoLegal){color:#333!important}}@media screen and (max-width: 768.98px){.register-confirm .terms_pc{display:none}}@media screen and (min-width: 769px){.register-confirm .terms_sp{display:none}}@media screen and (max-width: 768.98px){.register-confirm .return_button{max-width:240px;margin:0 auto}}.mail_resend .register-box{margin-top:40px!important}@media screen and (max-width: 768.98px){.mail_resend .register-box{margin:15px 15px 53px!important}}@media screen and (max-width: 768.98px){.mail_resend .h2-title{font-size:20px;text-align:center}}@media screen and (max-width: 768.98px){.mail_resend .form-control{margin-bottom:0!important}}@media screen and (max-width: 768.98px){.mail_resend .register-footer{margin-top:30px!important}}@media screen and (max-width: 768.98px){.resend-button{margin-bottom:50px!important}}.text-bottom-verify{margin-bottom:30px!important}@media screen and (max-width: 768.98px){.text-bottom-verify{font-size:14px!important;line-height:22px;font-weight:500!important;padding-left:30px;padding-right:30px}}@media screen and (max-width: 768.98px){.register_pc{display:none}}@media screen and (min-width: 769px){.register_sp{display:none}}@media screen and (max-width: 768.98px){.popular-design{font-size:16px!important;line-height:24px;margin-top:30px}}@media screen and (max-width: 768.98px){.finish-box{padding-left:15px;padding-right:15px}}@media screen and (max-width: 768.98px){.finish-list-book{width:100%}.finish-list-book .img-box{padding:7.5px}.finish-list-book .img-box-title{margin-top:10px!important;font-size:10px!important;color:#666!important}.finish-list-book a{position:relative;z-index:2}.finish-list-book a>div{position:relative}.finish-list-book a>div:before{content:"";position:absolute;left:-38px;bottom:0;background:url(/_assets/images/common/carousel_shadow.svg) 0 100%/100% no-repeat;width:clamp(100px,11.4285714286vw,100px);overflow-y:hidden;height:40px;z-index:-1}}@media screen and (max-width: 768.98px){.mypage_update #email_old{margin-bottom:15px!important;border:none!important}}@media screen and (max-width: 768.98px){.mypage_update #password{margin-bottom:15px!important}}@media screen and (max-width: 768.98px){.mypage_update .delete-content p{line-height:1.5}}@media screen and (max-width: 768.98px){.mypage_update .login-header h2{font-size:20px;margin-bottom:25px!important}}@media screen and (max-width: 768.98px){.modal-open .mypage_update .modal{display:flex!important;align-items:center;justify-content:center}}.update_confirm .h2-title h2{font-size:20px}@media screen and (max-width: 768.98px){#deleteModal .modal-content{padding:25px 20px 30px}}@media screen and (max-width: 768.98px){#deleteModal .modal-content p{line-height:24px}}@media screen and (max-width: 768.98px){#deleteModal .delete-content p{margin-bottom:0}}#deleteModal .modal-content__closer{display:none}@media screen and (max-width: 768.98px){#deleteModal .modal-content__closer{display:block;position:absolute;top:15px;right:15px;width:30px;height:30px}}@media screen and (max-width: 768.98px){#deleteModal .modal-title{font-size:20px}}#deleteModal .btns{width:240px}@media screen and (max-width: 768.98px){#deleteModal .register-footer{margin-top:25px!important}}@media screen and (max-width: 768.98px){.deleteModal__button a span{height:40px}}@media screen and (max-width: 768.98px){.delete_success_wrap{margin-left:0;margin-right:0}}@media screen and (max-width: 768.98px){.delete_success_wrap .h2-title{font-size:20px;text-align:center}}@media screen and (max-width: 768.98px){.delete_success_wrap .leftline-title{margin-bottom:26px}}@media screen and (max-width: 768.98px){.delete_success_wrap .breadcrumb-custom{display:none}}@media screen and (min-width: 769px){.delete_success_wrap .sp_disp{display:none}}@media screen and (max-width: 768.98px){.delete_success_wrap .pc_disp{display:none}}.delete_success_wrap .delete-user-des{margin-bottom:0}@media screen and (max-width: 768.98px){.delete_success_wrap .delete-user-des p{text-align:center;font-size:14px;line-height:22px;font-weight:500}}@media screen and (max-width: 768.98px){.delete_success_wrap .delete_success_main{padding:0}}@media screen and (max-width: 768.98px){.delete_success_wrap .register-box{padding:30px 0 0!important}}@media screen and (max-width: 768.98px){.delete_success_wrap .products-all{padding-left:20px;margin-top:70px!important}}@media screen and (max-width: 768.98px){.delete_success_wrap .products-all .products-user{max-width:100%;overflow-x:auto;margin-bottom:0}}@media screen and (max-width: 768.98px){.delete_success_wrap .products-all .products-user .products-ul{width:auto;margin-right:0;margin-left:0;flex-wrap:nowrap;padding-bottom:20px;padding-right:30px!important}}@media screen and (max-width: 768.98px){.delete_success_wrap .products-all .products-user .products-ul li{width:clamp(150px,40vw,200px);max-width:inherit;flex:none;padding-left:0;padding-right:20px}}.delete_success_wrap .products-all .products-user .products-ul li .product-img{width:100%;object-fit:cover}.delete_success_wrap .products-all .products-user .products-ul li .product-des{line-height:18px}@media screen and (max-width: 768.98px){.delete_success_wrap .products-all .products-user .products-ul li .product-des{margin-top:15px!important}}@media screen and (max-width: 768.98px){.delete_success_wrap .products-all .products-user .products-ul li .product-name{color:#666;font-size:10px;margin-bottom:5px!important;margin-top:12px!important}}@media screen and (max-width: 768.98px){.mypage_update .item-avatar:not(.add-icon).active-avatar .avatar-area-section{overflow:hidden;border-radius:100%;background:#0000004d}}