﻿.image{position:relative}.showtopPlan{align-content:center;align-items:center;background:rgba(0,0,0,0);flex:none;flex-direction:column;flex-wrap:nowrap;min-height:45vh;justify-content:flex-start;margin:0px 0px 0px 0px;opacity:1;transform:translate(0px, 0px);width:100%;max-width:100%}.showtopPlan .planIndex{align-content:center;align-items:center;height:100%;bottom:0;flex-direction:column;flex-wrap:nowrap;justify-content:center;left:0px;margin:0 0 0 0;padding:0px;position:absolute;right:0px;top:auto;width:auto;z-index:5;max-width:100%}.showtopPlan .planIndex .planInner{align-content:center;align-items:center;flex:none;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:flex-end;margin:0 0 0 0;position:relative;width:100%;max-width:100%;background:linear-gradient(0deg, #f1e7dd, transparent)}.showtopPlan .planIndex .planInner .planInnerFlex{height:100%;width:90%;align-content:flex-end;align-items:flex-end;flex:none;flex-direction:row;flex-wrap:nowrap;height:auto;justify-content:space-between;padding:0px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox{align-content:flex-start;align-items:flex-start;flex:unset;flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:flex-end;margin:0px 0px 48px 10px;padding:0px;width:calc(100% - 50px);max-width:80%}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle{align-content:flex-start;align-items:flex-start;flex:none;flex-direction:column;margin:0px 0px 10px 0px;padding:0px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle h3{color:#000000;flex:none;font-family:var(--s-font-0aaec03f);font-size:40px;font-style:normal;font-weight:600;height:auto;letter-spacing:0.2em;line-height:1.4;margin:0px 0px 0px 0px;text-align:left;width:auto;max-width:100%;justify-content:flex-start}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .character{flex-direction:row;flex-wrap:nowrap;margin:0px 0px 0px 0px;padding:0px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .character .characterInner{align-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:24px 10px 0px 0px;padding:0px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .character .characterInner .characterIconOuter{background:url(http://fileuploader.geeks-co-ltd.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-28-17.56.08.png);background-position:center;background-size:cover;border-radius:50%;overflow:hidden}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .character .characterInner .characterIcon{display:block;transform:translateY(60%) scale3d(2.3, 2.3, 2.3);height:45px;width:45px;max-width:100%;object-fit:cover}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .character .characterInner .characterName{color:#000000;font-family:var(--s-font-0aaec03f);font-size:16px;font-weight:400;letter-spacing:0.1em;line-height:1.2;margin:0px 0px 0px 10px;text-align:left;width:auto;max-width:calc(100% - 10px);justify-content:flex-start}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .price{padding:12px 0px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .price h2{font-family:var(--s-font-0aaec03f);font-size:26px;font-weight:bold;color:#000000;margin-bottom:9px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .price h2 .perMonth{margin-left:7px;font-family:var(--s-font-0aaec03f);color:#000000;font-size:14px;opacity:.45}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox .doScbscribeBoxBtn{align-content:center;align-items:center;border-radius:12px;flex:none;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:0px;padding:12px 24px 12px;max-width:100%}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox .doScbscribeBoxBtn p{text-align:center;color:#ffffff;font-family:var(--s-font-0aaec03f);font-size:16px;font-weight:600;height:auto;letter-spacing:0.2em;margin:0px;padding:0px;text-align:center;width:auto;max-width:100%;justify-content:center}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox .doScbscribeBoxBtn.already{background:#3c3c3c}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox .doScbscribeBoxBtn.yet{background:#d19549}.showtopPlan .planIndex .planInner .planInnerFlex .planSideImg{align-content:flex-start;align-items:flex-start;flex:none;flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:flex-end;margin:0px 0px 10px 0px;padding:0px;min-width:25%}.showtopPlan .showopImgCover{position:absolute;height:100%;top:0;left:0;z-index:2;width:70%;background:linear-gradient(90deg, #fff, rgba(225,225,225,0))}.showtopPlan::before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;border-radius:inherit;z-index:-2;pointer-events:none;background-size:cover;background-position:right;background-repeat:no-repeat;transition:inherit;right:0;margin:0 0 0 auto}.showMiddlePlan{width:100%}.showMiddlePlan .showMiddlePlanMargin{align-content:center;flex-wrap:nowrap;justify-content:center;margin:0px 20px 0px;padding:0px;width:calc(100% - 40px);max-width:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;align-items:flex-start;width:100%}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex{width:100%;padding-top:6em;padding-bottom:6em;flex-basis:70%;max-width:70%;box-sizing:border-box}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .section-tt{align-content:center;align-items:center;flex:none;flex-direction:row;flex-wrap:nowrap;height:37px;justify-content:space-between;max-width:calc(100% - 100px)}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .section-tt-3{margin:100px 50px 15px 50px;width:calc(100% - 100px)}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:60%}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox{align-items:flex-start;justify-content:flex-start;width:100%;padding:48px 24px;margin:48px auto 0 auto;border-radius:12px;border:5px solid #311e1687}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner{width:100%;align-items:flex-start;justify-content:flex-start}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner h3{font-size:24px;font-weight:bold;margin-bottom:24px;line-height:1.25em}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner p{padding:12px 0;font-size:18px;opacity:.75;font-weight:normal}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner p b{display:contents}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .or{padding:24px 0;text-align:left;margin-left:12px;font-size:18px;font-weight:600}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner{width:100%;background:#dfd8ca;border-radius:12px;padding:48px 24px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .switchAutomaticPayment.hide{display:none}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .switchAutomaticPaymentBox{margin-top:20px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .switchAutomaticPaymentBox a{display:block;margin:0 0 0 auto;width:fit-content;border:1px solid #000000;border-radius:7px;cursor:pointer;cursor:hand}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .switchAutomaticPaymentBox a p{font-size:14px;text-align:center;margin:0;padding:3px 12px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .switchAutomaticPaymentBox .switchAutomaticPaymentBox-a.hide{display:none}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner h3{text-align:left;justify-content:flex-start;font-size:20px;font-weight:bold;margin-bottom:3px;line-height:1.25em}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner p{font-size:16px;font-weight:normal;margin-bottom:24px;text-align:left}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .planmemo p{font-size:14px;opacity:.6}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput{font-family:'Roboto', sans-serif;display:flex}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .form-group{width:100%;margin:auto}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .freeinput{display:block;color:#000000;background:#f5ede245;width:30%;border:1px solid #4d4d4d;min-width:120px;margin:0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .tokumeiumu label{display:flex;align-items:center;justify-content:flex-start;padding:18px 0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .tokumeiumu label p{font-weight:400;display:block;font-size:16px;margin-bottom:0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .tokumeiumu label input{display:block;width:fit-content;margin-left:18px;-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #4d4d4d;margin-bottom:24px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio div{position:relative;flex:1}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio .monthCount{display:block;width:100%;height:36px !important;margin:0;opacity:0;cursor:hand;cursor:pointer}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio .giftCount{display:block;width:100%;height:64px !important;margin:0;opacity:0;cursor:hand;cursor:pointer}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio label{position:absolute;top:0;left:0;color:#4d4d4d;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #4d4d4d}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio .giftCountLabel{text-align:center}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio div:last-child label{border-right:0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio .monthCount:checked+label{background:#f6be17;font-weight:700;color:#000000}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .inline-radio .giftCount:checked+label{background:#f6be17;font-weight:700;color:#000000}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox{margin-bottom:48px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boostBtn{width:fit-content;background:#4d4d4d;padding:7px 12px;cursor:pointer}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boostBtn p{font-size:14px;font-weight:500;color:#ffffff;margin:0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boost{display:none;padding:12px 0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boost label{text-align:left;justify-content:flex-start;font-size:20px;font-weight:bold;color:#000000;margin-bottom:24px;line-height:1.25em}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boost .inputFlex{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;align-items:flex-end;justify-content:flex-start}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boost .inputFlex span{display:block;margin-left:12px;font-size:16px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .boostBox .boost .form-control{display:block;color:#000000;background:#f5ede2;width:30%;min-width:120px;margin:0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .submitBtn .border{padding:7px 18px;border-radius:18px;background:#ff6323;width:fit-content}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .submitBtn .border .btn-shien{font-family:var(--s-font-0aaec03f);font-size:18px;color:#ffffff;font-weight:normal;background:transparent;border:none;margin:0;width:fit-content}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .submitBtn .border p{margin:0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .submitBtn .border.cantsubmit{background:#aaaaaa}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .submitBtn .border:hover{background:#f6be17}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .submitBtn .border.cantsubmit:hover{background:#aaaaaa}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .radioInput .postMeaage{margin-top:18px;font-size:14px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType{padding:24px 0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .giftTitle{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .giftTitle .titleTagImg{display:block;object-fit:contain;height:20px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .giftTitle .titleTagText{display:block;padding-left:12px;text-align:left;font-weight:600;font-size:18px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .titleTagBox{display:block;width:fit-content;background:#ff6323;padding:7px 12px;border-radius:0;color:#ffffff;cursor:pointer}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .titleTagBox p{font-family:var(--s-font-0aaec03f);font-size:16px;color:#ffffff;font-weight:normal;background:transparent;border:none;margin:0;width:fit-content}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .submitBtn .border{width:fit-content;background:#ff6323;padding:7px 12px;border-radius:0;cursor:pointer}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .transactionInner .giftType .submitBtn .border .btn-gift{font-size:16px;font-family:var(--s-font-0aaec03f);color:#ffffff;font-weight:normal;background:transparent;border:none;margin:0;width:fit-content}@media screen and (max-width: 840px){.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .addTextSerchBox{width:95%}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .addTextSerchBox .serchLabel .serchInput{font-size:22px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .serchDoBox input{font-size:14px}}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch{width:100%}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .addTextSerchBox{width:75%;margin:0 auto 0 0;max-width:100%}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .addTextSerchBox .searchLabel{display:flex;margin:0 auto;align-items:center;justify-content:center;background-color:transparent;outline-width:0;background:rgba(220,220,220,0.2);width:100%;border-radius:24px;border:2px solid #4d4d4d}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .addTextSerchBox .searchLabel .searchIcon{display:block;color:#4d4d4d;font-size:15px;padding-right:13px;padding-left:7px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .addTextSerchBox .searchLabel .searchInput{display:block;padding:0.4vw 0.3vw;width:86%;background-color:transparent;outline-width:0;box-sizing:border-box;margin:0;border:0;font:inherit;vertical-align:baseline;color:#4d4d4d;font-size:22px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .serchDoBox{max-width:60%;padding-top:18px;margin:0 auto 0 0}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .serchDoBox input{display:block;margin:24px auto 0 0;color:#ffffff;background-color:#4d4d4d;font-size:18px;width:fit-content;border:none;padding:7px 18px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearch .serchDoBox input:hover{background-color:#f6be17}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList{width:100%;display:block}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .listmessage{font-size:16px;margin-bottom:18px;opacity:0.7}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox{display:block;margin-bottom:12px;font-weight:600;border:1px solid #ffffff00}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox .userSearchListBoxText{display:flex;justify-content:flex-start;align-items:center}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox .userSearchListBoxText .num{font-size:18px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox .userSearchListBoxText .name{margin-left:12px;font-size:18px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox .userSearchListBoxText .name .text{font-size:22px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox .findFollow{font-weight:400;opacity:.65;padding-left:18px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox .findFollow p{font-size:12px;text-align:left}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .userSearchList .userSearchListBox:hover{border:1px solid #444444}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .needChargeMess{padding:12px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .needChargeMess p{font-size:14px;color:#000000}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .yokoLineWhite{background:#ffffff}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .yokoLineBlack{background:#000000}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .doScbscribe{background:#ede6d9}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .doScbscribe h3{color:#000000}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .doScbscribe p{color:#000000}.showMiddlePlan .showMiddlePlanMargin .characterProfile{flex-basis:20%;max-width:20%;box-sizing:border-box;margin-top:64px;padding-top:6em;padding-bottom:6em;box-sizing:border-box}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex{align-content:center;align-items:center;flex-direction:column;border-radius:12px;flex-wrap:nowrap;justify-content:flex-end;margin:0 0 0 0;position:relative;width:100%;max-width:100%}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner{width:100%;height:100%;border-radius:12px;border:5px solid #311e1687}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop{height:100%;align-content:center;align-items:center;background:rgba(0,0,0,0);flex:none;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;margin:0px 0px 0px 0px;opacity:1;padding-top:135px;transform:translate(0px, 0px);width:100%;max-width:100%}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex{align-content:center;align-items:center;background:linear-gradient(0deg, #ede6d9, rgba(18,18,26,0));flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:flex-end;margin:0 0 0 0;position:relative;width:100%;max-width:100%}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin:0px;padding:0px;width:calc(100% - 50px);max-width:calc(100% - 50px)}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .name{color:#000000;font-family:var(--s-font-0aaec03f);font-size:25px;font-weight:600;height:auto;letter-spacing:0.2em;line-height:1.4;margin:0px 0px 5px 0px;text-align:center;width:auto;max-width:100%;justify-content:center}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .romaji{color:#000000;font-family:var(--s-font-0aaec03f);font-size:13px}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .job{color:#000000;font-family:var(--s-font-0aaec03f);font-size:16px;font-weight:400;height:auto;letter-spacing:0.2em;line-height:1.4;margin:0px 0px 10px 0px;text-align:center;width:auto;max-width:100%;justify-content:center}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .snsIcon{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;margin:0px 0px 20px 0px;padding:0px;width:230px;max-width:100%}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .snsIcon a{display:block;margin:0px 50px 0px 0px}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .snsIcon a img{display:block;height:24px;color:#000000}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop .characterProfileInnerTopFlex .characterProfileInnerTopBox .snsIcon a:hover{opacity:.5}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerMiddle{width:100%;background:#ede6d9;padding:24px 27px;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerMiddle p{font-size:12px;justify-content:flex-start;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin:0px;width:100%;max-width:100%}.showMiddlePlan .showMiddlePlanMargin .characterProfile .characterProfileIndex .characterProfileInner .characterProfileInnerTop::before{content:"";top:0;left:0;width:100%;height:100%;opacity:.65;position:absolute;border-radius:inherit;z-index:-2;pointer-events:none;background-size:cover;background-position:50%;transition:inherit}.showMiddlePlan .showMiddlePlanMargin::before{content:" ";display:table}.showMiddlePlan .showMiddlePlanMargin::before,.showMiddlePlan .showMiddlePlanMargin::after{content:" ";display:table}.planIndex{position:relative;width:100%}.planIndex .indexLayout{max-width:1280px;margin:0 auto}.planIndex .indexLayout .indexBoxOuter{margin:60px 40px 0px 40px;overflow-x:hidden;overflow-y:hidden;padding:0px;width:calc(95% - 40px);text-align:left}.planIndex .indexLayout .indexBoxOuter .titleAddmess{display:block;font-size:18px;font-weight:400;color:#988f8b}.planIndex .indexLayout .indexBoxOuter h1{text-align:left;font-weight:600;line-height:1.25em;font-size:28px}.planIndex .indexLayout .indexBoxOuter .explainMess{display:flex;align-items:flex-end}.planIndex .indexLayout .indexBoxOuter .explainMess p{width:70%;font-weight:600;text-align:left;line-height:1.25em;font-size:28px;color:#8a7c72}.planIndex .indexLayout .indexBoxOuter .explainMess .imageDiv{display:block;width:30%;padding:64px 64px 0 64px}.planIndex .indexLayout .indexBoxOuter .explainMess .imageDiv img{display:block;width:100%;max-width:360px;object-fit:contain}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox{padding:64px 0;overflow-x:scroll;scrollbar-width:none}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell{display:grid;grid-template-columns:auto repeat(3, 20rem);align-items:center;border-bottom:1px solid #8a7c72;width:96%;min-height:5rem;padding-left:18px;font-size:20px;font-weight:400}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationTitle{padding-bottom:48px;padding-right:48px;min-width:235px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationTitle h3{text-align:left;font-size:36px;font-weight:800}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationTitle p{text-align:left;font-style:normal;font-size:16px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationCellTitle{min-width:235px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationCellTitle p{text-align:left;font-style:600;font-size:20px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem{min-width:200px;padding:12px;text-align:center}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .price{margin:0}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .badge{min-width:80px;min-height:25px;margin-inline:auto;font-size:14px;line-height:24px;color:#fff;text-align:center;border-radius:.4rem;font-family:Roboto, sans-serif;font-weight:700;letter-spacing:.05em}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .normal{background-color:#988f8b}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .limited{background-color:#f6be18}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .plemium{background-color:#f67318}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem p{line-height:1.25em;margin-top:7px;font-size:18px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem p .small{font-size:1.4rem;color:#666}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .hosoku{line-height:1.25em;font-size:16px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem.forPremium-forTop{padding-top:36px;border-top:5px solid #f67318;border-left:5px solid #f67318;border-right:5px solid #f67318}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem.forPremium-forBottom{padding-bottom:36px;border-bottom:5px solid #f67318;border-left:5px solid #f67318;border-right:5px solid #f67318}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem.forPremium{border-left:5px solid #f67318;border-right:5px solid #f67318}@media screen and (max-width: 716px){.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell{width:fit-content}}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell{display:grid;grid-template-columns:auto repeat(3, 20rem);align-items:center;width:96%;padding-left:18px;min-height:5rem;font-size:20px;font-weight:400}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationCellTitle{min-width:235px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationCellTitle p{text-align:left;font-style:600;font-size:18px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationCellTitle p sub{vertical-align:super;margin-left:7px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem{min-width:200px;height:100%;display:flex;align-items:center}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem .checkmark{display:block;width:20px;height:20px;margin:0 auto;border-radius:50%;background-color:#f6be18}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem .checkmark.premium{background-color:#f67318}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem .dashed{display:block;width:20px;height:20px;margin:0 auto;border-radius:50%;border:2px solid #f6be18;border-style:dashed}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem.forPremium-forTop{padding-top:36px;border-top:5px solid #f67318;border-left:5px solid #f67318;border-right:5px solid #f67318}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem.forPremium-forBottom{border-bottom:5px solid #f67318;border-left:5px solid #f67318;border-right:5px solid #f67318}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationItem.forPremium{border-left:5px solid #f67318;border-right:5px solid #f67318}@media screen and (max-width: 716px){.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell{width:fit-content}}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .bgotherColor{background-color:#ede6d9;border-radius:.6rem}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .attention{text-align:right}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .attention li{list-style:none;font-size:14px;opacity:.45}@media screen and (max-width: 840px){.planIndex .indexLayout .indexBoxOuter{margin:0 auto;width:calc(95%)}.planIndex .indexLayout .indexBoxOuter .titleAddmess{font-size:16px}.planIndex .indexLayout .indexBoxOuter h1{font-size:20px}.planIndex .indexLayout .indexBoxOuter .explainMess{margin-top:16px}.planIndex .indexLayout .indexBoxOuter .explainMess p{width:100%;font-size:20px}.planIndex .indexLayout .indexBoxOuter .explainMess .imageDiv{display:none}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .badge{font-size:12px;line-height:19px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem p{font-size:18px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationTopCell .infomationItem .hosoku{font-size:16px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationCellTitle .infomationItem .checkmark{width:18px;height:18px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .planInfomationBox .planInfomationMiddleCell .infomationCellTitle p{font-size:16px}.planIndex .indexLayout .indexBoxOuter .indexBoxInner .attention li{font-size:10px}}.showButtomPlan{margin:60px 40px 0px 40px;overflow-x:hidden;overflow-y:hidden;padding:0px;width:calc(95% - 40px);max-width:calc(95% - 40px)}.showButtomPlan .showButtomPlanMargin{align-content:flex-start;align-items:flex-start;background:rgba(0,0,0,0);border-radius:0;flex:none;flex-direction:row;flex-wrap:nowrap;height:auto;justify-content:flex-start;margin:0px 0px 50px 0px;overflow-x:auto;overflow-y:hidden;padding:0px;width:100%;max-width:100%}.showButtomPlan .showButtomPlanMargin .storyMenu{width:100%;flex:none}.showButtomPlan .showButtomPlanMargin .storyMenu .section-tt{align-content:center;align-items:center;flex:none;flex-direction:row;flex-wrap:nowrap;height:37px;justify-content:space-between;max-width:calc(100% - 100px)}.showButtomPlan .showButtomPlanMargin .storyMenu .section-tt-3{margin:100px 50px 15px 50px;width:calc(100% - 100px)}@media screen and (max-width: 840px){.showButtomPlan .showButtomPlanMargin .storyMenu .section-tt-3{margin:24px 15px 10px;width:calc(100% - 30px);max-width:calc(100% - 30px)}}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex{align-content:flex-start;align-items:flex-start;background:rgba(0,0,0,0);border-radius:0;flex:none;flex-direction:row;flex-wrap:nowrap;height:auto;justify-content:flex-start;margin:48px 0px 50px 0px;overflow-x:auto;overflow-y:hidden;padding:0px;width:100%;max-width:100%}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter{position:relative;flex-direction:row;align-content:flex-start;align-items:flex-start;flex:none}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox{align-content:center;align-items:center;background:#ede6d9;border-radius:15px;flex:none;flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:flex-start;margin:0px 25px 0px 0px;overflow-x:hidden;overflow-y:hidden;padding:0px 0px 10px 0px;width:360px;max-width:100%;border:3px solid #8a7c72}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTop{align-content:flex-start;align-items:flex-start;border-radius:15px 15px 0px 0px;flex-direction:column;background:#ffffff;flex-wrap:nowrap;padding-top:180px;justify-content:flex-end;width:100%;max-width:100%}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTop .fcBoxTopInner{align-content:flex-start;align-items:flex-start;background:linear-gradient(0deg, #ede6d9, rgba(0,0,0,0));flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;padding:0px 0px 20px 20px;width:100%;max-width:100%}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTop .fcBoxTopInner h2{color:#000000;font-family:var(--s-font-0aaec03f);font-size:20px;font-weight:600;height:auto;letter-spacing:0.1em;line-height:1.4;margin:0px 0px 0px 0px;text-align:left;width:auto;max-width:100%;justify-content:center}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTop .fcBoxTopInner p{color:#333333;font-family:var(--s-font-0aaec03f);font-size:12px;font-weight:600;height:auto;letter-spacing:0.1em;line-height:1.4;text-align:left;width:auto;max-width:100%;justify-content:flex-start}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .nofc-bgblack{background:#ede6d9}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTop::before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;border-radius:inherit;z-index:-2;opacity:.5;pointer-events:none;background-size:cover;background-position:50%;transition:inherit}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;justify-content:center;padding:16px 20px 16px 20px;margin:0px;width:100%;max-width:100%}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .fcBoxMenuInner{align-items:flex-start}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .fcBoxMenuInner h3{color:#000000;font-family:var(--s-font-0aaec03f);font-size:14px;font-weight:400;height:auto;letter-spacing:0.1em;line-height:1.4;text-align:center;width:auto;max-width:100%;justify-content:center}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .fcBoxMenuInner p{color:#333333;align-items:flex-start;font-family:var(--s-font-0aaec03f);font-size:14px;font-weight:600;height:auto;letter-spacing:0.1em;line-height:1.4;text-align:left;width:auto;max-width:100%;margin-top:12px;justify-content:flex-start}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .price{padding:12px 0px;font-size:17px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .price h2{font-family:var(--s-font-0aaec03f);font-size:26px;font-weight:bold;color:#000000;margin-bottom:9px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .price h2 .perMonth{margin-left:7px;font-family:var(--s-font-0aaec03f);color:#000000;font-size:14px;opacity:.45}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .price .border{padding:7px 18px;border-radius:18px;background:#6b574f}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .price .border h3{font-family:var(--s-font-0aaec03f);font-size:16px;color:#ffffff;font-weight:normal}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .price .border:hover{background:#f6be18}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .loginOverflowCover{height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;background:#0000007d;border-radius:15px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .loginOverflowCover p{text-align:center;font-size:16px;font-weight:bold;word-wrap:break-word;color:#ffffff}@media screen and (max-width: 840px){.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter{justify-content:flex-start;flex-direction:column;align-content:flex-start;align-items:flex-start;flex:none;padding:12px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox{width:100%;max-width:100%;margin-bottom:24px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTopForIndex{padding-top:77px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTopForIndex .fcBoxTopForIndexInner{padding:0 0 12px 12px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxTopForIndex .fcBoxTopForIndexInner h2{font-size:16px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu{margin:7px 12px}.showButtomPlan .showButtomPlanMargin .storyMenu .fcBoxIndex .fcBoxOuter .fcBox .fcBoxMenu .fcBoxMenuInner p{font-size:12px}}.plansNew{align-content:center;align-items:center;background:rgba(0,0,0,0);flex:none;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;margin:0px 0px 0px 0px;opacity:1;transform:translate(0px, 0px);width:100%;max-width:100%}.plansNew h1{margin-bottom:48px}.plansNew .row{align-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;min-height:540px;justify-content:flex-end;margin:0 0 0 0;position:relative;width:100%;max-width:100%}.plansNew .form-group{width:100%;display:block;overflow:hidden;max-width:980px;margin:28px auto;flex-direction:initial;flex-wrap:nowrap;word-break:break-all}.plansNew .form-group .form-check{display:inline-block;flex-direction:column;margin-right:18px;flex-wrap:nowrap;width:fit-content}.plansNew .form-group .form-check label{width:100%;align-items:flex-start;justify-content:flex-start}.plansNew .form-group .form-check label .checkBox{width:100%;align-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:center}.plansNew .form-group .form-check label .checkBox input{display:block;width:fit-content;margin:0 16px 0 0}.plansNew .form-group .form-check label .checkBox p{font-size:18px}.plansNew .form-group .inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #4d4d4d;margin-bottom:24px}.plansNew .form-group .inline-radio div{position:relative;flex:1}.plansNew .form-group .inline-radio .monthCount{display:block;width:100%;height:36px !important;margin:0;opacity:0;cursor:hand;cursor:pointer}.plansNew .form-group .inline-radio .giftCount{display:block;width:100%;height:64px !important;margin:0;opacity:0;cursor:hand;cursor:pointer}.plansNew .form-group .inline-radio label{position:absolute;top:0;left:0;color:#4d4d4d;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #4d4d4d}.plansNew .form-group .inline-radio div:last-child label{border-right:0}.plansNew .form-group .inline-radio input:checked+label{background:#f6be17;font-weight:700;color:#000000}.plansNew .tagIndex{width:100%;max-width:980px;margin:120px auto 0 auto}.plansNew .tagIndex h3{font-size:24px;text-align:center;color:#ffffff;margin-bottom:36px}.plansNew .tagIndex .addBox{width:95%;padding:18px;border:1px solid #ffffff;margin:0 auto}.plansNew .tagIndex .addBox input{display:block;font-size:18px;padding:12px 18px;color:#000000}.plansNew .tagIndex .addBox .btn-submit{width:fit-content;margin:0 auto;display:block;padding:7px 12px;font-size:16px}@media screen and (max-width: 840px){.showtopPlan{width:100%;min-height:65vh;max-width:100%}.showtopPlan .planIndex .planInner .planInnerFlex{width:95%}.showtopPlan .planIndex .planInner .planInnerFlex .planSideImg{display:none}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox{width:100%;max-width:100%}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle{margin-bottom:18px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle h3{font-size:28px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .planInfo{display:block}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .planInfo .category{width:fit-content}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .planTitle .planInfo .tateLine{display:none}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox{width:100%;align-items:flex-start}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox .doScbscribeBoxBtn{padding:7px 18px 7px}.showtopPlan .planIndex .planInner .planInnerFlex .planInnerFlexBox .doScbscribeBox .doScbscribeBoxBtn p{font-size:15px}.payamentInfomation .payamentInfomationIndex .payamentInfomationInner h2{font-size:18px;text-align:left;margin-bottom:3px}.payamentInfomation .payamentInfomationIndex .payamentInfomationInner p{width:90%;margin:0 auto 0 0;font-size:14px;line-height:1.2em;text-align:left}.showMiddlePlan .showMiddlePlanMargin::before,.showMiddlePlan .showMiddlePlanMargin::after{content:none}.showMiddlePlan .showMiddlePlanMargin{flex-direction:row-reverse;flex-wrap:wrap-reverse}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex{flex-basis:100%;max-width:100%;margin-top:24px;padding-top:0;padding-bottom:0;margin-bottom:12px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .section-tt-3{margin:50px 15px 10px;width:calc(100% - 30px);max-width:calc(100% - 30px)}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox{width:100%;padding:36px 18px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner h3{font-size:22px;margin-bottom:7px}.showMiddlePlan .showMiddlePlanMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner p{font-size:13px;font-weight:800}.showMiddlePlan .showMiddlePlanMargin .characterProfile{flex-basis:100%;max-width:100%;margin-top:24px;padding-top:0;padding-bottom:0;margin-bottom:12px}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex{padding-top:48px}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .section-tt-3{margin:50px 15px 10px;width:calc(100% - 30px);max-width:calc(100% - 30px)}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .showPlanInner .doScbscribe{padding:12px;width:100%}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .showPlanInner .showBack{margin:0 auto 0 0}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner h3{font-size:18px;margin-bottom:12px}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner .showBack .fcLink{padding:7px 18px;border-radius:3px}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner .showBack .fcLink p{font-size:13px}.showMiddlePlan .showMiddleTeamMargin .showPlanIndex .showPlanInner .showPlanBox .showPlanBoxInner .payform .payformMargin .payformIndex form .stripe-button-el span{font-size:16px;background:#d19549 !important}}.nowPlanStatus{padding:24px 18px}.nowPlanStatus .statusBoxIndex{border:1px solid #4d4d4d;background:#4d4d4d2e;text-align:center}.nowPlanStatus .statusBoxIndex .statusBoxIndex-title{padding:24px;margin-bottom:24px}.nowPlanStatus .statusBoxIndex .statusBoxIndex-title h3{font-size:24px;opacity:.7;font-weight:normal;line-height:1.25em}.nowPlanStatus .statusBoxIndex .statusBoxIndex-title p{font-size:22px;margin-bottom:24px;line-height:1.25em}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd h3{font-size:20px;text-align:center}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:18px 0}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent{width:100%;margin:0 18px}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent a{display:block;width:fit-content;margin:0 auto;padding:12px 18px;border:1px solid #000000}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent a p{font-size:18px}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent a:hover{background:#f6be17}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent a:hover p{color:#ffffff}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent .attention-a:hover{background:#ff6323;border:1px solid #f6be17}.nowPlanStatus .statusBoxIndex .changeStatusBox .changeStatusBoxPd .planStatusContentFlex .planStatusContent .attention-a:hover p{color:#f6be17}
