@charset "utf-8";

.wrap{
  display: none;
}

.hide{
  display: none;
}

@media screen and (max-width: 767px){
  .hide{
    display: none;
  }
}

strong{ font-weight: bold; }


.wrap .main_header .navi_text.navi_text_top{ margin-bottom: 30px;}
.wrap .main_header .navi_text.navi_text_btm{ margin-top: 30px;}


.wrap .billing_conf_contents{
  display: none;
}

.wrap .contents_2{
  display: none;
}

.wrap .one_item input,
.wrap .one_item select,
.wrap .one_item textarea{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.wrap .one_item{
  margin-top: 50px;
  overflow: hidden;
}

.wrap .formError{
  font-size: 1rem;
  color: #d60000;
  margin-bottom: 5px;
  display: block;
}

.wrap .formError + input,
.wrap .formError + select,
.wrap .formError + textarea{
  /*background: #fedede !important;
  border-color: #fdb1b2 !important;*/
}

.wrap .ss_input_1,
.wrap .ss_input_2{
  width: 280px;
  float: left;
}

.wrap .ss_input_2{
  margin-left: 20px;
}

.wrap #zip .ss_input_1{
  width: 230px;
}

.wrap #zip .ss_input_2{
  width: 280px;
}

.wrap #zip .ss_input_1 input,
.wrap #zip .ss_input_2 input{
  width: 200px;
}

.wrap #zip .ss_leftComment{
}

.wrap #zip .ss_rightComment{
  margin-left: 20px;
}

.wrap #zip .ss_input_2 .ss_rightComment{
  display: block;
  margin-left: 0;
}

.wrap_confirm .one_item dt{
  display: inline-block;
  width: 300px;
  margin-right: 30px;
  vertical-align: top;
  margin-top: 15px;
}

.wrap_confirm .one_item dd{
  display: inline-block;
}

.wrap_confirm .one_item dd .ss_input{
  display: inline-block;
  margin-right: 20px;
  border: 1px solid #d4dbdb;
  padding: 10px 20px;
  box-sizing: border-box;
  width: 500px;
  min-height: 50px;
  word-break: break-all;
}

.wrap_confirm .one_item .input_name .ss_input{
  width:230px;
}

.wrap_confirm .one_item #zip .input_zip{
  width: 400px;
}

.wrap_confirm .one_item #zip .input_zip .ss_input.hyphen_elem{
  border: none;
  width: 30px;
}

.wrap_confirm .one_item #zip .input_zip .ss_input{
  width:100px;
}

.wrap_confirm .one_item #zip .input_zip .ss_input_1{
  margin-right: 0;
}

.wrap .sec_confirm{
    padding-top: 30px;
}

