@charset "utf-8";


/* membership :  tabmenu */
.max_member_tab li{float:left; text-align:center;}
.max_member_tab li a{float:left; border-bottom:1px solid #ddd; display:block; color:#444; padding:15px 0; box-sizing:border-box;}
.max_member_tab li a.on{ border-bottom:1px solid #ddd; font-weight: bold; color:#CF1248; position: relative;}
.max_member_tab li a.on::before {content:''; width: 100%; height:3px; left:0; bottom:0; position: absolute; background:currentColor ;}

/* membership : id/pw search */
.max_idpw_area{width:80%; height:auto; margin:50px auto 0;}
.max_idpw_area .max_idpw_info{width:100%; height:auto;}
.max_idpw_area .max_member_tab{width:100%; height:50px;}
.max_idpw_area .max_member_tab li{width:50%; height:50px;}
.max_idpw_area .max_member_tab li a{width:100%; height:auto;}
.max_idpw_area .max_tab_cont p {float:left; width:100%; height:auto; text-align:center; margin-top:20px;}

.max_idpw_area .max_tab_cont{width:100%; height:auto; padding-bottom:5%; margin-top:5%; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.max_idpw_area #max_user_id input{float:left; width:48%; margin:0 1%;}
.max_idpw_area #max_user_pw input{float:left; width:31.33%; margin:0 1%;}


/* membership : join etc */
.max_member_icon label {margin-bottom:10px;}
.max_member_multi_sel li {display:inline-block; width:31.33%; margin:1% 0;}
.max_business_info {border-top:1px solid #d7d7d7; margin-top:3%;}
.max_business_info h4 {text-align:center; padding:3% 0;}

/* membership : join agree */
.max_agree_area_type {width:100%; height:auto; background: #f5f5f5; padding:5%; margin:3% auto 0;display: inline-block;}
.max_agree_area_type .max_check_agree{float:left; width:100%; margin-bottom:20px;}
.max_agree_area_type .max_member_agree{float:left; width:100%; height:100px; padding:15px; font-size:.85rem; border:1px solid #ccc; margin:10px 0 0 0; overflow-y:scroll; background:#fff; color:#797979; box-sizing:border-box;}
.max_member_agree h2{padding:10px 0; color:#000;}
.max_member_agree p, 
.max_member_agree ol li{line-height:140%;}
.max_agree_area_type .max_check_field{float:left; display:block; width:auto; height:auto; padding:5px 0 0 0;}
.max_check_agree_box {float:left; width:100%; height:auto; background:#eee; padding:2% 0;  text-align:center;}
.max_check_agree_box .max_check_field {float:none; padding:0;}
#max_member_area .bt_link{display:inline-block; width:100%; height:60px; font-size:15px; background: #000;  color:#fff;transition: all 0.2s linear;}
#max_member_area .bt_link:hover {background: #CF1248;}


#max_member_area .member_area fieldset{ display:flex; flex-direction: column;}


/* membership : end */
.max_member_end{width: auto; height: auto; padding: 5%; margin: 0 10%;  display: block; overflow: hidden;  background: #f5f5f5; text-align: center;}
.max_member_end h3 { font-size:2rem;}
.max_member_end p{font-size: .95rem;margin:20px 0 0 0; line-height:130%;}

/* membership : pw chk */
.max_pass_chk {width: 100%; }
.max_pass_chk p {margin-top:5rem;display: block;text-align: center; margin-bottom:1rem;}
.max_pass_chk input{margin:0 auto;	}


/* input : member */
.it, 
.max_board_form_input,
.max_member_form_input, .zonecode, .addr   {display:block; height:auto; padding:11px 20px; border:1px solid #d8d8d8; box-sizing:border-box;}
.it_order {padding:13px; border:1px solid #d8d8d8; box-sizing:border-box;}



/* membership : login */
.max_login_box{width:400px; height:auto; padding:40px 0; margin:0 auto; box-sizing:border-box; border-bottom:1px solid #d7d7d7;}
.max_login_box .max_member_tab{width:100%; height:50px; margin-top:32px;}
.max_login_box .max_member_tab li{width:50%; height:50px;}
.max_login_box .max_member_tab li a{width:100%; height:auto;}
.max_login_box .max_tab_cont{width:100%; height:auto; margin:25px 0 0 0;}
.max_login_box .max_tab_cont input{width:100%; margin:10px 0 0 0; padding:20px 30px;border-radius:35px;}
.max_login_box .max_tab_cont input.max_login_form_auto_login { width:auto; margin:10px 0 0; padding:0; }
.max_login_box .max_tab_cont button{width:100%; height:60px; margin:10px 0 0 0; font-size:1.2rem; background:#d50855; color:#fff; font-weight:500;border-radius:35px;}
.max_login_box .max_tab_cont .btn_lnk {display:block; width:100%; box-sizing:border-box; font-size:16px; padding:15px 0; margin:5px 0 0 0;}
.max_login_box .max_tab_cont p {padding-top:15px; font-size:14px; display: inline-block;}
.max_login_box .max_tab_cont .bt_link {display:block; width:100%; box-sizing:border-box; text-align:center; padding:15px 0; margin:10px 0 0 0;}
.max_mem_g{width:100%; margin-top:1rem; height:auto; overflow:hidden; text-align: center;}
.max_mem_g li {display: inline-block; margin:0 .5rem; color:#888; }
.max_mem_g a {display:inline-block;  font-size: .9rem; text-align:center; position: relative; padding-bottom:5px;}
.max_mem_g a:hover::before{position: absolute; left:0; bottom:0; content:''; width: 100%; height:1px;  background: currentColor;}
.max_mem_g label {color:currentColor;}

.max_sns_login {width:400px; height:auto; padding:3% 0; margin:0 auto; box-sizing:border-box; text-align:center;}
.max_sns_login li {display:inline;}
.max_sns_login a {display:inline-block; margin-bottom:3px;}


/* membership : join step */
.max_join_step {width:100%; height:auto; margin:50px 0; display:flex; justify-content:center;}
.max_join_step ul {display:flex;}
.max_join_step ul li {display:inline-block; text-align:center;  position:relative;}
.max_join_step ul li {margin:0 10px; width:80px; height:80px; border:2px solid #777; color:#777; border-radius:100%; margin-bottom:20px; background-position:left center; background-repeat:no-repeat;}
.max_join_step ul li svg {color:currentColor; position: absolute; left:50%;top:40%; transform:translate(-50%, -50%);}
.max_join_step ul li span {font-size:.8rem; position: absolute; bottom:1rem; width: 100%; display: block; 	}
.max_join_step ul li.active {border:2px solid #CF1248; color:#CF1248; background-position:-80px 0;}
.max_join_step ul li.active svg {color:currentColor;}


/* membership : join */
#max_member_area {width:100%; height:auto; max-width: 450px;  margin: 0 auto; padding-top:30px; margin-top:2rem; border-top:1px solid #000;}
.max_join_info {width:100%;}
.max_join_info > ul {width:90%; height:auto; margin:0 auto;}
.max_join_info > ul > li {display:inline-block; width:100%; margin-bottom:10px; position:relative;}
.max_join_info > ul > li .max_check_field {display:block; position:absolute; top:-1.25em;  left:.5em; padding:.5em; border-radius:.25em; background:#000; color:#fff; z-index:3; font-size:0.8rem;}
.max_join_info > ul > li .max_check_field:before {content:''; width:0.75em; height:0.75em; display:block; background:#000; position:absolute; left:0.5em; bottom:-0.25em; transform:rotate(45deg); z-index:-1; }
.max_join_info > ul > li .max_check_field.blue { background:#3851d0;}
.max_join_info > ul > li .max_check_field.blue:before { background:#3851d0; }
.max_join_info > ul > li .max_check_field.red { background:#CF1248;}
.max_join_info > ul > li .max_check_field.red:before { background:#d03838; }

.max_join_info .max_member_form_input, .max_join_info .max_select {width:100%;}
/* membership : join display */
.max_join_info .max_member_form_label {display:none;}
.max_join_info .max_member_form_label_mailling,
.max_join_info .max_member_form_label_sms,
.max_join_info .max_member_form_label_sex,
.max_join_info .max_member_form_label_hobby,
.max_join_info .max_member_form_label_interest,
.max_join_info .max_member_form_label_member_icon {display:block;}


.max_join_info label {display: none;}
.zonecode {width: 50%;display: inline-block;margin-bottom:10px;}
.zipcode_search_btn { background: #000; color: #fff; height: 47px; padding: 0 20px; font-size: .9rem;  vertical-align: top;}
.addr  {width: 100%;}


.max_join_info .zonecode  {background: #ddd;	}
/* zip label */
.max_zipcode {}
.max_zipcode label,
.max_zipcode br {display:none;}
.max_zipcode .zonecode {display:inline-block;}
.max_zipcode .class_addr01,
.max_zipcode .class_addr02 {display:block; margin-top:10px; width:100%;}
.max_zipcode .bt_type2 {width:100px; border-radius:0; -webkit-appearance:none;}



/* responsive  */


@media screen and (max-width: 1300px) {

}



@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) { 
	/*find-id/pw*/
	.max_idpw_area {width: 100%;}

}
@media screen and (max-width: 568px) { 
	/*find-id/pw*/
	.max_idpw_area #max_user_id input {width: 98%; margin:1%;}
	.max_idpw_area #max_user_pw input {width: 98%; margin:1%;}

	/*login*/ 
	.max_login_box {width: 100%;}
	.max_sns_login {width: 100%;}
	.max_sns_login a img {width: 100%;}


}

@media screen and (max-width: 568px) { 
	
}