@charset "utf-8";

.register_wrap h2{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin:50px 0;
}
 .register_wrap h2 + .lead{
  padding-top: 0;
  text-align: center;
}
.visible-tablet{
  display: none;
}
.inner-container a {
  margin-bottom: -1px;
  border-bottom:1px solid #0088cc;
  color: #0088cc;
}
/* a:hover,
a:focus{
  text-decoration: none;
  color: #0088cc;
} */
.customer .form-horizontal .control-grop{
  margin-bottom: 20px;
}
.customer .form-horizontal .control-label{
  width: 340px;
}
.customer .form-horizontal .controls{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 60%;
  width: -webkit-calc(100% - 340px);
  width: calc(100% - 340px);
  margin-left: 0;
}
.customer .form-horizontal .control-group.gender .formError {
  position: relative !important;
  top: 5px !important;
  left: 0 !important;
}
.form_area{
  text-align: center;
}
.form_area {
  position: relative;
  width: 100% !important;
}
.form_area.controls .formError {
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  position: relative !important;
  text-align: center;
}

.form_area .checkbox-txt{
  white-space: nowrap;
}
/* .form-actions{
  position: relative;
}
.form-actions .btn-primary{
  font-size: 13px;
  letter-spacing: 1.5px;
  width: 320px;
  padding: 14px 0;
  background:url("/assets/images/customer/arrow_w_right.png") no-repeat 90% 50% #003b8f;
  float: none;
}
.form-actions .btn-primary:hover{
  color: #fff;
  border:1px solid #003b8f;
  opacity: 0.8;
  background:url("/assets/images/customer/arrow_w_right.png") no-repeat 90% 50% #003b8f;
}
.form-actions .btn-back{
  background:url("/assets/images/customer/arrow_w_left.png") no-repeat 10% 50% #7F9CC6;
  padding: 7px 0;
  border: 1px solid #7F9CC6;
}
.form-actions .btn-back:hover{
  background:url("/assets/images/customer/arrow_w_left.png") no-repeat 10% 50% #7F9CC6;
  color: #fff;
  opacity: 0.8;
}
.form-actions .btn-top{
  border:none;
  color: #fff;
}
.form-actions .btn-top:hover{
  border:none;
} */

.register_wrap .alert-error{
  color:#dd4133;
  background-color: #fff;
  border: 2px solid #dd4133;
  text-align: center;
  font-weight: bold;
  line-height: 2em;
  padding: 30px;
  margin-top:50px;
}

/*.controls.error input:focus, .controls input.error:focus, .confirm-error input:focus, .confirm-error select:focus,
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, input:focus:invalid, textarea:focus:invalid, select:focus:invalid{
  border: 1px solid #ccc;
  background-color:#fff;
  box-shadow: none;
  color: #555;
}*/



/*フロー*/
/*.register_wrap .action-steps.step6{
  width: 16.4%;
}*/
.register_wrap .action-steps li{
  padding: 15px 0;
  display: inline;
  list-style-type: none;
  position: relative;
  border-right: none;
  border-top: 1px solid #cfd6dc;
  border-bottom: 1px solid #cfd6dc;
  width: 16.3%;
  padding-left: 20px;
}
/*.register_wrap .action-steps li:before{
  width: 0;
  height: 0;
  border: 26px solid transparent;
  border-top: 24px solid #cfd6dc;
  position: absolute;
  content: '';
  right: -49px;
  top:0;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  box-sizing:border-box;
}
.register_wrap .action-steps li:after{
  width: 0;
  height: 0;
  border: 26px solid transparent;
  border-top: 24px solid #fff;
  position: absolute;
  content: '';
  right: -48px;
  top: 0;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  box-sizing:border-box;
}*/
/*.register_wrap .action-steps li.active:before{
  width: 0;
  height: 0;
  border: 24px solid #003b8f;
  border-top: 24px solid #fff;
  position: absolute;
  content: '';
  left:0;
  top: 0;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  box-sizing:border-box;
}
.register_wrap .action-steps li.first.active:before{
  border: 24px solid transparent;
  border-top: 24px solid #003b8f;
}
.register_wrap .action-steps li.active:after{
  width: 0;
  height: 0;
  border: 26px solid #fff;
  border-top: 24px solid #003b8f;
  position: absolute;
  content: '';
  right:-48px;
  top: 0;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  box-sizing:border-box;
}*/
.register_wrap .action-steps li.first{
  border-left: 1px solid #cfd6dc;
}

/*新規会員トップ*/
#register_index.register_wrap h2{
  font-weight: bold;
}
#register_index.register_wrap .inner-container a{
  border: none;
}

/*新登録ページ*/
.register_wrap .action-steps li{
  padding:10px 0;
  display: inline;
  list-style-type: none;
  position: relative;
  border-right: none;
  border-top: none;
  border-bottom: none;
  width: auto;
  padding-left: 0;
}
.register_wrap .action-steps li:before{
  width: 0;
  height: 0;
  border: none;
  border-top: none;
  position: absolute;
  content: '';
  right: 0;
  top:0;
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  transform:none;
  box-sizing:none;
}
.register_wrap .action-steps li:after{
  width: 0;
  height: 0;
  border: none;
  border-top: none;
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  transform:none;
  box-sizing:border-box;
}
.register_wrap .action-steps li.active:before{
  width: 0;
  height: 0;
  border: none;
  border-top: none;
  position: absolute;
  content: '';
  left:0;
  top: 0;
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  transform:none;
  box-sizing:border-box;
}
.register_wrap .action-steps li.first.active:before{
  border: none;
  border-top: none;
}
.register_wrap .action-steps li.active:after{
  width: 0;
  height: 0;
  border: none;
  border-top: none;
  position: absolute;
  content: '';
  right:0;
  top: 0;
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  transform:none;
  box-sizing:border-box;
}
.register_wrap .action-steps li.first{
  border-left: none;
}

