﻿.contact_inner{width:90%;max-width:1100px;margin:0 auto;padding:36px 0}.contact-flow{padding:0;margin:0;list-style:none;overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;border-radius:12px;position:relative}ul.contact-flow::after{content:"";display:block;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border:2px #000000 solid;border-radius:12px;z-index:10}.contact-flow li{flex:3;padding:16px 16px 16px 42px;font-size:1.125rem;font-weight:600;color:#000000;text-align:center;position:relative}.contact-flow li:last-child{border:0}.contact-flow li::before{content:'';width:44px;height:44px;border:2px solid;background:#fff;border-color:transparent;transform:rotate(45deg);position:absolute;bottom:10%;left:-20px;z-index:1}.contact-flow li:first-child::before{display:none}.contact-flow li::after{content:'';width:44px;height:44px;border:2px solid;border-color:#000000 #000000 transparent transparent;transform:rotate(45deg);position:absolute;bottom:10%;right:-30px;z-index:2}.contact-flow li.active{background:#000000;color:#fff}.contact-flow li.active::after{content:'';width:44px;height:44px;border:2px solid;background:#000000;border-color:#000000 #000000 transparent transparent;transform:rotate(45deg);position:absolute;bottom:10%;right:-26px}.contact-flow li.active:last-child::after{display:none}.contact-flow span{position:relative;z-index:4}.contact-items{padding:36px;margin:16px auto 0;border:1px solid #b8b8b8;border-radius:12px}.contact-items.login-form a.text_link_style{margin-top:8px}p.intro{text-align:center;margin:0 0 36px;font-weight:bold;font-size:1.125rem}.caution{border:2px solid #FF2D83;border-radius:8px;max-width:720px;margin:0 auto;padding:16px}.caution ul{counter-reset:number;list-style-type:none !important;padding:0;margin:0;box-sizing:border-box}.caution ul li{position:relative;padding-left:30px;line-height:1.5em;padding:6px 6px 12px 30px;margin-bottom:.5em}.caution ul li:last-child{margin-bottom:0}.caution ul li:before{position:absolute;content:'';display:inline-block;background:#FF2D83;color:white;font-family:'Avenir','Arial Black','Arial',sans-serif;font-weight:bold;font-size:15px;border-radius:50%;top:1.5em;left:8px;width:10px;height:10px;line-height:25px;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.contact_table{margin-top:36px;margin-left:auto;margin-right:auto;max-width:720px}.form_item{border-bottom:1px solid #ddd;padding-top:24px;padding-bottom:24px;width:100%;display:flex;direction:-webkit-flex;justify-content:space-between;flex-wrap:wrap}.form_name{width:100%;max-width:248px;letter-spacing:0.05em;font-weight:800;padding-right:16px}.form_name .field_with_errors{display:inline-block}.form_name a{color:#00A8FF;font-size:.875rem}.contact_form_name p{margin:5px;color:#ff0000}.input_align{width:100%;max-width:420px;letter-spacing:0.05em;display:flex;display:-webkit-flex;align-items:center;flex-wrap:wrap}.input_align .field_with_errors{display:block;width:100%}label.check{display:block;margin-bottom:4px}.inputText{box-sizing:border-box;border:1px solid #b9d4e4;border-radius:6px;padding-left:1em;padding-right:1em;height:48px;width:100%;max-width:410px;background:#f5fbff}.inputText:disabled{color:#aaaaaa;cursor:not-allowed}.inputText.type01{max-width:220px}.input_align.radiobtn{align-items:baseline}.select_forms{display:-webkit-flex;display:flex;flex-direction:row;align-items:center}.select_forms .field_with_errors{display:-webkit-flex;display:flex;flex-direction:row;align-items:center;width:92%}.select_forms .field_with_errors+span{color:red}.select_forms span{padding:0 .5em}.select_forms select{box-sizing:border-box;border:1px solid #b9d4e4;border-radius:6px;padding-left:1em;padding-right:1em;height:48px;flex:1;width:25%;background:#f5fbff}span.need{border-radius:6px;margin-right:8px;padding-top:8px;padding-bottom:8px;width:48px;display:inline-block;text-align:center;background:#FF2D83;color:#fff;font-size:.875rem}#contact_contents{border:1px solid #b9d4e4;border-radius:6px;padding-left:1em;padding-right:1em;height:216px;flex:1;width:100%;max-width:410px;background:#f5fbff}.login-items{margin-top:36px}.contact-items.login-form{width:100%;max-width:768px;text-align:center;border:2px solid #8f4eff}.contact_table.login-form{margin-top:0}.login-form .form_item{padding:8px 0;border:0}.login-form .form_name{text-align:left}.contact-items.login-form.sessions{max-width:1100px;display:flex;display:-webkit-flex;justify-content:space-between}.contact_table.login-form.sessions{width:50%;padding-right:12px;border-right:1px solid #ddd}.second_log_table{width:50%}.second_log_table p{margin:8px 0 0}.external_box{padding-bottom:46px;border-bottom:1px solid #ddd}.login_btn{border-radius:12px;border:none;margin:24px auto 0;padding:20px 0;width:280px;display:block;color:#fff !important;background:#46dfff;background:linear-gradient(90deg, #46dfff 0%, #8f4eff 100%);box-shadow:0px 3px 12px -6px rgba(0,0,0,0.3);font-weight:bold;font-size:1.125rem;text-decoration:none;transition:opacity .3s;cursor:pointer}.login_btn:disabled{cursor:not-allowed;opacity:0.3;pointer-events:none}.login_btn:hover{opacity:.7}.twitter_login_btn{display:block;max-width:280px;background:#1da1f2;font-size:1rem;color:#fff;text-align:center;margin:24px auto 0;padding:20px 0;border-radius:12px;border:2px solid #1da1f2;text-decoration:none;position:relative;transition:.3s}.twitter_login_btn:hover{opacity:.7}.twitter_login_btn::before{content:'';background:no-repeat 17px center;background-image:url("common/Twitter_Logo white.svg");background-size:20px 20px;width:40px;height:40px;position:absolute;top:12px;left:0}.sec_agreement{background:#ebebeb;border-radius:10px;padding:10px;margin:0 0 24px 0;font-size:16px}.agreement_container{padding:4%;background:#fff;height:220px;overflow-y:scroll;transition:0s;text-align:left;font-size:.875rem}.agreement_container h3{margin-top:0}.agreement_container dd{margin-left:0}.sec_privacy{background:#ebebeb;border-radius:10px;padding:10px;margin:0 0 5% 0;font-size:16px}.privacy_container{padding:4%;background:#fff;height:220px;overflow-y:scroll;transition:0s;text-align:left;font-size:.875rem}.privacy_container h3{margin-top:0}.privacy_container dd{margin-left:0}.contact-items.registrations-form{border:2px solid #8f4eff;text-align:center;margin-bottom:36px}.confirm-form .form_item{text-align:left;padding:12px 0}.input_align.confirm{word-break:break-all}.contact-items.members{width:100%;max-width:768px;margin-top:0;margin-bottom:16px;text-align:center}.members .form_item{padding:28px 0;text-align:left}.input_align.radio-sex{width:100%;max-width:420px;letter-spacing:0.05em;display:flex;display:-webkit-flex;align-items:center;flex-direction:row}.radio-sex label.check{display:block;margin-right:16px;margin-bottom:4px}.form_item.i2{flex-direction:column;padding-top:0;text-align:center}.i2 .form_name{max-width:initial}.i2 .input_align{display:block;margin:0 auto;max-width:220px}.form_tit{display:inline-block;font-size:1.35rem;font-weight:bold;margin:36px 0 8px;padding-bottom:4px;border-bottom:4px solid #00A8FF}.form_text{margin:0;margin-bottom:24px}p.privacy_check{font-size:.875rem;margin-top:24px}.error{display:block;width:100%;color:red;padding:0;font-weight:600;font-size:.875rem;text-align:left;margin:0}.error::before{content:'※'}.i2 .error{text-align:center}.input-align-items{max-width:620px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:space-between}.contact-items.thanks{text-align:center}h2.thanks_head{font-size:2rem;color:#2DC5FF}.contact-items.thanks p{line-height:2.2em;font-size:1.2rem}.contact-items.thanks p.memo{text-align:justify;text-justify:inter-character;width:67%;margin:0 auto;line-height:1.8;font-size:.875rem}.unsubscribed_chuckbox{display:block;max-width:480px;padding:16px 24px;margin:16px auto;border:2px solid #333D50;border-radius:12px;font-size:1.125rem}.text_caution{color:#FF2D83;font-weight:bold}.input-align-items .login_btn{width:220px}#user_email.inputText{background-color:rgba(239,239,239,0.3);background:#ddd;color:#222}.input_align.contact_type{position:relative}.input_align.contact_type::after{content:'';width:0;height:0;border-style:solid;border-width:8px 8px 0 8px;border-color:#789aaf transparent transparent transparent;position:absolute;top:24px;right:18px;transition:.3s}#contact_type.inputText{padding-right:24px}.blue_anchor-txt{color:#00A8FF}.contact-items.login-form .edit-password_link a.text_link_style{font-size:.875rem}.registrations_link{margin-top:18px}.contact-items.login-form .registrations_link a.text_link_style{font-size:.875rem}.agree_info{font-size:.875rem}.external_registrations{margin-top:36px;border-top:1px solid #ddd;padding-top:36px}.login-form.registrations .form_item .form_name{text-align:center}.login-form.withdraws .form_item{align-items:center}.login-form.withdraws .form_item .form_name{text-align:center}@media screen and (max-width: 1024px){.contact-flow li{font-size:.875rem;padding:12px 0;border-right:2px solid #000000;display:flex;align-items:center;justify-content:center}.contact-flow li:last-child{border-right:0}.contact-flow li::before,.contact-flow li::after{display:none}.contact-flow li::after,.contact-flow li.active::after{display:block;content:'';width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;background:none;border-color:transparent transparent transparent #000000;transform:rotate(0deg);position:absolute;top:29%;right:-10px;left:auto}.contact-flow li:last-child::after{display:none}}@media screen and (max-width: 824px){.form_name{max-width:none}}@media screen and (max-width: 820px){.login-form .form_name{text-align:center;margin-left:auto;margin-right:auto;padding-right:0}.input_align{margin:0 auto}.edit-password_link{margin:0 auto}.contact-items.login-form.sessions{flex-direction:column}.contact_table.login-form.sessions{width:100%;padding:0;border-right:0}.second_log_table{width:100%}.external_box{padding:24px 0}.contact-items .twitter_login_btn{margin-top:12px}}@media screen and (max-width: 768px){.contact-items.thanks p{font-size:1rem}.contact-items.thanks p.memo{width:100%;font-size:.75rem}}.serialCode_formCont{position:relative;max-width:490px;margin:0 auto;padding-left:90px;box-sizing:content-box;text-align:left}.serialCode_formCont .inputText{margin-bottom:12px;width:80%}.serialCode_formCont .button_cont{position:absolute;right:0}.serialCode_formCont .login_btn{margin-left:60px}.serialCode_formCont button#add-button{width:40px;height:40px;border:none;vertical-align:sub;background:#00A8FF;color:#fff;font-size:25px;border-radius:12px;transition:.3s;z-index:10}.serialCode_formCont button#delete-button{width:40px;height:40px;border:none;vertical-align:sub;background:#fff;border:1px solid #00A8FF;color:#00A8FF;font-size:25px;border-radius:12px;transition:.3s;z-index:10}.serialCode_formCont button:disabled{opacity:.3}.getCode{border:1px solid #333D50;border-radius:12px;padding:12px;color:#333D50;text-align:center}.getCode h3{font-size:1.125rem;margin-top:0;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333D50}.UnacquiredCode{border:1px solid #ff2d83;border-radius:12px;padding:12px;color:#ff2d83;text-align:center}.UnacquiredCode h3{font-size:1.125rem;margin-top:0;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ff2d83}.getCode p,.UnacquiredCode p{margin:0 auto 8px}@media screen and (max-width: 480px){.sp-hidden{display:none}.contact-items.members{margin-bottom:12px}.contact_inner{padding-top:24px;padding-bottom:0}.contact-items{padding:24px 16px}.members .form_item{padding:0 0 16px 0}.form_item{padding:0 0 16px 0}.form_tit{font-size:1.125rem}.input-align-items{flex-direction:column-reverse}.form_btn{margin-top:12px}.login-form .form_name{text-align:center;padding:0;margin:12px auto}p.intro{font-size:1rem}h2.thanks_head{font-size:1.125rem}.contact-items.thanks p{text-align:left;line-height:1.8em}.contact-items.thanks a.text_link_style{margin-right:0}.login_btn{width:100%;max-width:280px;font-size:1rem}.text_caution{text-align:left}.unsubscribed_chuckbox{font-size:1rem;padding:16px 0}.form_name{margin-top:12px}.input_align{margin-top:12px}.contact_form_name{max-width:100% !important}.input_align.contact_type::after{border-width:6px 6px 0 6px;right:8px}.contact-flow li::after,.contact-flow li.active::after{top:36%}.external_registrations{padding-top:24px}.login_btn:hover{opacity:1}.form_btn:hover{color:#fff;background:#00A8FF}.twitter_login_btn:hover{opacity:1}#parentElement.more_chance_input_box{margin-right:0}.serialCode_formCont{padding-left:0}.serialCode_formCont .login_btn{margin-left:auto;padding:12px 0;max-width:140px}.serialCode_formCont .inputText{width:78%;height:34px;margin-right:66px}.serialCode_formCont button#add-button,.serialCode_formCont button#delete-button{width:30px;height:30px;border-radius:4px}.getCode h3,.UnacquiredCode h3{font-size:1rem}}
