@charset "UTF-8";html{background-color:transparent}#messagePop,#wrapProcess{background-color:transparent}#messageArticle{font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3"}#informationContStatus{font-size:12px}.informationText{line-height:18px}.simply-scroll{overflow:hidden}.contSetting{width:640px;margin:0 auto 20px;font-size:14px}.payQuitDscTxtStrong{color:#cc140c}#payQuitBtnArea{width:620px;text-align:center;margin:40px auto;display:inline-block}.payQuitBtnInnner{width:50%;float:left}.payQuitBtnCancel{display:inline-block;background-color:#a6a6a6;color:#fff;text-shadow:none;font-size:18px;padding:10px;border-radius:8px;width:auto;font-weight:400;text-decoration:none;box-shadow:2px 2px #c1bbbb;text-align:center;min-width:150px;border:0;font-size:14px}.payQuitBtnCancel span{color:#fff;text-decoration:none}.payQuitBtnCancel:hover{text-decoration:none;opacity:.8}.payQuitBtnContinue{display:inline-block;background-color:#37849a;color:#fff;text-shadow:none;font-size:18px;padding:10px;border-radius:8px;width:auto;font-weight:400;text-decoration:none;box-shadow:2px 2px #c1bbbb;text-align:center;min-width:150px;border:0;font-size:14px}.payQuitBtnContinue span{color:#fff;text-decoration:none}.payQuitBtnContinue:hover{text-decoration:none;opacity:.8}.payStepScl{background:#4f81bd;border-radius:50%;height:100%;padding-top:44%;padding-bottom:50%;border:.2em solid #95b3d7;opacity:.5;box-sizing:border-box}.payStepSclAct{opacity:1}.payStepTal{border:10px solid #4f81bd;position:absolute;top:50%;border-left:10px solid #4f81bd;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid transparent;margin-top:-10px;right:-15px;opacity:.5}.payStepTalAct{opacity:1}.payLabel{position:absolute;top:50%;left:50%}.payStepCntLabel{color:#b9cde5;font-size:14px}.payStepLabel{color:#fff;font-size:14px}#payStepArea{max-width:500px;margin:auto}#payStepArea .payStep{margin-top:20px;margin-left:0;margin-bottom:30px;text-align:center}#payStepArea .payStep .step1{margin:-36px -28px}#payStepArea .payStep .step2{margin:-36px -28px}#payStepArea .payStep .step3{margin:-36px -28px}.container-fluid{max-width:500px;margin:auto}.payStep .payStepWidth{position:relative;padding-right:15px;padding-left:15px}#wrapProcess{transition:none!important}.sectionSettingComErrorMsgArea{margin-top:20px;color:#615e5e}input::placeholder{color:gray}input:-ms-input-placeholder{color:gray}input::-ms-input-placeholder{color:gray}#mainBody .contArea{margin-top:20px}.sectionMain{width:660px!important}.sectionMain .sectionContent{padding:10px 20px;border:none;font-size:14px;color:#4c4c4c}.payRegTtl{font-size:18px;margin-bottom:10px}.payRegTtl h1,.payRegTtl h2{font-weight:700;color:#4f81bd}.payBtnArea{width:100%;text-align:center;margin-top:28px}.payBtnArea .payAgreeBtn,.payBtnArea .payChkInpBtn,.payBtnArea .payDimMailBtn,.payBtnArea .payRegistBtn{display:inline-block;background-color:#37849a;color:#fff;text-shadow:none;font-size:18px;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:20%;font-weight:400;text-decoration:none;box-shadow:2px 2px #c1bbbb;text-align:center;margin-right:20%}.payBtnArea .payAgreeBtn span,.payBtnArea .payChkInpBtn span,.payBtnArea .payDimMailBtn span,.payBtnArea .payRegistBtn span{color:#fff;text-decoration:none}.payBtnArea .payAgreeBtn:hover,.payBtnArea .payChkInpBtn:hover,.payBtnArea .payDimMailBtn:hover,.payBtnArea .payRegistBtn:hover{text-decoration:none;opacity:.8}.payBtnArea .payAgreeBtn:hover,.payBtnArea .payChkInpBtn:hover,.payBtnArea .payDimMailBtn:hover,.payBtnArea .payRegistBtn:hover{opacity:.8}.payBtnArea .payConfBackBtn,.payBtnArea .payDisAgreeBtn,.payBtnArea .payInpBackBtn{display:inline-block;background-color:#a6a6a6;color:#fff;text-shadow:none;font-size:18px;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:20%;font-weight:400;text-decoration:none;box-shadow:2px 2px #c1bbbb;text-align:center}.payBtnArea .payConfBackBtn span,.payBtnArea .payDisAgreeBtn span,.payBtnArea .payInpBackBtn span{color:#fff;text-decoration:none}.payBtnArea .payConfBackBtn:hover,.payBtnArea .payDisAgreeBtn:hover,.payBtnArea .payInpBackBtn:hover{text-decoration:none;opacity:.8}.payBtnArea .payConfBackBtn:hover,.payBtnArea .payDisAgreeBtn:hover,.payBtnArea .payInpBackBtn:hover{opacity:.8}#payLdgTtlArea{height:55px;width:100%;color:#2f5281;margin-bottom:10px}.payLdgDdIcn{height:50px;width:50px;float:left;margin-right:5px}#payLdgDdTxt{float:left;margin-top:15px;font-size:16px;font-weight:700}.paySetTxtArea{line-height:25px;margin-bottom:10px}.paySetTxtSub{color:#7f7f7f}#payCampRegConfArea,#payCampRegInpArea,#payRegConfArea,#payRegConpArea,#payRegInpArea,#payTrmLnkArea{background-color:#fff;border:1px solid #bdbcbc}#payCampRegConfArea .payRegConfList:not(:last-child),#payCampRegConfArea .payRegConpList:not(:last-child),#payCampRegConfArea .payRegInpList:not(:last-child),#payCampRegConfArea .payTrmLnkList:not(:last-child),#payCampRegInpArea .payRegConfList:not(:last-child),#payCampRegInpArea .payRegConpList:not(:last-child),#payCampRegInpArea .payRegInpList:not(:last-child),#payCampRegInpArea .payTrmLnkList:not(:last-child),#payRegConfArea .payRegConfList:not(:last-child),#payRegConfArea .payRegConpList:not(:last-child),#payRegConfArea .payRegInpList:not(:last-child),#payRegConfArea .payTrmLnkList:not(:last-child),#payRegConpArea .payRegConfList:not(:last-child),#payRegConpArea .payRegConpList:not(:last-child),#payRegConpArea .payRegInpList:not(:last-child),#payRegConpArea .payTrmLnkList:not(:last-child),#payRegInpArea .payRegConfList:not(:last-child),#payRegInpArea .payRegConpList:not(:last-child),#payRegInpArea .payRegInpList:not(:last-child),#payRegInpArea .payTrmLnkList:not(:last-child),#payTrmLnkArea .payRegConfList:not(:last-child),#payTrmLnkArea .payRegConpList:not(:last-child),#payTrmLnkArea .payRegInpList:not(:last-child),#payTrmLnkArea .payTrmLnkList:not(:last-child){border-bottom:1px solid #bdbcbc}#payCampRegConfArea .payTrmLnk,#payCampRegInpArea .payTrmLnk,#payRegConfArea .payTrmLnk,#payRegConpArea .payTrmLnk,#payRegInpArea .payTrmLnk,#payTrmLnkArea .payTrmLnk{width:100%;position:relative;display:inline-block;color:#4f81bd;text-decoration:none}#payCampRegConfArea .payTrmLnk .payTrmLnkTxr,#payCampRegInpArea .payTrmLnk .payTrmLnkTxr,#payRegConfArea .payTrmLnk .payTrmLnkTxr,#payRegConpArea .payTrmLnk .payTrmLnkTxr,#payRegInpArea .payTrmLnk .payTrmLnkTxr,#payTrmLnkArea .payTrmLnk .payTrmLnkTxr{display:block;padding:10px 0 10px 83px}.payArror{position:absolute;right:110px;top:20px}.payArror:before{content:'';width:10px;height:10px;border:0;border-top:solid 2px #a6a6a6;border-right:solid 2px #a6a6a6;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;left:0;margin-top:-4px}.payLogoArea{text-align:center;margin-top:30px}#payCampRegConfArea,#payCampRegInpArea,#payRegConfArea,#payRegConpArea,#payRegInpArea{margin-top:30px}#payCampRegInpArea{position:relative}.payContCampPageLinkArea{text-align:right;margin:10px 0 5px}.payContCampPageLinkArea a{text-decoration:none}.payContCampRegArea,.payContCardRegArea{position:relative}.payConfItem,.payConpItem,.payContInputArea{padding-left:80px}.payConfLabel,.payConpLabel,.payInputLabel{width:30%;height:34px;float:left;padding-top:16px;font-weight:700}.payConfColon,.payConpColon,.payInputColon{width:4%;height:34px;float:left;padding-top:16px;font-weight:700}.payInputAreaDisable{background-color:#f2f2f2}.payInputAreaDisable .payConfLabel,.payInputAreaDisable .payConpLabel,.payInputAreaDisable .payInputLabel{opacity:.5}#registCampCode,#registCardName,#registCardNumber,#registCardRegPeriod,#registCardSecurityCode,#registConCampCode,#registConCardName,#registConCardNumber,#registConCardValidPeriod,#registConFreePeriod{border:none;width:60%;height:50px;padding:0;background:0 0;border:none;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;padding-left:5px;font-size:14px}.payInpEmaIcon{float:left;width:5%;height:34px;margin-top:10px;text-align:center;position:relative;z-index:10}.payErrMstTool{position:absolute;margin:1.5em 0;padding:10px;color:#fff;font-size:14px;background:#696969;bottom:25px;font-weight:700;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;z-index:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0;min-width:300px;left:-8px}.payErrMstTool:before{content:"";position:absolute;top:99%;left:10px;border:10px solid transparent;border-top:15px solid #696969}.payErrMstToolShow{opacity:.7;z-index:5}#payErrMsgArea{min-height:76px;width:67%;margin:0 auto;padding:10px 50px;margin-top:20px}#payErrMsgTxt{background-color:#f2dcdb;padding:15px 10px 10px;color:#b15151;font-size:16px}.payInpEma{background:#f2dcdb}#payRegSecurityDtl{text-align:right;margin-top:5px}.payExclamationIcn{background:url(/img/cmn/dm/icn_Exclamation_1.0.0.svg);width:10px;height:10px;font-size:18px}.payConfItem .payExclamationIcon,.payConpItem .payExclamationIcon,.payContInputArea .payExclamationIcon{color:#c0504d;font-size:23px;font-weight:700;text-shadow:1px 2px grey}.payConfItem .payExclamationIcon:hover,.payConpItem .payExclamationIcon:hover,.payContInputArea .payExclamationIcon:hover{color:#c0504d;text-decoration:none}#paySecurityDetail{color:#a6a6a6;text-decoration:underline}#payFreePeriodExplainArea{position:relative;margin:20px auto 0}#payFreePeriodExplainTop{color:#06c;min-height:40px;margin-bottom:10px;text-align:center;font-size:18px;font-weight:700}#payFreePeriodExplainTop .payFreePeriodLargeText{font-size:1.2em;margin:0 6px}#payFreePeriodExplainTop strong{background:linear-gradient(transparent 60%,#ff0 0)}#payFreePeriodExplainTop strong .payFreePeriodLargeText{font-size:1.4em}#payFreePeriodExplainBottom{position:relative;width:432px;height:120px;margin:0 auto;background-repeat:no-repeat;background-position-x:center;background-position-y:bottom;background-size:contain;font-size:12px;font-weight:700;white-space:nowrap}#payFreePeriodExplainBottom.withExtension{background-image:url(/img/pc/dmrver110915/parts/payservice/bg_free_period_with_ext-1.0.1.png)}#payFreePeriodExplainBottom.noExtension{background-image:url(/img/pc/dmrver110915/parts/payservice/bg_free_period_no_ext-1.0.1.png)}.payFreeEndDate{position:absolute;bottom:12px;left:50px}.payChargeStartDate{position:absolute;bottom:12px;left:260px;color:#e46c0a}.withExtension .payFreeEndDate{color:#58bf16}.noExtension .payFreeEndDate{color:#43980e}#payCampRegConfArea,#payRegConfArea,#payRegConpArea{margin-top:30px}.payConfLabel,.payConpLabel{width:35%}.payConfPeriodArrow,.payConpPeriodArrow{margin:0 6px}.payConfPeriodEnd,.payConpPeriodEnd{color:#06c;margin-right:6px;font-size:1.2em;line-height:1;font-weight:700}#registConCampCode,#registConCardName,#registConCardNumber,#registConCardValidPeriod,#registConFreePeriod{display:inline-block;padding-top:16px;height:34px}.payConfEmText{color:#06c;font-weight:700}.procArea{position:absolute;height:100%;display:table;width:100%;z-index:1}.procInnerArea{display:table-cell;vertical-align:middle;text-align:center}#payPeriodArea{margin:20px 0;box-shadow:2px 3px 5px 2px #d0d0d0}#payPeriodTtl{background-color:#dbeef4;color:#31859c;padding:10px 25px;font-size:18px;font-weight:700}#payPeriodBdy{padding:10px 25px;background-color:#fff}#payPeriodDesc{color:#31859c}#payPeriodConfirm{text-indent:-1em;padding-left:1em;color:#7f7f7f}.payConpPeriodEnd{font-weight:400;color:#4c4c4c}#paySearviceHdr{background-color:#4f81bd;padding:10px}#paySearviceHdr span{color:#fff;font-size:18px;font-weight:700}#payDDTtlArea,#payMailTtlArea{width:100%;margin:10px 0}#payDDTtlBar,#payMailTtlBar{width:10px;background-color:#4f81bd;height:50px;float:left}#payDDTtlTxtArea,#payMailTtlTxtArea{width:640px;float:left;background-color:#e8f3f7;padding:5px 0 5px 10px}.htmlMailTtlIcn{float:left}#payDDTtlTxt,#payMailTtlTxt{padding-top:10px;font-size:18px;font-weight:700;color:#4f81bd}#payMailMainArea{margin:10px 0;display:inline-block}#payMailImgArea{float:left;margin:0 15px 0 10px;text-align:center}#payMailDescArea{width:50%;float:left}.payHtmlMailExpArea{font-size:16px}.payTxtDim{font-weight:700;color:#7f7f7f}.payTxtMail{font-weight:700;color:#e46c0a}.payTxtDimMail{color:#4f81bd;font-weight:700}.payBtnArea .payDimMailBtn{width:40%;margin:0}.payConpLnkArea{width:100%;text-align:center;margin-top:20px}.payConpLnkArea a{color:#949191;text-decoration:underline;font-weight:400}.payPeriodFreeLabel{font-size:18px}#payDDTtlBar{height:64px}#payDDTtlTxtArea{padding-bottom:4px}#payDDTtlTxtArea .payLdgDdIcn{margin-top:2px}#payDDTtlTxt{padding:0;margin-top:1px}.payDDMainArea{margin-top:10px}.payDDDescSub{color:#7f7f7f}#payLdgDdDecArea{height:50px;color:#737171;margin:15px 0;line-height:20px;text-align:left;padding-left:30px}.payLdgImgDd{height:50px;width:50px;float:left;margin-right:5px}.payLdgDdTxt{display:inline-block;margin:5px 5px 0}#payLdgDdDlArea{text-align:left;padding-left:30px;margin:20px 0}#payLdgDdDlLeft{align-items:flex-start;text-align:center;line-height:20px;width:100%;display:flex;flex-direction:column}#payLdgDdDlApp{float:left;margin-right:12px}#payLdgDdImgApp{display:inline-block;overflow:hidden;height:70px}#payLdgDdImgApp:hover{opacity:.8}.payLdgDdImgAppBadge{border-radius:13px;width:160px;height:47px}.payLdgDdDlTxt{font-size:12px;text-align:left;position:relative;left:13%;width:100%}#payLdgDdDlRight{align-items:flex-start;text-align:center;line-height:20px;width:100%;display:flex;flex-direction:column}#payLdgDdDlPlay{float:left;margin-right:12px}#payLdgDdImgPlay{display:inline-block}.payLdgDdImgPlayBadge{width:160px;height:47px}#payLdgDdImgPlay:hover{opacity:.8}.settingDdTextArea{display:inline-block;color:#4c4c4c;margin:0;font-size:16px;text-align:left;line-height:24px;padding:10px 20px 5px}.payLRowArea{display:flex;flex-direction:column}.payLColArea{max-width:50%;flex:0 0 50%}#payPeriodDate{color:#31859c;font-weight:700;text-align:center;padding:20px 0}.payPeriodDateLabel{font-size:24px;color:#ff6c0a}#payPeriodDate>span{padding:0 8px}#payPopSimpleLay{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;opacity:.4;z-index:1000}#payPopSimpleInner{z-index:1001;display:block;position:fixed;height:150px;width:300px;background:#f2f2f2;-webkit-border-radius:5px;border-radius:15px;border:none;font-size:12px;text-align:center;padding:15px;top:50%;left:50%;margin:-100px 0 0 -150px;color:#4c4c4c}.payPopContArea{height:100%}.payPopContArea .paySetMailIcon{margin:30px 14px}.payMailIcon{float:left;height:45px;margin:14px;width:40px;height:40px;background-image:url(/img/cmn/dm/mlPopHdr_min_1.0.0.png)}.payMailTitle{font-size:15px;padding-right:25px}.payMailExp{margin-top:7px;padding-left:56px;text-align:left;font-size:16px;padding-right:22px}#payLinkHomeBtn{display:block;margin:2px;width:180px;margin:auto;padding:10px 0;border-radius:5px;margin-top:10px;background:#376092;font-weight:400}#payLinkHomeBtn span{color:#fff;font-size:16px}#payPopSimpleInner.paySetMailInner{padding-bottom:25px}.payCampPop{width:500px;border-radius:10px;background-color:#fff}.payCampContPop{font-size:16px}.payCampContPop span{display:inline-block;white-space:nowrap}.payCampTitle{color:#376092;font-size:20px;font-weight:700;text-align:center;margin-bottom:20px}.payCampPopButtonArea{margin-top:20px}.payCampPopButtonArea #payCampForwardBtn{display:inline-block;background-color:#37849a;color:#fff;text-shadow:none;font-size:18px;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:20%;font-weight:400;text-decoration:none;box-shadow:2px 2px #c1bbbb;text-align:center;font-size:14px;margin-right:10%}.payCampPopButtonArea #payCampForwardBtn span{color:#fff;text-decoration:none}.payCampPopButtonArea #payCampForwardBtn:hover{text-decoration:none;opacity:.8}.payCampPopButtonArea #payCampForwardBtn:hover{opacity:.8}.payCampPopButtonArea .payCampCloseBtn{display:inline-block;background-color:#a6a6a6;color:#fff;text-shadow:none;font-size:18px;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:20%;font-weight:400;text-decoration:none;box-shadow:2px 2px #c1bbbb;text-align:center;font-size:14px}.payCampPopButtonArea .payCampCloseBtn span{color:#fff;text-decoration:none}.payCampPopButtonArea .payCampCloseBtn:hover{text-decoration:none;opacity:.8}.payCampPopButtonArea .payCampCloseBtn:hover{opacity:.8}#payCampForwardBtn.payCampBtnLong,.payCampCloseBtn.payCampBtnLong{width:38%;padding-left:5px;padding-right:5px}.payToolTip.spkToolTipShow{opacity:.8;z-index:10;display:block}#payToolTipCardNum{top:90px}#payToolTipPeriod{top:120px}#payToolTipCardName{top:190px}#payToolTipSecCode{top:245px}#payToolTipCampCode{top:-80px}.payToolTip{display:none;position:absolute;margin:1.5em 0;padding:15px;min-width:120px;max-width:100%;color:#fff;font-size:16px;background:#5e645f;top:275px;font-weight:700;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;z-index:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0}.payToolTip:before{content:"";position:absolute;top:99%;left:84px;margin-left:-15px;border:25px solid transparent;border-top:15px solid #5e645f}.payToolTip p{margin:0;padding:0}@media screen and (max-width:970px){#main .payWrap{width:1030px}#main.payMain{background:0 0}}