/*仮登録*/
.customer .form-horizontal .mail .help-block{
  border: 2px solid #cfd6dc;
  margin-left: 0;
  padding: 15px;
  padding-left: 40px;
  font-weight: bold;
  background:url('/assets/images/customer/mail.png') no-repeat 12px 17px #fff;
  font-size: 10.5px;
}
.customer .form-horizontal .mail .help-block .look a{
  margin-left: 5px;
  margin-bottom: -1px;
  border-bottom: 1px solid #0088cc;
}
.input_form{
  margin-top: 50px;
}
.register_wrap .lead{
  font-weight: bold;
  text-align: center;
}
.customer .register_wrap .have_info_img{
  border: 1px solid #ccc;
  width: 100%;
  text-align: center;
}
.customer .register_wrap .have_info_img img{
  width: 51%;
}
.customer .register_wrap .form-horizontal .control-label{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 320px;
}
.register_wrap .form-horizontal .control-label{
  padding-left: 20px;
  position: relative;
}
.register_wrap .control-label span.label_right{
  position: absolute;
  right: 40px;
}
.register_wrap .customer_no .control-label span.label_right,
.register_wrap .pin .control-label span.label_right {
  right: 60px;
}
.register_wrap .control-label span.asterisk{
  color: #fff;
  background-color: #668ABC;
  font-weight: bold;
  font-size: 10px;
  padding: 2px 10px;
  margin-right: 10px;
}
.register_wrap .control-label span.blue{
  color: #013B8F;
  font-weight: bold;
  font-size: 10px;
}
.register_wrap .background{
  background-color: #f9f9f9;
  padding: 15px 0;
  vertical-align: middle;
}
.register_wrap .customer_no input[type="text"],
.register_wrap .customer_no input[type="tel"],
.register_wrap .pin input[type="text"],
.register_wrap .pin input[type="tel"]{
  width: 85px;
}
.register_wrap .customer_no input[name="code2"],
.register_wrap .customer_no input[name="code3"]{
  width: 95px;
}

.register_wrap select{
  width: 270px;
  font-size: 10px;
  font-weight: bold;
}
/* .register_wrap .register-legal-area .form-actions .btn-primary{
  margin-top: 0;
} */
/* .customer .register_wrap .register-legal-area .form-actions .btn-primary{
  width: 320px;
  padding: 0;
  background:url("/assets/images/customer/arrow_w_right.png") no-repeat 90% 50% #003b8f;
} */
/* .register_wrap .form-actions .btn-back{
  position: absolute;
  left: 0;
  top:25px;
  position: relative;
  left: 0;
  top: 0;
  margin-right: 0;
  width: 320px;
  width: 100%;
} */

/*利用規約POPUP*/
.remodal{
  height: 620px;
  max-width: 950px;
  padding: 30px 70px;
}
.popup_agreement .title.blue{
  color: #003b8f;
  font-size: 18px;
}
.popup_inner{
  padding-right: 65px;
  font-size: 13px;
  margin-bottom: 35px
}
.popup_inner .agreement{
  margin-bottom: 30px;
}
.popup_inner,
.popup_inner h2{
  max-height: 400px;
  overflow: auto;
  text-align: left;
}
.popup_inner h3{
  font-weight: bold;
}
.popup_inner ol{
  list-style-position: inside;
}
.popup_inner ol li{
  line-height: 2em;
}
.remodal-close{
  left:auto;
  right:30px;
  top: 30px;
}
.remodal-close:before{
  left:auto;
  right: 0;
  font-size: 55px;
  line-height: 30px;
  width: 40px;
}
.popup_agreement .btn_close{
  width: 300px;
  height: 50px;
  font-size: 13px
}
.popup_agreement .btn_close:hover{
  background-color: #003b8f;
  border:1px solid #003b8f;
  color: #fff;
  opacity: 0.8;
}

/*comfirm*/
.register_wrap .confirm_table{
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  border-collapse:inherit;
  margin-bottom: 40px;
}
.register_wrap .confirm_table th,
.register_wrap .confirm_table td{
  padding: 15px 0;
}
.register_wrap .confirm_table th{
  padding-left: 15px;
  width: 35%;
}

/*complete*/
.manual_area{
  /*text-align: center;*/
  border:1px solid #ddd;
  /*padding:50px 0;*/
}
.bottom{
  text-decoration: underline;
}
/*register_entry 本登録*/
#register_step4 .control-group{
  font-weight: bold;
}
#register_step4 .control-group .help-block{
  font-weight: normal;
}
#register_step4 .control-group:nth-child(odd){
  background-color: #f9f9f9;
}
.register_wrap .control-label span.done{
  color: #668ABC;
  border:1px solid #668ABC;
  background-color: #fff;
  font-weight: bold;
  font-size: 10px;
  padding: 2px 5px;
  margin-right: 10px;
}
#register_step4 .form-horizontal .control-group{
  margin-bottom: 0;
  padding: 20px 0;
}
#register_step4.register_wrap .control-label span.label_right{
  position: absolute;
  right: 0;
  left:200px;
}
#register_step4.register_wrap label{
  font-weight: bold;
}
#register_step4 .control-group .controls .top-input{
  width: 37%;
}
.register_wrap select#birthday_year{
  width: 160px;
}
.register_wrap select#birthday_month,
.register_wrap select#birthday_day{
  width: 100px;
}
#register_step4 .gender label.radio.inline{
  margin-right: 40px;
}
#register_step4 .help-block{
  display: block;
  margin-left: 0;
}
.register_wrap .example{
  line-height: 2.5em;
  letter-spacing: 1px;
}
.form-horizontal .form-actions.ones{
  text-align: center;
}
#register_step4 .control-group ul input[name="zipcode"]{
  width: 120px;
}
#register_step4 .control-group .help-block.zipcode_help{
  display: inline-block;
  padding: 13px;
  border: 2px solid #ddd;
  font-weight: bold;
}
#register_step4 .zipcode_help img{
  margin-left: 15px;
}
.register_wrap .help-block .n_left{
  display: inline-block;
  width: 37%;
  margin-left: 42px;
}

