@charset "utf-8";
.requestInformationForm [type="text"], .requestInformationForm [type="email"], .requestInformationForm [type="url"], .requestInformationForm [type="number"], .requestInformationForm [type="password"], .requestInformationForm [type="button"], .requestInformationForm [type="submit"], .requestInformationForm [type="reset"], .requestInformationForm textarea, .requestInformationForm select {
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  padding: 8px;
}
.requestInformationForm select {
    padding: 10px 34px 10px 10px;
}


.addedItemsWrap p {
  margin: 0;
  padding: 0;
}
.addedItemsWrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden
}
.clearfix {
  min-height: 1px
}
* html .clearfix {
  height: 1px
}
.clear {
  clear: both
}
#requestWrap p, #requestWrap ul {
  margin: 0;
  padding: 0;
}
#requestWrap ul {
  list-style: none;
}
.wrapper {
  margin: 0;
  padding: 160px 0 0;
}
.inner {
  width: 1000px;
  margin: 0 auto;
}
.steps {
  text-align: center;
  margin: 50px 0;
}
.requestH2 {
  font-size: 110% !important;
  margin: 5px 0;
}
.mgb15 {
  margin-bottom: 15px;
}
.mgt25 {
  margin-top: 25px !important;
}
/*
カートに追加された製品
---------------------------*/
.addedItemsWrap {
  margin: 0 auto 50px auto;
}
.addItems {
  padding: 10px;
  border: 1px solid #ccc;
}
.itemBoxLi li {
  float: left;
  width: 48%;
  margin: 10px 1% 30px 1%;
  height: 70px;
}
.itemBoxLi li:nth-child(2n) {
  float: right;
  width: 48%;
  margin: 10px 1% 30px 1%;
  height: 70px;
}
.confirm .itemBoxLi li {
  float: left;
  width: 48%;
  margin: 5px 1% 5px 1%;
  height: 45px;
}
.confirm .itemBoxLi li:nth-child(2n) {
  float: right;
  width: 48%;
  margin: 5px 1% 5px 1%;
  height: 45px;
}
.itemBox {
  padding: 0 0 15px 0;
}
.itemBox .left {
  float: left;
  width: 18%;
}
.itemBox .right {
  float: right;
  width: 79%;
}
.confirm .itemBox .left {
  float: left;
  width: 10%;
}
.confirm .itemBox .right {
  float: right;
  width: 88%;
}
.confirm .itemBox {
  padding: 0 0 10px 0;
}
.itemName {
  font-size: 74%;
  font-weight: bold;
  height: 3em;
}
.itemName a {
  color: #333333;
}
.toggleBtn {
  font-size: 68%;
  display: inline-block;
  border: 1px solid #cccccc;
  background: #f4f4f4;
  padding: 4px 8px !important;
  cursor: pointer;
  margin: 10px 0 0 0 !important;
  border-radius: 4px;
}
.moreSearch {
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  padding: 15px;
  text-align: center;
}
.moreSearchBtn {
  font-size: 84%;
  display: inline-block;
  border: 1px solid #cccccc;
  background: #eee;
  padding: 8px 16px !important;
  cursor: pointer;
  font-weight: bold;
  border-radius: 6px;
  color: #333333 !important;
}
/*
フォーム共通
---------------------------*/ :focus {
  outline: none;
}
/*フォームパーツ*/
#requestWrap input[type="text"], #requestWrap input[type="email"], #requestWrap input[type="number"], #requestWrap input[type="password"], #requestWrap input[type="button"], #requestWrap input[type="submit"], #requestWrap textarea, #requestWrap select {
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  padding: 8px;
  width: 100% !important;
}
#requestWrap button {
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
}
#requestWrap ::placeholder {
  font-size: 14px;
}
#requestWrap select {
  width: auto !important;
  webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/webcatalog/img/bg_select.png) no-repeat 96% #ffffff;
  background-size: auto;
  background-size: 12px 11px;
  padding: 10px 34px 10px 10px;
}
#requestWrap input[type="text"] {
  height: inherit;
}
/*ログイン、会員登録入り口*/
.loginBox, .remindBox {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px 0px #ebeaea;
  -moz-box-shadow: 0px 1px 2px 0px #ebeaea;
  -o-box-shadow: 0px 1px 2px 0px #ebeaea;
  -ms-box-shadow: 0px 1px 2px 0px #ebeaea;
  box-shadow: 0px 1px 2px 0px #ebeaea;
  margin: 0 auto;
  width: 48%;
}
.loginleft {
  float: left;
}
.loginright {
  float: right;
}
.boxTitle {
  background: #ebebeb;
  border-bottom: 1px solid #dfdfdf;
  font-size: 100%;
  font-weight: bold;
  padding: 10px;
}
.boxContents {
  padding: 25px;
}
.boxInfo {
  font-size: 90%;
  font-weight: normal;
  margin-bottom: 20px !important;
}
.inputTitle {
  color: #666666;
  font-size: 88%;
  font-weight: bold;
  margin-bottom: 2px;
}
#in_member_id {
  margin-bottom: 8px;
}
.inputTitle {
  color: #666666;
  font-size: 88%;
  font-weight: bold;
  margin-bottom: 2px;
}
#in_member_pass {
  margin-bottom: 8px;
}
.btnRed {
  -webkit-appearance: none;
  appearance: none;
  background: #cc0000;
  border: none !important;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  width: 100%;
  font-size: 14px;
}
.btnRed {
  background: #cc0000;
  border-radius: 4px;
  padding: 12px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.delTxt {
    font-size: 12px;
    color: #cc0000;
}
.pass_forgot {
  font-size: 86%;
  margin: 10px auto 40px auto !important;
}
.boxContents {
  padding: 25px;
}
.secondTitle {
  font-weight: bold;
  font-size: 105%;
  margin-bottom: 5px !important;
}
.secondBoxInfo {
  font-weight: normal;
  font-size: 90%;
  margin-bottom: 20px !important;
}
.btnGray {
  -webkit-appearance: none;
  appearance: none;
  background: #515151;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff !important;
  display: block;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
  font-size: 14px;
}
.btnWrap {
  margin: 0 auto !important;
  margin-top: 25px !important;
  width: 440px;
}
.backBtn {
  font-size: 14px;
  margin: 0 auto;
  padding: 8px !important;
  width: 200px !important;
}
#login_ssl {
  margin-top: 25px;
  text-align: center;
}
.btnLightGray {
  -webkit-appearance: none;
  appearance: none;
  background: #ececec;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #666666 !important;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
/*
会員登録 ID、パスワード
*/
.join {
  margin: 20px auto;
}
.joinBtnWrap {
  width: 250px;
  margin: 0 auto !important;
}
.riyoukitei {
  padding: 10px;
  height: 160px;
  overflow: scroll;
  font-size: 13px;
  border: 1px solid #b4b4b4;
  background-color: #ffffff;
  line-height: 1.4;
}
.riyoukitei .title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.form_message {
  margin-bottom: 10px;
}
.requestH2 .editBtnWrap {
  margin: -5px 0 5px 0 !important;
  padding: 0;
  display: inline;
  font-size: 84% !important;
  float: right;
}
/*
会員登録フォーム
---------------------------*/
table.form_table {
  margin-bottom: 40px;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
table.form_table tr th {
  width: 28%;
}
table.form_table tr th, table.form_table tr td {
  border: 1px solid #dddddd;
  padding: 7px;
}
table.form_table tr th {
  text-align: left;
  font-weight: normal;
  background: #f9f9f9 !important;
}
table.form_table tr td #in_member_id, table.form_table tr td #in_member_pass {
  margin: 0;
}
table.form_table tr td #form_zip3 {
  width: 70px !important;
}
table.form_table tr td #form_zip4 {
  width: 90px !important;
}
table.form_table tr td #form_tel1, table.form_table tr td #form_tel2, table.form_table tr td #form_tel3, table.form_table tr td #form_fax1, table.form_table tr td #form_fax2, table.form_table tr td #form_fax3 {
  width: 90px !important;
}
.editBtnWrap {
  text-align: right;
  margin-top: 10px !important;
}
.editBtnWrap button {
  font-size: 84% !important;
}
.request_form .requestInformationForm table {
  margin-bottom: 20px;
}
button.button_kenzai_red {
  font-size: 14px;
  padding: 12px;
  width: 320px;
}
.submitForm .button_kenzai_red {
  font-size: 14px;
  padding: 12px;
  width: 320px;
  margin: 0 auto;
}
#confirmRequestInformationForm .form_table {
  margin: 5px 0 80px 0;
}
.lastTbl {
  margin: 5px 0 40px 0 !important;
}
.request_recommends_item .active {
  background: #fbf6e8 !important;
  border: 1px solid #fed0b7;
}
.submitedBtnWrap {
  text-align: center;
  margin-top: 10px !important;
}
.confirmBoxWrap {
  margin-bottom: 20px;
}
.confirmBox {
  margin: 0 1.5% 0 0;
  float: left;
  width: 48%;
}
.confirmBox-nofloat {
  margin: 0 0 40px 0;
  float: none;
  width: auto;
}
.confirmBoxInner {
  border: 1px solid #cccccc;
  padding: 20px;
  border-radius: 6px;
  box-sizing: border-box;
  height: 100%;
}
.confirmTitle {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}
.confirmItem {
  padding: 0;
  margin: 0;
  font-size: 14px;
  margin-bottom: 15px;
}
.lastItem {
  margin-bottom: 0;
}
.confirmBox02, .confirmBox03 {
  float: right;
  width: 48%;
  margin: 0;
}
.confirmBox03 {
    margin-bottom: 40px;
}


