/* BASIC css start */
#join .join-form { margin-top:50px; }
#join .join-form li {position:relative;color:#000;margin-bottom:16px;}
#join .join-form li label {display:block;font-size: 1.3rem;}
#join .join-form li .txt-input {width:100%;height: 40px;line-height:40px;padding:0;margin:0;font-size: 1.3rem;color:#000;border: 0; border-bottom:1px solid #000; font-weight: bold;}
#join .join-form li #email {width:100% !important; }
#join .join-form li .input-radio { width:14px; height:14px; margin:0; margin-top:-2px; padding:0; vertical-align:middle; }
#join .join-form li .btn { display:block; position:absolute; top:6px; right:8px; width:83px; height:34px; line-height:36px; font-size:14px; font-weight:bold; color:#fff; text-align:center; }
#join .join-form li p {display:none; font-size: 1.2rem; color:#666; margin-bottom:8px}
#join .join-form li p.chk_txt {display:inline-block;margin: 4px 0 0;color: #888;}

#join .join-form li.birth:after { clear:both; display:block; content:''; }
#join .join-form li.birth select {background-color:#F4F4D9;line-height: 30px;width: 100%;}
#join .join-form li.birth { *z-index:2;line-height: 43px;border: none;}
#join .join-form li.birth .birth_txt { width:150px; margin-left:0px; font-size:13px; font-weight:bold; text-align:left; color: #0549bb; padding-bottom: 5px; } 
#join .join-form li.birth dl dd {position:relative;float:left;width: calc(33.33% - 14px);margin-left: 20px;font-size:14px;font-weight:bold;}
#join .join-form li.birth dl dd:first-child {margin-left:0;}
#join .join-form li.birth dl.type2 ul li { margin:0; padding:0; border:0; }
#join .join-form li.birth dl.type2 ul li .txt-input { left:0; width:90%; }

#join .join-form li.gender {border:none; }
#join .join-form li.gender >label  {    line-height: 43px;}
#join .join-form li.gender dl {font-size:0; margin-top:16px; }
#join .join-form li.gender dd {display:inline-block;width: 33.33%;vertical-align: top;}
#join .join-form li.gender dd label { font-size:13px; text-align:center; width:100%; display:inline-block;height:35px;line-height:35px;border: 1px solid #000; box-sizing:border-box; border-right:0}
#join .join-form li.gender dd label.on {background:#000; color:#F4F4D9}
#join .join-form li.gender dd label input {display:none; }
#join .join-form li.gender dd:last-child label {border-right:1px solid #000}


#join .join-msg li label { font-size:1.4rem; font-weight:bold; }
#join .join-msg li { height:18px; line-height:18px; padding-left:2px; color:#999; }
#join .bottom-btn { padding:40px 0; text-align:center; }
#join .bottom-btn a { display:block; height:58px; line-height:62px; margin:0 auto; font-weight:bold; color:#fff; font-size:24px; text-align:center; letter-spacing:-1px; }

.join-agree {border-top:1px solid #000}
.join-agree li {font-size:1.4rem;border-bottom: 1px solid #000;padding: 21px 0;}
.join-agree li label input[type="checkbox"] {opacity:0; display:none;}
.join-agree li label span {padding-left: 24px;position:relative;display:inline-block;font-size: 1.3rem;}
.join-agree li label span:after {content:'';position:absolute;top: calc(50% - 7px);left:0;width: 14px;height: 14px;border: 1px solid #000;border-radius: 100%;box-sizing: border-box;}
.join-agree li label input:checked ~ span:before {content:'';position:absolute;top: calc(50% - 7px);left: 0px;width: 14px;height: 14px;background: url(/design/iloveje/Pooky/241125_checked01.png) no-repeat center/100%;z-index: 1;}
.join-agree li label input:checked ~ span:after {display:none; }
.join-agree li div.tit {position:relative;}
.join-agree li div.tit span.more {position:absolute;top: 7px;right:0;cursor:pointer;width:auto;margin-top:0;width: 14px;}
.join-agree li div.tit span.more.active {transform: rotate(180deg); top: -4px;}
.join-agree li div.tit span.more img {/* width: 14px; */}
.join-agree li div.tit span.view {position:absolute;top: 1px;right:0;cursor:pointer;color:#999;cursor:pointer;font-size:1.2rem;}
.join-agree li dl {display:none;box-sizing:border-box;margin-top: 24px;}
.join-agree li dl.active {display:block;}
.join-agree li dl dd {margin-top:10px;}
.join-agree li dl dd div.contents {display:none; margin-top:10px;}
.join-agree li dl dd div.contents.active {display:block; font-size:1.2rem; }
.join-agree li dl dd div.contents textarea {display: inline-block; box-sizing:border-box;  width: 100%; font-size:1.1rem;;}
.fixed_box {border:1px solid #dbdbdb; height:200px; overflow-y: auto; padding: 10px;}

#terms_desc .terms-desc {margin-top:0 !important}
#terms_desc .terms-desc dl {margin-top:0 !important}
#terms_desc .terms-desc dt {display:none; }
#terms_desc .terms-desc dd {padding:0 !important; background:#fff !important; border:none !important; display:block !important;  }
#terms_desc .terms-desc dd .sect {padding:0 !important; border:none !important; }
#terms_desc .terms-desc dd .sect th { background: #fcfcfc !important; color: #000 !important; border: 1px solid #e0e0e0!important; }
#terms_desc .terms-desc dd .sect td {  border: 1px solid #e0e0e0!important; }
#terms_desc .terms-desc dd .sect td [class*="holding"] {font-size:1.1rem; }

#privacy_01 #termsCont1, #privacy_01 #termsCont3, #privacy_01 #termsCont4 {display:none; }
#privacy_02 #termsCont1, #privacy_02 #termsCont2, #privacy_02 #termsCont3 {display:none; }



.join-footer {margin-top:32px}
.join-footer a {margin-top: 25px; background: #000; text-align: center; box-sizing: border-box; color: #F4F4D9; font-size: 1.6rem; height: 50px; display: flex ; align-items: center; justify-content: center; transition-duration: 0.5s;} 



/* BASIC css end */