#register_step4 .control-group.pass .checkbox{
  margin-bottom: 5px;
}
.register_wrap .control-group .help-block dl{
  margin-bottom: 0;
  margin-top: 0;
}
.register_wrap .control-group.post ul.inline li{
  padding-left: 0;
}
.register_wrap .control-group .help-block.visible-phone dl{
  margin-bottom: 10px;
  margin-top: 0;
}
.register_wrap .control-group .help-block dl dt{
  width: 1.5em;
  text-align: left;
  float: left;
  clear: left;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.register_wrap .control-group .help-block dl dd{
  padding-left: 1.5em;
  margin-left: 0;
}

/*entry_complete*/
.register_wrap .form_area a.btn-top{
  margin-top: 20px;
}
.register_wrap .enjoy_area{
  text-align: center;
  border-top: 1px solid #ddd;
  padding-top: 40px;
  margin-top: 30px;
}
.register_wrap .enjoy_area h3{
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 45px;
}
.register_wrap .enjoy_area ul{
  list-style:none;
  margin-left: -20px;
}
.register_wrap .enjoy_area ul li{
  float: left;
  margin-left: 20px;
}

.postErrorContent{
  color: #ee0101;
  font-size: 11px;
}

#register_step1 input[name="code2"]+.formError.inline .formErrorContent,
#register_step1 input[name="code3"]+.formError.inline .formErrorContent{
  padding-left: 30px;
}
#register_step1 .formError.inline .formErrorContent{
  display: inline;
}

.error_birthday select ,.error_tel_invalid input[type="text"] ,.error_tel_invalid input[type="tel"] ,.error_zipcode input[type="text"], .add_01 select.error{
  border: 1px solid #ee0101;
  background-color: rgba(237,180,180,0.2);
}
.small-text {
  font-size: 11px;
}
/***************************

    EC購入時　登録画面

***************************/

/*ec フローチャート*/
.ec.register_wrap .action-steps li{
  width: 33.33%;
}

/*register_direct_entry  EC会員情報入力*/
#ec_register.register_wrap .form-horizontal .control-label{
  width: 320px;
  position: relative;
}
#ec_register.register_wrap .control-label span.label_right{
  position: absolute;
  right: auto;
  left:200px;
}
#ec_register .control-group .controls .top-input,
#ec_register .control-group .controls .second-input{
  width: 48%;
}
#ec_register .control-group.name input[type="text"]{
  width: 190px;
}
#ec_register.register_wrap .help-block .n_left{
  width: 48%;
  margin-left: 43px;
}
.customer #ec_register .help-block{
  display: block;
}
#ec_register .gender label.radio.inline{
  margin-right: 40px;
}
.customer #ec_register .help-block{
  margin-left: 0;
}
#ec_register.register_wrap .control-group .help-block dl{
  margin-top: 0;
}
#ec_register .control-group,
#ec_register .controls label{
  font-weight: bold;
}
#ec_register .control-group.mail .help-block{
  display: inline-block;
}
#ec_register .control-group.post input[type="text"]{
  width: 100px;
}
#ec_register .control-group .post-search-btn input[type="button"]{
  color: #fff;
  background-color: #003b8f;
  letter-spacing: 2px;
  border:none;
  padding: 5px 15px;
  border-radius: 60px;
}
#ec_register .control-group .help-block.zipcode_help{
  display: inline-block;
  padding: 12px 22px;
  border: 2px solid #ddd;
  font-weight: bold;
  margin-left: 0;
  background-color: #fff;
}
#ec_register .control-group .help-block.zipcode_help img{
  margin-left: 20px;
}
#ec_register.register_wrap .add_01 select{
  width: 180px;
}
.any{
  color: #fff;
  background-color: #afafaf;
  font-weight: bold;
  font-size: 10px;
  padding: 2px 10px;
  margin-right: 10px;
}
#ec_register.register_wrap .control-group .help-block dl dt{
  width: 1em;
}
#ec_register.register_wrap .control-group .help-block dl dd{
  padding-left: 1em;
}

/*ヘッダーフッター非表示*/
.has_shopcode .hasCode{
  display: none;
}
.has_shopcode .register_wrap{
  margin-top: 30px;
}










@media(max-width: 1200px){
  /*.register_wrap .action-steps.step6 li:before*/
}

@media(max-width: 1080px){
  .register_wrap .enjoy_area ul{
    margin-left: -2%;
  }
  .register_wrap .enjoy_area ul li{
    width: 23%;
    margin-left: 2%;
  }
}