.wrap .table{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
.wrap .table th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
.wrap .table td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

@media screen and (max-width: 767px){
  header{
    min-width: 100%;
    padding: 0;
    padding-top: 10px;
  }
  .in,
  header,
  header .logo{
    width: 100%;
    display: block;
    margin-bottom: 0;
  }
  header .logo{
    padding-left: 0;
    display: block;
  }
  header .in h1{
    width: 100%;
    display: block;
    font-size: 16px;
  }
  header .logo,
  header .in{
    margin-left: 20px;
    width: 90%;
  }
  .main_header,
  .wrap .sec_about,
  .wrap .sec_consent{
    width: 90%;
    margin: 0 auto;
  }
  main article section.sec_about dl dd.cnts{
    margin-left: 0;
    margin-right: 0;
  }
  main article section.sec_form dl dt{
    float: none;
  }
  main article section.sec_form dl dd{
    margin-left: 0;
    padding-left: 0;
  }
  main .main_header ul.flow li:nth-child(2){
    padding: 0;
  }
  .wrap .ss_input_2{
    margin-left: 0;
  }
  main article section.sec_form dl dd.dd_radio02 ul li:nth-child(2n), main article section.sec_form dl dd.dd_checkbox02 ul li:nth-child(2n){
    margin-left: 0;
  }
  main article section.sec_form dl dd.dd_radio02 ul li, main article section.sec_form dl dd.dd_checkbox02 ul li{
    width: 100%;
  }
  main article section.sec_form dl dd.dd_radio02 ul li:nth-child(2n), main article section.sec_form dl dd.dd_checkbox02 ul li:nth-child(2n){
    margin-top: 10px;
  }
  main article section.sec_consent ul li.agree{
    margin-bottom: 10px;
    margin-right: 20px;
  }
  main article section.sec_consent ul li.disagree{
    margin-left: 0;;
  }
  .wrap_confirm .one_item dt,
  .wrap_confirm .one_item dd,
  .wrap_confirm .one_item .ss_input,
  .wrap_confirm .one_item input{
    width: 100% !important;
    line-height: 25px;
  }
  .wrap_confirm .ss_input_2{
    margin-top: 10px;
  }
  .wrap .sec_submit button{
    position: static;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .wrap section.same_data_as_visitor.sec_btn{
    width: inherit !important;
  }
}

.wrap .flow{
  visibility: hidden;
}
.wrap section.same_data_as_visitor.sec_btn{
  font-size: 1.286rem;
  color: #191817;
  background: #fff;
  padding: 15px;
  border: 2px solid #191817;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  width: 333px;
  margin: 0;
  text-align: center;
}
.wrap section.same_data_as_visitor.sec_btn input{
  display: none;
}



@media screen and (max-width: 440px){
  main article section.sec_consent ul li.agree,
  main article section.sec_consent ul li.disagree{
    display: block;
    margin-right: 0;
    margin-left: 0 !important;
  }
}

.wrap_userenquete main article section.sec_form .enq_area dl dd.dd_textarea textarea,
.wrap_userenquete main article section.sec_form .enq_area dl dd.dd_text input[type="text"],
.wrap_userenquete main article section.sec_form .enq_area dl dd.dd_text input[type="password"]{
  width: 90%;
  margin-right: 10px;
}

.wrap_userenquete main article section.sec_form .enq_area dl dd{
  margin-left: 145px;
}

.wrap .enq_area .title{
  font-weight: bold;
  font-size: 18px;
  margin-top: 40px;
}

.wrap .enq_area .product{
  border: 2px solid #d4dbdb;
  border: 2px solid #d4dbdb;
  margin-left: 245px;
  margin-top: -30px;
}

.wrap .enq_area .product .item{
  background: #eceeee;
  border: 1px solid #d4dbdb;
  padding: 10px 20px;
  margin: 10px;
}

.wrap .enq_area .thing{
  margin-top: -30px;
  margin-left: 30px;
}

@media screen and (max-width: 767px){
  .wrap .enq_area .product{
    margin-left: 0;
    margin-top: 0;
  }

  .wrap_userenquete main article section.sec_form .enq_area dl dd{
    margin-left: 0;
  }
}

.wrap_confirm .enq_area .product.sample_area,
.wrap_confirm .enq_area .product.catalog_area{
  margin-left: 337px;
  width: 495px;
}

@media screen and (max-width: 767px){
  .wrap_confirm .enq_area .product.sample_area,
  .wrap_confirm .enq_area .product.catalog_area{
    margin-left: 0;
    width: 100%;
  }
}

.smp_web_contents{
  margin-bottom: 30px;
}

.smp_web_contents .block{
  border: 3px solid #000;
}

.smp_web_contents .block_1{
  border-bottom: none;
}

.smp_web_contents .title{
  background: #191817;
  color: #fff;
  font-size: 1.714rem;
  text-align: center;
  padding: 15px 0;
}

.smp_web_contents .text_width_1{ display: inline-block; width: 250px; }
.smp_web_contents .text_width_2{ display: inline-block; width: 200px; }
.smp_web_contents .text_width_3{ display: inline-block; width: 300px; }
.smp_web_contents .text_width_4{ display: inline-block; width: 200px; }

.smp_web_contents p{ margin-left: 10px;}
.smp_web_contents .bold{ font-weight: bold; }
.smp_web_contents a{ color: #0070C0; }
.smp_web_contents .blue{ color: #0070C0; }
.smp_web_contents .red{ color: red; }
.smp_web_contents .size14{ font-size: 14px; }
.smp_web_contents .size15{ font-size: 15px; }
.smp_web_contents .size16{ font-size: 16px; }
.smp_web_contents .size17{ font-size: 17px; }
.smp_web_contents .size18{ font-size: 18px; }
.smp_web_contents .size19{ font-size: 19px; }
.smp_web_contents .size20{ font-size: 20px; }
.smp_web_contents .size21{ font-size: 21px; }
.smp_web_contents .size22{ font-size: 22px; }
.smp_web_contents .size23{ font-size: 23px; }
.smp_web_contents .size24{ font-size: 24px; }
.smp_web_contents .size25{ font-size: 25px; }
.smp_web_contents .size26{ font-size: 26px; }
.smp_web_contents .size27{ font-size: 27px; }
.smp_web_contents .size28{ font-size: 28px; }
.smp_web_contents .size29{ font-size: 29px; }
.smp_web_contents .size30{ font-size: 30px; }
.smp_web_contents .mt10{ margin-top: 10px; }
.smp_web_contents .mt11{ margin-top: 11px; }
.smp_web_contents .mt12{ margin-top: 12px; }
.smp_web_contents .mt13{ margin-top: 13px; }
.smp_web_contents .mt14{ margin-top: 14px; }
.smp_web_contents .mt15{ margin-top: 15px; }
.smp_web_contents .mt16{ margin-top: 16px; }
.smp_web_contents .mt17{ margin-top: 17px; }
.smp_web_contents .mt18{ margin-top: 18px; }
.smp_web_contents .mt19{ margin-top: 19px; }
.smp_web_contents .mt20{ margin-top: 20px; }
.smp_web_contents .mt21{ margin-top: 21px; }
.smp_web_contents .mt22{ margin-top: 22px; }
.smp_web_contents .mt23{ margin-top: 23px; }
.smp_web_contents .mt24{ margin-top: 24px; }
.smp_web_contents .mt25{ margin-top: 25px; }
.smp_web_contents .mt26{ margin-top: 26px; }
.smp_web_contents .mt27{ margin-top: 27px; }
.smp_web_contents .mt28{ margin-top: 28px; }
.smp_web_contents .mt29{ margin-top: 29px; }
.smp_web_contents .mt30{ margin-top: 30px; }
.smp_web_contents .mb10{ margin-bottom: 10px; }
.smp_web_contents .mb11{ margin-bottom: 11px; }
.smp_web_contents .mb12{ margin-bottom: 12px; }
.smp_web_contents .mb13{ margin-bottom: 13px; }
.smp_web_contents .mb14{ margin-bottom: 14px; }
.smp_web_contents .mb15{ margin-bottom: 15px; }
.smp_web_contents .mb16{ margin-bottom: 16px; }
.smp_web_contents .mb17{ margin-bottom: 17px; }
.smp_web_contents .mb18{ margin-bottom: 18px; }
.smp_web_contents .mb19{ margin-bottom: 19px; }
.smp_web_contents .mb20{ margin-bottom: 20px; }
.smp_web_contents .mb21{ margin-bottom: 21px; }
.smp_web_contents .mb22{ margin-bottom: 22px; }
.smp_web_contents .mb23{ margin-bottom: 23px; }
.smp_web_contents .mb24{ margin-bottom: 24px; }
.smp_web_contents .mb25{ margin-bottom: 25px; }
.smp_web_contents .mb26{ margin-bottom: 26px; }
.smp_web_contents .mb27{ margin-bottom: 27px; }
.smp_web_contents .mb28{ margin-bottom: 28px; }
.smp_web_contents .mb29{ margin-bottom: 29px; }
.smp_web_contents .mb30{ margin-bottom: 30px; }
.smp_web_contents .pt10{ padding-top: 10px; }
.smp_web_contents .pt11{ padding-top: 11px; }
.smp_web_contents .pt12{ padding-top: 12px; }
.smp_web_contents .pt13{ padding-top: 13px; }
.smp_web_contents .pt14{ padding-top: 14px; }
.smp_web_contents .pt15{ padding-top: 15px; }
.smp_web_contents .pt16{ padding-top: 16px; }
.smp_web_contents .pt17{ padding-top: 17px; }
.smp_web_contents .pt18{ padding-top: 18px; }
.smp_web_contents .pt19{ padding-top: 19px; }
.smp_web_contents .pt20{ padding-top: 20px; }
.smp_web_contents .pt21{ padding-top: 21px; }
.smp_web_contents .pt22{ padding-top: 22px; }
.smp_web_contents .pt23{ padding-top: 23px; }
.smp_web_contents .pt24{ padding-top: 24px; }
.smp_web_contents .pt25{ padding-top: 25px; }
.smp_web_contents .pt26{ padding-top: 26px; }
.smp_web_contents .pt27{ padding-top: 27px; }
.smp_web_contents .pt28{ padding-top: 28px; }
.smp_web_contents .pt29{ padding-top: 29px; }
.smp_web_contents .pt30{ padding-top: 30px; }
.smp_web_contents .pb10{ padding-bottom: 10px; }
.smp_web_contents .pb11{ padding-bottom: 11px; }
.smp_web_contents .pb12{ padding-bottom: 12px; }
.smp_web_contents .pb13{ padding-bottom: 13px; }
.smp_web_contents .pb14{ padding-bottom: 14px; }
.smp_web_contents .pb15{ padding-bottom: 15px; }
.smp_web_contents .pb16{ padding-bottom: 16px; }
.smp_web_contents .pb17{ padding-bottom: 17px; }
.smp_web_contents .pb18{ padding-bottom: 18px; }
.smp_web_contents .pb19{ padding-bottom: 19px; }
.smp_web_contents .pb20{ padding-bottom: 20px; }
.smp_web_contents .pb21{ padding-bottom: 21px; }
.smp_web_contents .pb22{ padding-bottom: 22px; }
.smp_web_contents .pb23{ padding-bottom: 23px; }
.smp_web_contents .pb24{ padding-bottom: 24px; }
.smp_web_contents .pb25{ padding-bottom: 25px; }
.smp_web_contents .pb26{ padding-bottom: 26px; }
.smp_web_contents .pb27{ padding-bottom: 27px; }
.smp_web_contents .pb28{ padding-bottom: 28px; }
.smp_web_contents .pb29{ padding-bottom: 29px; }
.smp_web_contents .pb30{ padding-bottom: 30px; }


@media screen and (max-width: 767px){
  .smp_web_contents{
    font-size: 70%;
  }

  .smp_web_contents .sp_block{
    display: block;
  }

  .smp_web_contents .text_width_1{ display: block; width: 100%; }
  .smp_web_contents .text_width_2{ display: block; width: 100%; }
  .smp_web_contents .text_width_3{ display: block; width: 100%; }
  .smp_web_contents .text_width_4{ display: block; width: 100%; }

  .smp_web_contents .sp_size15{ font-size: 15px; }

  .smp_web_contents .sp_pl10{ padding-left: 10px; }
  .smp_web_contents .sp_pl11{ padding-left: 11px; }
  .smp_web_contents .sp_pl12{ padding-left: 12px; }
  .smp_web_contents .sp_pl13{ padding-left: 13px; }
  .smp_web_contents .sp_pl14{ padding-left: 14px; }
  .smp_web_contents .sp_pl15{ padding-left: 15px; }
  .smp_web_contents .sp_pl16{ padding-left: 16px; }
  .smp_web_contents .sp_pl17{ padding-left: 17px; }
  .smp_web_contents .sp_pl18{ padding-left: 18px; }
  .smp_web_contents .sp_pl19{ padding-left: 19px; }
  .smp_web_contents .sp_pl20{ padding-left: 20px; }
  .smp_web_contents .sp_pl21{ padding-left: 21px; }
  .smp_web_contents .sp_pl22{ padding-left: 22px; }
  .smp_web_contents .sp_pl23{ padding-left: 23px; }
  .smp_web_contents .sp_pl24{ padding-left: 24px; }
  .smp_web_contents .sp_pl25{ padding-left: 25px; }
  .smp_web_contents .sp_pl26{ padding-left: 26px; }
  .smp_web_contents .sp_pl27{ padding-left: 27px; }
  .smp_web_contents .sp_pl28{ padding-left: 28px; }
  .smp_web_contents .sp_pl29{ padding-left: 29px; }
  .smp_web_contents .sp_pl30{ padding-left: 30px; }

  .ss_close .close{
    display: block;
    margin: 20px auto;
    width: 100px;
    height: 40px;
  }
}