@charset "UTF-8";
@media screen and (max-width: 767px) {
  /*****************************************
  * ユーザー情報フォーム
  *****************************************/
  .form_header_image {
    margin-bottom: 20px;
  }

  .requestInformationForm {
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
  }

  #userForm .form_table td {
    display: block;
  }

  #userForm .form_required {
    display: inline-block;
    margin-left: 5px;
  }

  #userForm .form_border input,
  #userForm .form_border select {
    border: none;
  }

  #userForm .form_border select {
    width: 100%;
    padding: 5px;
  }

  #userForm .form_message {
    padding: 10px 0;
  }

  #userForm .form_message .button {
    display: block;
    width: 100%;
  }

  #userForm button {
    margin-bottom: 10px;
  }

  #userForm #form_name,
  #userForm #form_kana,
  #userForm #form_nickname,
  .requestInformationForm #form_name,
  .requestInformationForm #form_kana,
  .requestInformationForm #form_nickname {
    /*width: 300px;*/
  }

  #userForm #form_email,
  #userForm #form_maker_name,
  #userForm #form_address1,
  #userForm #form_address2,
  #userForm #form_address3,
  #userForm #form_password1,
  #userForm #form_password2,
  .requestInformationForm #form_email,
  .requestInformationForm #form_maker_name,
  .requestInformationForm #form_address1,
  .requestInformationForm #form_address2,
  .requestInformationForm #form_address3,
  .requestInformationForm #form_password1,
  .requestInformationForm #form_password2 {
    /*width: 500px;*/
  }

  #userForm #form_zip3,
  #userForm #form_zip4,
  .requestInformationForm #form_zip3,
  .requestInformationForm #form_zip4 {
    width: 50px;
  }

  #userForm #form_tel1,
  #userForm #form_tel2,
  #userForm #form_tel3,
  #userForm #form_fax1,
  #userForm #form_fax2,
  #userForm #form_fax3,
  .requestInformationForm #form_tel1,
  .requestInformationForm #form_tel2,
  .requestInformationForm #form_tel3,
  .requestInformationForm #form_fax1,
  .requestInformationForm #form_fax2,
  .requestInformationForm #form_fax3 {
    width: 75px;
  }

  #userForm #form_sex2,
  .requestInformationForm #form_sex2 {
    margin-left: 30px;
  }

  #userForm .form_order_label,
  .requestInformationForm .form_order_label {
    margin-right: 30px;
    line-height: 1.5;
  }

  #userForm #form_comment,
  .requestInformationForm #form_comment {
    width: 500px;
    height: 300px;
  }

  #userForm .riyoukitei,
  .requestInformationForm .riyoukitei {
    padding: 10px;
    height: 160px;
    overflow: scroll;
    font-size: 13px;
    border: 1px solid #b4b4b4;
    background-color: #ffffff;
    line-height: 1.4;
  }

  #userForm .riyoukitei .title,
  .requestInformationForm .riyoukitei .title {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
  }

  #userForm #form_agreement_wrapper,
  .requestInformationForm #form_agreement_wrapper {
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
  }

  #userForm table,
  .requestInformationForm table {
    margin-bottom: 20px;
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
  }

  #userForm table tr td,
  .requestInformationForm table tr td {
    padding: 8px 8px;
  }

  #userForm table tr td:first-child,
  .requestInformationForm table tr td:first-child {
    /*width: 200px;*/
  }

  #userForm table tr td > div.info,
  .requestInformationForm table tr td > div.info {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.6;
  }

  #form_zip_row .form_group_l div,
  #form_tel_row .form_group_l div,
  #form_fax_row .form_group_l div {
    display: inline-block;
  }
}