@media(max-width: 979px){

  .visible-tablet{
    display: block;
  }
  .input-medium{
    width: 130px;
  }
  .register_wrap .action-steps.step6 li{
    padding: 7px 0;
    height: 78px;
    /*width: 15.8%;*/
    /*padding-left: 30px;*/
  }
  .register_wrap .action-steps.step6 li.first{
    padding-right: 18px;
  }
  .register_wrap .action-steps.step6 li.middle{
    padding-top: 28px;
  }
/*  .register_wrap .action-steps.step6 li:before,
  .register_wrap .action-steps.step6 li.active:before{
    border: 37px solid transparent;
    border-top: 37px solid #cfd6dc;
    right: -74px;
  }
  .register_wrap .action-steps.step6 li:after,
  .register_wrap .action-steps.step6 li.active:after{
    border: 37px solid transparent;
    border-top: 37px solid #fff;
    right: -73px;
  }*/
/*  .register_wrap .action-steps.step6 li.active:before{
    border: 38px solid #003b8f;
    border-top: 38px solid #fff;
    left:-20px;
  }*/
/*  .register_wrap .action-steps.step6 li.active:before{
    border: 38px solid #003b8f;
    border-top: 24px solid #fff;
    left:-26px;
    top: 7px;
  }
  .register_wrap .action-steps.step6 li.first.active:before{
    border: 37px solid transparent;
    border-top: 37px solid #003b8f;
    top:0;
    left: 0;
  }
  .register_wrap .action-steps.step6 li.active:after{
    border: 37px solid #fff;
    border-top: 37px solid #003b8f;
    right: -74px;
  }
*/
  /*register_entry 本登録*/
  .customer #register_step4 .form-horizontal .controls{
    width: 70%;
    width: -webkit-calc(100% - 275px);
    width: calc(100% - 275px);
    /*margin-left: 255px;*/
  }
  .customer .register_wrap .form-horizontal .control-label{
    width: 250px;
  }
  .customer #register_step4.register_wrap .form-horizontal .control-label{
    width: 255px;
  }

  #register_step4.register_wrap .control-label span.label_right{
    left:135px;
  }
  #register_step4 .control-group .controls .top-input,
  #register_step4 .control-group .controls .second-input{
    width: 45%;
  }
  .register_wrap select#birthday_year{
    width: 120px;
  }
  #register_step4 .help-block{
    /*margin-left: 25px;*/
  }
/*  #register_step4 .pass label.checkbox{
    margin-left: 25px;
  }*/
  #register_step1 .multi-input .formErrorContent{
    display: inline;
  }
  #register_step1 .code2formError,
  #register_step1 .code3formError{
    padding-left: 30px;
  }
  #register_step1 input[name="code2"]+.formError.inline .formErrorContent,
  #register_step1 input[name="code3"]+.formError.inline .formErrorContent{
    padding-left: 0;
  }

  /***************************

      EC購入時　登録画面

  ***************************/

  /*register_direct_entry  EC会員情報入力*/
  #ec_register.register_wrap .control-label span.label_right{
    left:130px;
  }
  #ec_register.register_wrap .form-horizontal .control-label{
    width: 240px;
  }
  .customer .form-horizontal .controls{
    /*margin-left: 265px;*/
  }
  #ec_register .control-group .controls .top-input,
  #ec_register .control-group .controls .second-input{
    width: 45%;
  }

  #ec_register .controls .code .hyphen{
    margin: 5px 6px;
  }
  #ec_register .control-group.name input[type="text"]{
    width: 125px;
  }
  #ec_register.register_wrap .help-block .n_left{
    width: 45%;
    margin-left: 0px;
  }
  #ec_register .control-group .controls .top-input .input-front,
  #ec_register .control-group .controls .second-input .input-front{
    text-align: right;
  }
/*  .customer #ec_register .help-block{
    margin-left: 20px;
  }*/
  #ec_register .control-group.post ul{
    display: block;
  }
  #ec_register .control-group.post .post-search-btn{
    width: auto;
  }
  #ec_register .control-group .help-block.zipcode_help{
    margin-left: 20px;
  }
  #ec_register .form-horizontal .controls{
    padding-right: 10px;
  }
  #ec_register .control-group.pass label.checkbox{
    margin-left: 20px;
  }
  #ec_register .control-group.gender,
  #register_step4 .control-group.gender{
    position: relative;
  }
  #ec_register .form_area{
    position: relative;
  }
}

@media(max-width: 979px) and (min-width: 768px){
  /*error*/
  .gender .formError .formErrorContent{
    padding-bottom: 0;
    padding-top: 5px;
  }
  .tel .formError.inline .formErrorContent,
  .pass .formError.inline .formErrorContent{
    padding-left: 20px;
  }
  #register_step4 .tel .formError.inline .formErrorContent,
  #register_step4 .pass .formError.inline .formErrorContent{
    padding-left: 0;
  }
  #ec_register .tel .formError.inline .formErrorContent,
  #ec_register .pass .formError.inline .formErrorContent{
    padding-left: 0;
  }

}

