@charset "UTF-8";.join-wrap .step-box{float:left;width:165px;height:60px;margin-top:16px;padding:0;background:url('/img/join/arrwo_join_step.png') no-repeat right 16px center;background-size:8px 14px}.join-wrap .step-box.last{float:left;width:125px;background:0}.join-wrap .step-box ul{float:left;width:125px;height:60px;border:3px solid transparent;background:#f8f8f8;border-radius:4px}.join-wrap .step-box ul li{text-align:center;padding:0}.join-wrap .step-box ul li.txt1{margin-top:10px;font-size:.8333rem;font-weight:var(--fw-light,300);color:#696969}.join-wrap .step-box ul li.txt2{margin-top:1px;font-size:1.1667rem;font-weight:var(--fw-light,300);color:#696969}.join-wrap .step-box.on ul{border:3px solid #2f8bff;background:#f7faff}.join-wrap .step-box.on ul li.txt1{color:#2f8bff}.join-wrap .step-box.on ul li.txt2{color:#2f8bff}.join-wrap .form-group dl{display:block;width:100%}.join-wrap .form-group dl dt{width:140px;padding:20px 10px 16px 10px}.join-wrap .form-group dl dt span{color:#ec6464;font-weight:var(--fw-light,300);padding-left:3px}.join-wrap .form-group dl dd{width:470px}.join-wrap{width:620px;margin:0 auto}.join-wrap h1.title{text-align:center;font-size:2.0833rem;color:#292929;font-weight:var(--fw-light,300)}.join-wrap .subject-text{display:inline-block;width:100%;margin-top:22px;font-size:1.1667rem;color:#696969;text-align:center}.join-wrap .subtitle{font-size:1.3333rem;color:#292929;padding-left:5px;line-height:173%}.join-wrap .join-btns{width:100%;margin-top:32px;text-align:center;margin-bottom:100px}.join-wrap .join-btns>*{margin:0 7px}.join-wrap .join-btns button{margin:0 10px}.join-wrap .subtitle-group h2{display:inline-block;float:left;padding-left:5px;font-weight:var(--fw-light,300);font-size:1.3333rem;color:#292929}.join-wrap .subtitle-group div{display:inline-block;float:right;text-align:right;padding-right:10px}.join-wrap .subtitle-group div label{font-size:1.08rem;color:#696969;font-weight:var(--fw-light,300)}.join-wrap .subtitle-group div label.red{color:#ec6464}.join-wrap .subtitle-group dd label.red{font-size:1.0833rem;font-weight:var(--fw-light,300);color:#ec6464}.join-step1{font-size:1.1667rem}.join-step1 .form-group{display:block;width:100%;margin-top:16px;border-top:1px solid #dcdcdc;padding-top:5px;border-bottom:1px solid #e8ebee}.join-step1 .form-group>dl{display:block;width:100%}.join-step1 .form-group>dl>dt{width:140px}.join-step1 .form-group>dl>dd{width:470px}.join-step1 .join-btns{display:block;text-align:center;margin-top:36px}.join-step1 .join-btns button{width:140px;margin-left:11px;margin-right:11px}.join-wrap .form-grp-number dd input{display:inline-block;float:left;width:100px}.join-wrap .form-grp-number dd span.form-gap{width:25px}.join-wrap .form-grp-number dd button{width:110px;margin-left:10px}.join-wrap .form-grp-number dd .grp-number-msg{clear:both;display:inline-block;float:left;margin-bottom:5px}.join-wrap .form-grp-number dd .grp-number-msg p{padding-bottom:5px}.join-wrap .form-etc{clear:both;border-top:1px dotted #dcdcdc}.join-wrap .form-etc ul{clear:both;width:110%;padding-top:14px;padding-bottom:15px}.join-wrap .form-etc ul li{padding:2px 10px;font-size:1.0833rem;color:#969696;line-height:15px}.join-wrap .form-group .join-result{float:left;font-size:1rem;color:#ec6464;margin-top:4px}.join-wrap .form-group .join-result2{float:left;font-size:1rem;color:#2f8bff;margin-top:4px}.join-wrap .form-group .btn-history{background:url('/img/join/arrow_join_step1_down.png') no-repeat right 16px center;background-size:8px 14px}.join-wrap .form-history{border-top:1px dotted #dcdcdc;min-height:60px}.join-wrap .form-history .history-fixed{float:left;width:445px;height:60px;overflow-y:hidden;padding-top:12px}.join-wrap .form-history .history-list{clear:both;float:left;width:100%;padding:0;margin-top:5px;margin-bottom:5px}.join-wrap .form-history .history-list dt{clear:both;float:left;width:180px;text-align:left;padding:4px 0;font-size:1.1667rem;color:#696969}.join-wrap .form-history .history-list dd{float:left;width:180px;text-align:left;padding:4px 0;font-size:1.1667rem;color:#696969}.join-wrap .form-history .history-btns{float:right}.join-wrap .form-history.show .mscroll{padding-left:0;border:0}.join-wrap .form-history.show .mscroll>div{padding-left:0}.join-wrap .form-history.show .history-fixed{display:inline-block;float:left;width:445px;height:auto;overflow-y:auto;padding-top:13px;margin-bottom:18px}.join-wrap .form-history.show .history-list{display:inline-block;float:left;width:445px;padding:0;margin-top:5px;margin-bottom:5px}.join-wrap .form-history.show .history-list dt{clear:both;float:left;width:180px;text-align:left;padding:3px 0;font-size:1.1667rem;color:#696969}.join-wrap .form-history.show .history-list dd{float:left;width:180px;text-align:left;padding:3px 0;font-size:1.1667rem;color:#696969}.join-wrap .form-history.show .history-fixed.mscroll{height:152px !important;overflow-y:hidden}.join-wrap .form-etc.show{display:none;clear:both;border-top:1px dotted #dcdcdc}.join-step2 .form-group{display:inline-block;width:100%;margin-top:20px;padding-top:5px}.join-step2 .form-group dl{clear:both;width:100%}.join-step2 .form-group dl dt{clear:both;width:100%;font-size:1.1667rem;color:#292929}.join-step2 .form-group dl dt.no-line{border-top:0}.join-step2 .form-group dl dd{clear:both;width:100%;padding:0 5px 15px 5px}.join-step2 .form-group dl dt label{width:100%;color:#292929}.join-step2 .box{height:90px;border:1px solid #dcdcdc;padding:10px 5px;overflow:hidden}.join-step2 .box>div{line-height:20px;font-size:1.1667rem;color:#696969;padding:0 10px}.join-step2 .join-btns{text-align:center;margin-top:36px}.join-step2 .join-btns button{width:140px;margin-left:9px;margin-right:9px}.join-step3{margin-top:10px}.join-step3 .subtitle{font-size:1.3333rem;color:#292929;padding-left:5px;line-height:173%}.join-step3 .form-group{display:inline-block;width:100%;border-top:1px solid #dcdcdc;padding-top:5px;border-bottom:1px solid #e8ebee}.join-step3 .form-group1{margin-top:5px;margin-bottom:40px;padding-bottom:2px}.join-step3 .form-group2{margin-top:5px;margin-bottom:40px;padding-bottom:4px}.join-step3 .form-group3{margin-top:5px;padding-top:0;padding-bottom:5px;margin-bottom:0}.join-step3 .join-btns{text-align:center}.join-step3 .join-btns button{width:130px}.join-wrap .form-user-id dd input{width:350px}.join-wrap .form-user-id dd button{width:110px;margin-left:10px}.join-wrap .form-nickname dd input{width:350px}.join-wrap .form-nickname dd button{width:110px;margin-left:10px}.join-wrap .form-pw dd input{width:350px}.join-wrap .form-pw dd button{width:110px;margin-left:10px}.join-wrap .form-shop-name dd input{width:350px;ime-mode:inactive}.join-wrap .form-shop-name dd button{width:110px;margin-left:10px}.join-wrap .form-shop-type dd input{width:350px}.join-wrap .form-shop-type dd button{width:110px;margin-left:10px}.join-wrap .form-shop-addr dd input{width:350px}.join-wrap .form-shop-addr dd button{width:110px;margin-left:10px}.join-wrap .form-shop-addr dd input.exp{width:470px}.join-wrap .form-birthday dd input{width:130px}.join-wrap .form-birthday dd select{width:100px}.join-wrap .form-birthday dd span.select2{margin-left:10px}.join-wrap .form-birthday dd select:first-child+span.select2{margin-left:0}.join-wrap .form-phone dd select{width:100px}.join-wrap .form-phone dd input{width:240px;margin-left:10px}.join-wrap .form-mobile dd select{width:100px}.join-wrap .form-mobile dd input{width:240px;margin-left:10px}.join-wrap .form-mobile dd button{width:110px;margin-left:10px}.join-wrap .form-mobile dd input.confirm{width:230px;margin-left:0}.join-wrap .form-fax dd select{width:100px}.join-wrap .form-fax dd input{width:240px;margin-left:10px}.join-wrap .form-email dd input{width:142px}.join-wrap .form-email dd .form-gap{width:32px}.join-wrap .form-email dd select{width:142px;margin-left:10px}.join-wrap .form-email dd span.select2{margin-left:10px}.join-step4 .result-box{float:left;width:100%;margin-top:45px;border-top:1px solid #dcdcdc}.join-step4 .result-box h1{margin-top:50px;margin-bottom:8px;font-size:1.6667rem;font-weight:var(--fw-light,300);color:#292929;text-align:center}.join-step4 .result-box p{display:inline-block;float:left;width:100%;margin-top:0;font-weight:300;font-size:1.1667rem;color:#696969;text-align:center}.join-step4 .secure-box{display:inline-block;clear:both;float:left;width:100%;margin-top:45px;background:#eaf3ff;padding:20px 20px 20px 40px}.join-step4 .secure-box>p{display:inline-block;float:left;font-size:1.1667rem;color:#696969;margin-top:10px;line-height:23px;text-align:left}.join-step4 .btn-secure{display:inline-block;float:right;width:200px;background:#fff;padding:14px 5px 13px 20px;border:1px solid #ccc;border-radius:6px}.join-step4 .btn-secure span{display:inline-block;width:100%;background:url('/img/join/arrow_btn_step4.png') no-repeat right 10px center;background-size:12px 20px;font-size:1.1667rem;color:#292929;line-height:20px;font-weight:var(--fw-light,300)}.join-step4 .btn-secure:hover,.join-step4 .btn-secure:focus{background-color:#f3f3f3}.join-step4 .btn-secure.press,.join-step4 .btn-secure:active{background-color:#f3f3f3;border:1px solid #2f8bff}.join-step4 .btn-secure.press,.join-step4 .btn-secure:active{background-color:#f3f3f3;border:1px solid #2f8bff}.join-step4 .btn-secure.disabled,.join-step4 .btn-secure:disabled{background-color:#eee;color:#eee;border:1px solid #eee}.join-step4 .btn-secure.disabled span,.join-step4 .btn-secure:disabled span{color:#eee}.join-step4 .join-btns{display:block;clear:both;float:left;width:100%;text-align:center;margin-top:36px}.join-step4 .join-btns a{width:140px;margin-left:9px;margin-right:9px}.login_area{width:434px;margin:0 auto;clear:both}.login_box{position:relative;width:434px;height:100px;margin:0 auto;z-index:1;clear:both}.btn_login{position:absolute;bottom:0;right:0;border-radius:4px;width:100px;height:100px;display:inline-block;font-size:16px;color:#fff;font-weight:var(--fw-light,300);line-height:100px;background:#999;z-index:5}.login_box>dl{width:314px;height:110px;float:left;display:block;margin-bottom:15px;clear:both}.login_box>dl>dt{width:94px;height:45px;float:left;display:block;font-size:14px;font-weight:var(--fw-light,300);color:#292929;vertical-align:middle;line-height:45px;margin-bottom:10px;clear:both}.login_box>dl>dd{width:220px;height:45px;float:left;display:block;margin-bottom:10px}.login_box>dl>dd input[type=text]{width:220px;height:45px;color:#969696;line-height:45px;vertical-align:middle}.login_box>dl>dd input[type=password]{width:220px;height:45px;color:#969696;line-height:45px;vertical-align:middle}.log_txt{width:100%;font-size:14px;color:#696969;text-align:center;display:inline-block;font-weight:300}.log_txt span{color:#2f8bff}