.request_header_steps {
    display: block;
    margin-bottom: 30px;
}
img.image-switch {
    width: 100% !important;
    height: auto !important;
}
.btn320 {
    width: 320px;
    margin: 0 auto;
}
.deleted .left img {
    opacity: 0.5;
}

.confirmBoxInner .err,
.submitForm .err{
    padding: 0;    
    padding: 10px;
    margin: 0 0 10px 0;
    font-size: 84%;
    background: #f9e9e9;
    border: 1px solid #c00;
    color: #c00;
    font-weight: bold;
    border-radius: 4px;
}
.disabledBtn {
    cursor: inherit;
    padding: 15px 80px;
    border-radius: 4px !important;
    display: inline-block;
    width: 320px;
}
.senderr {
    color: #cc0000;
    font-weight: bold;
    font-size: 13px;
    padding: 0;
    margin: 0 0 5px 0;
    display: block;
}
.button_kenzai_red_err {
    background: #cc0000;
    color: #ffffff !important;
    border: 1px solid #cc0000 !important;
}
@media screen and (max-width:767px) {
    
.confirmBox03 {
    float: none;
    width: auto;
     margin-bottom: 40px !important;
}    
  .confirmBoxInner {
    border: 1px solid #cccccc;
    padding: 15px;
    border-radius: 6px;
    box-sizing: border-box;
    height: 100%;
  }
  .confirmBox {
    margin: 0 0 40px 0;
    float: none;
    width: auto;
  }
  .confirmBox03 {
    float: none;
    width: auto;
    margin: 0;
  }
  .inner {
    width: auto;
    margin: 0 20px 20px 20px;
  }
  .inner .form_wrapper {
    padding: 10px 0 0 0;
  }
  .itemBoxLi li {
    float: none;
    width: auto;
    margin: 10px 1% 20px 1%;
    height: auto;
    border-bottom: 1px dotted #999999;
  }
  .itemBoxLi li:nth-child(2n) {
    float: none;
    width: auto;
    margin: 10px 1% 20px 1%;
    height: auto;
    border-bottom: 1px dotted #999999;
  }
  .itemBoxLi li:last-child {
    border-bottom: none;
    margin: 10px 1% 0 1%;
  }
  .confirm .itemBoxLi li {
    float: none;
    width: auto;
    margin: 10px 1% 10px 1%;
    height: auto;
    border-bottom: 1px dotted #999999;
  }
  .confirm .itemBoxLi li:nth-child(2n) {
    float: none;
    width: auto;
    margin: 10px 1% 10px 1%;
    height: auto;
    border-bottom: 1px dotted #999999;
  }
  .confirm .itemBoxLi li:last-child {
    border-bottom: none;
    margin: 10px 1% 0 1%;
  }
  .moreSearch {
    border: 1px solid #ccc;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 0 1px 1px;
    padding: 10px;
    text-align: center;
  }
  .loginleft {
    float: none;
  }
  .loginright {
    float: none;
  }
  .loginBox, .remindBox {
    margin: 0 auto;
    width: auto;
  }
  .boxContents {
    padding: 20px;
  }
  .loginBox {
    margin: 0 auto 20px auto;
  }
  .pass_forgot {
    text-align: center;
    margin: 10px auto 0px auto !important;
  }
  .form_message {
    padding: 0;
    margin: 10px auto 20px auto !important;
  }
  .submitedBtnWrap a {
    width: auto !important;
  }
  #confirmRequestInformationForm .form_table {
    margin: 5px 0 80px 0;
  }
  .lastTbl {
    margin: 5px 0 20px 0 !important;
  }
  .request_products_backpage_link .moreSearchBtn {
    margin-bottom: 0;
  }
  .changeSendRequestInformationForm {
    margin: 0 !important;
  }
  .riyoukitei {
    margin-bottom: 20px;
  }
  .mgt40_sp {
    margin-top: 40px !important;
  }
  .request_header_steps {
    padding: 20px 0;
    margin-bottom: 40px;
    margin-top: 0;
  }
    .confirmBox02 {
        margin-bottom: 0 !important; 
    }
    .request_form .requestInformationForm #form_comment {
    width: 100%;
    box-sizing: border-box;
        height: 150px;
}
    
.btn320 {
    width: 100%;
    margin: 0 auto;
}    
    
    
}