@media(max-width: 767px){

  h2{
    margin: 30px 0;
    text-align: left;
  }
  h2{
    margin: 30px 0;
    text-align: left;
    padding: 0 10px;
  }
  .form-striped h2{
    margin: 30px 0;
    text-align: left;
    /*padding: 0;*/
  }
  /* .form-actions{
    margin-top: 0;
    text-align: left;
  } */
  /* .form-actions .btn-primary{
    width: 100%;
  } */
  .register_wrap .lead{
    padding-top: 0;
  }
  /* .customer .register_wrap .register-legal-area .form-actions .btn-primary{
    width: 100%;
    padding: 0;
    font-size: 14px;
  } */
  /* .register_wrap .form-actions .btn-back{
    position: static;
    width: 60%;
    width: 100%;
    padding: 0;
  } */
  /* .customer .form-horizontal .form-actions{
    text-align: left;
    margin-top: 30px;
  } */
  /*仮登録*/
/*  .customer{
    background-color: #fff;
  }*/
  .customer .register_wrap .form-horizontal .control-label{
    padding-left: 0;
  }
  .customer .form-horizontal .controls{
    margin-left: 0;
  }
  .register_wrap .customer_no input[type="text"],
  .register_wrap .customer_no input[type="tel"],
  .register_wrap .pin input[type="text"],
  .register_wrap .pin input[type="tel"]{
    width: 75px;
  }
  .input-medium{
    width: 125px;
  }
  .register_wrap select#birthday_year{
    width: 90px;
    margin-right: 15px;
  }
  .customer .register_wrap .have_info_img{
    border: none;
  }
  .register_wrap select{
    width: 100%;
  }
  .register-legal-area{
    margin-top: 35px;
  }
  .customer .form-horizontal .mail .help-block{
    margin-top: 10px;
  }
  .input_form{
    margin-top: 20px;
  }

  .register_wrap .dropdown.open + .input_form{
    margin-top: 520px;
  }
  .register_wrap .dropdown-menu{
    border: 2px solid #cfd6dc;
    padding: 20px 15px;
  }
  .register_wrap .dropdown.open .dropdown-menu{
    border-top: none;
  }
  .register_wrap .dropdown-menu li{
    text-align: center;
  }
  .register_wrap .dropdown-menu li .btn_close{
    width: 95%;
  }
  .register_wrap .dropdown-toggle,
  .register_wrap .btn_close{
    color: #fff;
    background-color: #003b8f;
    padding: 11px 0;
    width: 100%;
    font-size: 13px;
  }
  .register_wrap .dropdown-toggle{
    background:url('/assets/images/customer/arrow_w_down.png')no-repeat right 30px center #003b8f;
    background-size: 5%;
  }
  .register_wrap .dropdown.open .dropdown-toggle{
    background:url('/assets/images/customer/arrow_w_up.png')no-repeat right 30px center #fff;
    color: #003b8f;
    font-weight: bold;
    background-size: 5%;
  }
  .register_wrap .dropdown.open .dropdown-toggle:hover{
    border: 2px solid #cfd6dc;
    border-bottom: none;
  }
  .register_wrap .btn .caret{
    display: none;
  }
  .register_wrap .action-steps.step6 li{
    display: inline-block;
    height: 56px;
    padding: 4px 0;
    /*padding-left: 4%;*/
    /*width: 15.9%;*/
    width: 16.66%;
/*    border-top: 1px solid #cfd6dc;
    border-bottom: 1px solid #cfd6dc;*/
  }
  .register_wrap .action-steps.step6 li {
    /*display: flex;*/
    width: 50%;
    /*padding: 0;*/
    height: 30px;
  }
  .register_wrap .action-steps.step6 li > span {
    display: block;
    font-size: 9px;
    /*padding-left: 7%;*/
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
            transform: scale(0.9);
    line-height: 21px;
  }
  .register_wrap .action-steps.step6 li > span > br {
    display: none !important;
  }
  .customer .register_wrap .action-steps li {
    font-size: 9px;
  }
  .customer .register_wrap .action-steps li.active {
    border-top: 1px solid #003b8f;
    border-bottom: 1px solid #003b8f;
    font-size: 9px;
  }
  /*新登録ページ*/
  .customer .register_wrap .action-steps li.active {
    border-top: none;
    border-bottom: none;
  }
  .register_wrap .action-steps.step6 li.middle{
    padding-top: 4px;
  }
  .register_wrap .action-steps.step6 li.middle span{
/*    height: 43px;
    line-height: 43px;*/
  }
  .register_wrap .action-steps.step6 li.first{
    padding-left: 0;
    padding-right: 0;
    /*width: 12.2%;*/
  }
  .register_wrap .action-steps.step6 li.put {
    z-index: 10;
  }
/*  .register_wrap .action-steps.step6 li.active:before{
    border: 29px solid #003b8f;
    border-top: 21px solid transparent;
    left:-25px;
    border: none;
    border-top: none;
  }*/
/*  .register_wrap .action-steps.step6 li.first.active:before{
    border: 30px solid transparent;
    border-top: 20px solid #003b8f;
  }
  .register_wrap .action-steps.step6 li.active:after{
    border: 30px solid #fff;
    border-top: 20px solid #003b8f;
    right: -54px;
  }*/
/*  .register_wrap .action-steps.step6 li:before{
    border: 30px solid transparent;
    border: 29px solid transparent;
    border-top: 20px solid #cfd6dc;
    right: -52px;
    right: -53.5px;
    height: 100%;
    left: auto;
    box-sizing: border-box;
  }
  .register_wrap .action-steps.step6 li:after{
    border: 30px solid transparent;
    border: 28px solid transparent;
    border-top: 20px solid #fff;
    right: -51px;
    right: -51.5px;
    box-sizing: border-box;
    height: 100%;
    left: auto;
  }
  .register_wrap .action-steps.step6 li.last:before{
    border: 30px solid transparent;
    border-top: 20px solid #cfd6dc;
    border-top: 21px solid #cfd6dc;
    right: -52px;
    right: -56px;
  }
  #register_step6.register_wrap .action-steps.step6 li.last:before{
    border: none;
  }
  .register_wrap .action-steps.step6 li.last:after{
    border: 30px solid transparent;
    border: 28px solid transparent;
    border-top: 20px solid #fff;
    right: -51px;
    right: -54px;
  }
  #register_step6.register_wrap .action-steps.step6 li.last:after{
    border-top: 20px solid #003b8f;
  }*/


  /*利用規約popup*/
  .remodal{
    padding: 20px 15px 10px;
    height: 505px;
  }
  .popup_inner{
    padding-right: 15px;
    font-size: 12px;
  }
  .popup_inner,
  .popup_inner h2{
    max-height: 315px;
  }
  .popup_agreement .btn_close{
    width: 100%;
  }
  .remodal-close{
    right: 10px;
    top: 10px;
  }
  .remodal-close:before{
    font-size: 35px;
    line-height: 30px;
    width: 35px;
  }
  .popup_agreement .title.blue,
  .popup_inner h2{
    font-size: 15px;
  }
  .popup_inner h2{
    margin-bottom: 0;
  }
/*  .popup_inner .agreement > section > .page-header{
    margin-top: 10px;
  }*/
  .popup_inner ol{
    list-style-position: outside;
    padding-left: 25px;
  }

  /*confirm*/
  .register_wrap .confirm_table{
    overflow: hidden;
    margin-bottom: 0;
  }
  .register_wrap .confirm_table th,
  .register_wrap .confirm_table td{
    width: 100%;
    display: block;
    padding:15px 10px;
  }
  .customer .register_wrap .confirm_table th{
    background-color: #f9f9f9;
  }
  .customer .register_wrap .confirm_table td{
    background-color: #fff;
    font-weight: normal;
  }

  /*register_entry 本登録*/
  #register_step4 .form-horizontal .control-group{
    padding: 10px 0;
  }
  .customer #register_step4.register_wrap .form-horizontal .control-label{
    width: 100%;
    padding-left: 0;
  }
  .customer #register_step4 .form-horizontal .controls{
    margin-left: 0
  }
  #register_step4 .control-group .controls .top-input,
  #register_step4 .control-group .controls .second-input{
    width: 50%;
  }
  #register_step4 .control-group .controls .top-input .input-front,
  #register_step4 .control-group .controls .second-input .input-front{
    width: 100%;
  }
  #register_step4 ul.inline > li,
  #register_step4 ol.inline > li{
    padding-left: 0;
  }
  .register_wrap .control-group.birth .controls{
    padding-left: 5px;
  }
  .register_wrap select#birthday_month,
  .register_wrap select#birthday_day{
    width: 55px;
  }
  #ec_register .control-group .post-search-btn input[type="button"]{
    padding: 5px 10px;
    letter-spacing: 1px;
  }
  #register_step4 .help-block{
    margin-left:0;
  }
  .register_wrap .help-block .n_left{
    width: 50%;
    margin-left: 0;
  }
  #register_step4.register_wrap .control-label span.label_right{
    left: 170px;
  }
  #register_step4.register_wrap .control-group.birth .controls{
    padding-left: 5px;
  }
  #register_step4 .pass label.checkbox{
    margin-left: 0;
  }
  #register_step4 .control-group .help-block.zipcode_help{
    width: 92%;
  }
  #register_step1 .code2formError,
  #register_step1 .code3formError{
    padding-left: 16px;
  }
/*  #register_step4 .control-group:nth-child(even){
    background-color: #fff;
  }*/


  /*complete 登録完了*/
  .register_wrap .form_area a.btn-top{
    margin-top: 10px;
  }
  .register_wrap .enjoy_area{
    padding-top: 30px;
  }
  .register_wrap .enjoy_area h3{
    padding-bottom: 30px;
  }
  .register_wrap .enjoy_area ul{
    margin-left: -2%;
  }
  .register_wrap .enjoy_area ul li{
    width: 48%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .register_wrap .enjoy_area ul li img{
    width: 100%;
  }

  /***************************

      EC購入時　登録画面

  ***************************/

  /*フローチャート*/
  .ec.register_wrap .action-steps li{
    display: inline-block;
    width: 30.7%;
    padding-left: 10px;
  }
  /*新登録ページ*/
  .ec.register_wrap .action-steps li {
    width: 33.33%;
    padding-left: 0;
  }
/*  .ec.register_wrap .action-steps li.first.active:before{
    border: 23px solid transparent;
    border-top: 23px solid #003b8f;
    right: -47px;
  }*/
  /*register-マイページ*/
/*  .ec.register_wrap .action-steps li.first.active:before {
    border: none;
    border-top: none;
    right: 0;
  }*/
/*  .ec.register_wrap .action-steps li.active:before{
    border: 23px solid transparent;
    border-top: 23px solid #fff;
    right: -47px;
  }*/
/*  .ec.register_wrap .action-steps li.active:after{
    border: 23px solid #fff;
    border-top: 20px solid #003b8f;
    right: -44px;
  }*/
  /*register-マイページ
   background: #00407C */
/*  .ec.register_wrap .action-steps li.active:after　{
    border: none;
    border-top: none;
    left: 0;
  }*/
/*  .ec.register_wrap .action-steps li.last.active:after{
    border: 24px solid #fff;
    border-top: 20px solid #003b8f;
    right: -44px;
  }*/
    /*register-マイページ*/
/*  .ec.register_wrap .action-steps li.last.active:after　{
    border: none;
    border-top: none;
    left: 0;
  }*/
/*  .ec.register_wrap .action-steps li:before{
    border: 23px solid transparent;
    border-top: 22px solid #cfd6dc;
    right: -46px;
  }
  .ec.register_wrap .action-steps li:after{
    border: 23px solid transparent;
    border-top: 22px solid #fff;
    right: -45px;
  }*/

  /*register_direct_entry  EC会員情報入力*/

  #ec_register .control-group .controls .top-input,
  #ec_register .control-group .controls .second-input{
    width: 50%;
  }
  #ec_register .control-group .controls .top-input .input-front,
  #ec_register .control-group .controls .second-input .input-front{
    text-align: left;
  }
  #ec_register .control-group.name input[type="text"]{
    width: 130px;
  }
  #ec_register .control-group .controls .top-input .input-front,
  #ec_register .control-group .controls .second-input .input-front{
    width: auto;
  }
  .customer #ec_register .help-block,
  #ec_register .control-group .help-block.zipcode_help,
  #ec_register .control-group.pass label.checkbox{
    margin-left: 0;
  }
  #ec_register.register_wrap .form-horizontal .control-label{
    width: 100%;
  }
  #ec_register.register_wrap .control-label span.label_right{
    left: 170px;
  }
  #ec_register .control-group.post input[type="text"]{
    width: 100px;
  }
  #ec_register .form-horizontal .controls{
    padding-right: 0;
  }
  #ec_register ul.inline > li,
  #ec_register ol.inline > li{
    padding-left: 0;
  }
  #ec_register.register_wrap .help-block .n_left{
    width: 50%;
    margin-left: 0;
  }
  #ec_register .top-input{
    margin-bottom: 2px;
  }

  .customer .form-horizontal .controls,
  .customer #register_step4 .form-horizontal .controls {
    width: 100%;
    display: block;
  }
    .form-horizontal .control-group,
    #register_step4 .form-horizontal .control-group {
      padding-left: 12px;
      padding-right: 12px;
    }
    .register_wrap .background,
    #register_step4 .register_wrap .background {
      padding-left: 12px;
      padding-right: 12px;
    }
    .customer .form-horizontal .controls ul.inline {
      display: inline-block;
      *display: inline;
      *zoom: 1;
    }
    .customer .form-horizontal .controls ul.inline li {
      display: block;
      width: 90%;
    }
      .customer .form-horizontal .controls ul.inline li > input {
        display: block;
        height: 30px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
      }
      #register_step4 .gender label.radio.inline {
        margin-right: 20px;
      }

  #ec_register .control-group.post li{
    display: inline-block;
    width: auto;
  }
  #ec_register .control-group.post li.post-search-btn{
    vertical-align: top;
    margin-top: 0;
  }
  .customer .form-horizontal .post .controls ul.inline li{
  width: auto;
  }
  #ec_register .control-group.gender,
  #register_step4 .control-group.gender{
    position: relative;
  }
  #ec_register .form_area{
    position: relative;
  }
}
@media (min-width:358px) and (max-width:369px) {
  .action-steps{
    border-left: 1px solid #ccc;
  }
  .register_wrap .action-steps.step6 li{
    padding-top: 0;
    padding-bottom: 0;
    /*display: block;
    float: left;*/
  }
  .register_wrap .action-steps.step6 li > span{
    display: inline-block;
    line-height: 1em;
    /*height: 100%;*/
  }
  .register_wrap .action-steps.step6 li.middle span {
    height: auto;
    line-height: 1em;
  }
  .register_wrap .action-steps.step6 li:before,
  .register_wrap .action-steps.step6 li:after {
    content: none;
  }


  .register_wrap .action-steps.step6 li.middle {
    padding-top: 0;
  }
/*  .register_wrap .action-steps.step6 li.first {
    padding-left: 4%;
    margin-left: -4%;
    width: 16.33%;
  }*/
/*  .register_wrap .action-steps.step6 li:after {
    content: '';
    width: 62%;
    height: 62%;
    display: block;
    background: #ffffff;
    position: absolute;
    border: 0 solid #ccc;
    border-top-width: 1px;
    border-right-width: 1px;
    transform: rotate(45deg) skew( 193deg, 11deg );
    z-index: -10;
    top: 10px;
    right: -29.666%;
  }
  .register_wrap .action-steps.step6 li.active:after {
    background: #003b8f;
    border: 0 solid #003b8f;
    border-top-width: 1px;
    border-right-width: 1px;
    right: -29.666%;
  }
  .register_wrap .action-steps.step6 li.last:after {
    border: 0 solid #ccc;
    border-top-width: 1px;
    border-right-width: 1px;
    right: -29.666%;
  }
  .register_wrap .action-steps.step6 li:after {
    z-index: -10;
  }
  .register_wrap .action-steps.step6 li.active:after {
    z-index: -11;
  }
  .register_wrap .action-steps.step6 li.active + li:after {
    z-index: -12;
  }
  .register_wrap .action-steps.step6 li:before,
  .register_wrap .action-steps.step6 li span {
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
  .register_wrap .action-steps.step6 li:before,
  .register_wrap .action-steps.step6 li.active:before,
  .register_wrap .action-steps.step6 li.first:before,
  .register_wrap .action-steps.step6 li.last:before,
  .register_wrap .action-steps.step6 li.first.active:before,
  .register_wrap .action-steps.step6 li.last.active:before {
    position: static;
    height: 100%;
    border: 0;
    background: transparent;
  }*/
  .register_wrap .action-steps.step6 li span {
    position: relative;
    left: 3px;
  }
  .register_wrap .action-steps.step6 li span br {
    display: none!important;
  }

}


@media(max-width:359px){
  .register_wrap .action-steps.step6 li > span{
    /*line-height: 12px;*/
  }
/*  .register_wrap .action-steps.step6 li.last span{
    display: inline-block;
    padding-top: 11px;
    line-height: 12px;
  }*/
  .customer .register_wrap .customer_no input[name="code2"],
  .customer .register_wrap .customer_no input[name="code3"]{
    width: 70%;
  }
  .register_wrap .dropdown-toggle{
    background:url('/assets/images/customer/arrow_w_down.png')no-repeat right 20px center #003b8f;
    background-size: 4%;
  }
}

/* 次以降登録作業手順
------------------------------------------ */

div.manual_area.next_flow {
  width: 1000px;
  margin: 0 auto;
  margin-top: 72px;
  padding-top: 56px;
  border: none;
  border-top: 1px solid #ddd;
}

div.manual_area.next_flow div.flowBox {
  width: 815px;
  margin: 0 auto;
}

div.manual_area.next_flow div.flowBox p {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}

div.manual_area.next_flow div.flowBox .contentBox {
  margin-top: 56px;
  text-align: center;
}

div.manual_area.next_flow div.flowBox .box001,
div.manual_area.next_flow div.flowBox .box002,
div.manual_area.next_flow div.flowBox .box003,
div.manual_area.next_flow div.flowBox .box004,
div.manual_area.next_flow div.flowBox .box005 {
  display: inline-block;
}

div.manual_area.next_flow div.flowBox p.flowimages {
  text-align: center;
  margin-bottom: 15px;
}

div.manual_area.next_flow div.flowBox p.flowimages_arrow {
  margin: 0 30px;
}
div.manual_area.next_flow div.flowBox p.flowimages_arrow img {
  padding-bottom: 50px;
}

div.manual_area.next_flow div.flowBox p.flowtext {
  font-size: 12px;
}

div.manual_area.next_flow div.flowBox p.flowtext.cs {
  position: relative;
  top: -20px;
}

@media (max-width: 1024px) {
  div.manual_area.next_flow,
  div.manual_area.next_flow div.flowBox {
    width: 100%;
  }
}

@media (max-width: 979px) {
  div.manual_area.next_flow div.flowBox p.flowimages_arrow {
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  div.manual_area.next_flow div.flowBox .box001,
  div.manual_area.next_flow div.flowBox .box002,
  div.manual_area.next_flow div.flowBox .box003,
  div.manual_area.next_flow div.flowBox .box004,
  div.manual_area.next_flow div.flowBox .box005 {
    display: block;
  }
  div.manual_area.next_flow div.flowBox p.flowtext {
    text-align: center;
    font-size: 12px;
  }
  div.manual_area.next_flow div.flowBox p.flowimages_arrow img {
  padding-bottom: 0;
  }
  div.manual_area.next_flow div.flowBox p {
  text-align: center;
  }
  div.manual_area.next_flow div.flowBox p.flowtext.cs {
  position: static;
  }
  div.manual_area.next_flow div.flowBox p.flowimages_arrow {
    margin: 30px 0;
  }
  div.manual_area.next_flow {
    margin-top: 36px;
  }
  div.manual_area.next_flow,
  div.manual_area.next_flow div.flowBox .contentBox {
    padding-top: 30px;
   }
  div.manual_area.next_flow div.flowBox .contentBox {
    margin-top: 0;
  }
  div.manual_area.next_flow div.flowBox p {
    margin: 0;
  }
  div.contentBox.hidden-desktop.hidden-tablet {
    margin-bottom: 36px;
  }
}

/* 登録完了画面
------------------------------------------ */

div.manual_area.Completemail {
  width: 1000px;
  margin: 0 auto;
  margin-top: 72px;
  padding-top: 56px;
  border: none;
  border-top: 1px solid #ddd;
}

div.manual_area.Completemail div.flowBox {
  width: 1000px;
  margin: 0 auto;
}

div.manual_area.Completemail div.flowBox .contentBox {
  margin-top: 56px;
}

div.manual_area.Completemail div.flowBox p {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

div.manual_area.Completemail div.flowBox .contentBox ul li {
  display: inline-block;
  margin-left: 0.65%;
  list-style: none;
}
div.manual_area.Completemail div.flowBox .contentBox ul li:first-child {
  margin-left: 0;
}

div.manual_area.Completemail img {
  border: 1px solid #ddd;
}

@media (max-width: 1200px) {
  div.inner-container,
  div.manual_area.Completemail,
  div.manual_area.Completemail div.flowBox {
    width: 100%;
  }
  div.manual_area.Completemail div.flowBox .contentBox ul li {
    margin-left: 0.9%;
    width: 24%;
  }
}

@media (max-width: 1024px) {
  div.manual_area.Completemail,
  div.manual_area.Completemail div.flowBox {
    width: 100%;
  }
  div.manual_area.Completemail div.flowBox .contentBox ul li {
    display: inline-block;
    margin-left: 0.9%;
    width: 24%;
  }
}

@media (max-width: 979px) {
  div.manual_area.Completemail div.flowBox .contentBox ul li {
    margin-left: 2.1%;
    width: 23%;
  }

  div.manual_area.Completemail img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.manual_area.Completemail div.flowBox .contentBox ul li {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 1.4%;
    width: 49%;
  }
  div.manual_area.Completemail div.flowBox .contentBox ul li:nth-child(2n) {
    margin-left: 1.4%;
  }
  div.manual_area.Completemail {
    margin-top: 36px;
  }
  div.manual_area.Completemail,
  div.manual_area.Completemail div.flowBox .contentBox {
    padding-top: 30px;
  }
  div.manual_area.Completemail div.flowBox .contentBox {
    margin-top: 0;
  }
  div.manual_area.Completemail div.flowBox p {
    margin: 0;
  }
}

@media (max-width: 582px) {
  div.manual_area.Completemail div.flowBox .contentBox ul li {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 1.4%;
    width: 48%;
  }
  div.manual_area.Completemail div.flowBox .contentBox ul li:nth-child(2n) {
    margin-left: 1.4%;
  }
}