@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 640px){
/*共通で使用するもの　ここから*/
.line_black_dotted {
  display: block !important;
  margin: 20px 2% !important;
}
.sp_block {
  display: block;
}
.sp_unset {
  display: unset;
}
.sp_height_auto {
  height: auto !important;
}
.sp_width_100 {
  width: 100% !important;
  box-sizing: border-box;
}
.sp_width_98 {
  width: 98% !important;
  margin: 0 1% !important;
  box-sizing: border-box;
}
.sp_width_98_m1 {
  width: 98% !important;
  margin: 1% !important;
  box-sizing: border-box;
}
.sp_width_96 {
  width: 96% !important;
  box-sizing: border-box;
}
.sp_width_96_mrl2 {
  width: 96% !important;
  margin: 0 2% !important;
  box-sizing: border-box;
}
.sp_width_96_m2 {
  width: 96% !important;
  margin: 2% !important;
  box-sizing: border-box;
}
.sp_width_94_m3 {
  width: 94% !important;
  margin: 3% !important;
  box-sizing: border-box;
}
.sp_width_92_p4 {
  width: 92% !important;
  padding: 4% !important;
  box-sizing: border-box;
}
.sp_width_49 {
  width: 49% !important;
  box-sizing: border-box;
}
.sp_width_32 {
  width: 32% !important;
  box-sizing: border-box;
}
.sp_ma0 {
  margin: 0 !important;
}
.sp_mt0 {
  margin-top: 0 !important;
}
.sp_mr0 {
  margin-right: 0 !important;
}
.sp_mb0 {
  margin-bottom: 0 !important;
}
.sp_ml0 {
  margin-left: 0 !important;
}
.sp_mrl0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.sp_ma2 {
  margin: 2% !important;
}
.sp_mt2 {
  margin-top: 2% !important;
}
.sp_ml2 {
  margin-left: 2% !important;
}
.sp_mr2 {
  margin-right: 2% !important;
}
.sp_mb2 {
  margin-bottom: 2% !important;
}
.sp_mrl2 {
  margin-right: 2% !important;
  margin-left: 2% !important;
}
.sp_mrl4 {
  margin-right: 4% !important;
  margin-left: 4% !important;
}
.sp_mt4 {
  margin-top: 4% !important;
}
.sp_mt6 {
  margin-top: 6% !important;
}
.sp_mt8 {
  margin-top: 8% !important;
}
.sp_mb4 {
  margin-bottom: 4% !important;
}
.sp_mb6 {
  margin-bottom: 6% !important;
}
.sp_mtb4 {
  margin-top: 4% !important;
  margin-bottom: 4% !important;
}
.sp_pa0 {
  padding: 0 !important;
}
.sp_pt0 {
  padding-top: 0 !important;
}
.sp_pr0 {
  padding-right: 0 !important;
}
.sp_pb0 {
  padding-bottom: 0 !important;
}
.sp_pl0 {
  padding-left: 0 !important;
}
.sp_pa2 {
  padding: 2% !important;
}
.sp_pt2 {
  padding-top: 2% !important;
}
.sp_pb2 {
  padding-bottom: 2% !important;
}
.sp_ptb2 {
  padding-top: 2% !important;
  padding-bottom: 2% !important;
}
.sp_pa3 {
  padding: 3% !important;
}
.sp_pa4 {
  padding: 4% !important;
}
.sp_pr4 {
  padding-right: 4% !important;
}
.sp_pl4 {
  padding-left: 4% !important;
}
.sp_pb4 {
  padding-bottom: 4% !important;
}
.sp_floatn {
  float: none !important;
}
.sp_txtc {
  text-align: center !important;
}
.sp_txtl {
  text-align: left !important;
}
.sp_wb_ba {
  word-break: break-all;
}
.sp_width_100 iframe {
  width: 100%;
  height: auto;
}
/*共通で使用するもの　ここまで*/
.dry_gason{
margin: 0 16px;
width: auto;
float: none;
}
.dry_gason_border{
border: #f30100 solid 2px;
padding: 10px;
}
.dry_gason_logo{
text-align: center;
}
.gason_product{
overflow: hidden;
clear: both;
margin: 10px 0;
}
.dry_pro_img{
float: left;
margin-top: 2%;
width: 45%;
text-align: center;
}
.dry_pro_txt{
float: left;
width: 52%;
margin-left: 3%;
color: #222;
}
.pro_txt_t{
font-size: 15px;
font-weight: bold;
line-height: 22px;
}
.pro_txt_s{
margin-top: 5px;
line-height: 20px;
}
.dry_gason_btn{
    margin: 0;
background: #f30100;
padding: 10px;
width: auto;
border-radius: 5px;
font-size: 14px;
text-align: center;
font-weight: bold;
}
.dry_gason_btn p{
color: #FFFFFF!important;
}
.fullauto_text {
font-size: 12px;
background: #f5f5f5;
margin: 10px 0 20px 0;
padding: 10px 8px;
text-align: center;
display: block;
}
.dry_wall{
margin: 0 16px;
width: auto;
    float: none;
}
.dry_wall_border{
border: #ed7d31 solid 2px;
margin-bottom: 10px;
font-size: 13px;
text-align: center;
}
.dry_wall_title{
background: #ed7d31;
padding: 8px;
}
.dry_wall_title p{
color: #FFFFFF!important;
	font-weight: bold;
}
.dry_wall_img{
padding: 2%!important;
}
.dry_wall_btn{
background: #ed7d31;
margin: 10px;
padding: 10px;
width: auto;
border-radius: 5px;
font-size: 14px;
text-align: center;
font-weight: bold;
}
.dry_wall_btn p{
color: #FFFFFF!important;
}
.dry_kanta_box{
margin: 0 16px;
    width: auto;
}
.dry_kanta_border{
border: #cfcfcf solid 2px;
border-top-color: #f30100;
border-top-width: 4px;
padding: 10px;
}
.dry_kanta_img{
    float: none;
    width: auto;
    text-align: center;
    margin-top: 5px;
margin-bottom: 15px;
}
	.dry_kanta_img img{
	    width: 90%;
	}
	
	.dry_kanta_r{
	    width: auto;
    float: none;
    margin-left: 0;
	}
.dry_kanta_txt{
font-size: 13px;
padding-left: 13px;
color: #222;
font-weight: bold;
line-height: 21px;
}
.dry_kanta_txt p span{
font-size: 16px;
}
.dry_kanta_btn{
background: #f30100;
padding: 10px;
width: auto;
border-radius: 5px;
font-size: 12px;
text-align: center;
    margin: 10px 0 0 0!important;
    font-weight: bold;
}
.dry_kanta_btn p{
color: #FFFFFF!important;
}
.search_dry_txt01{
font-size: 12px;
    text-align: center;
}
.search_dry_txt02{
font-size: 18px;
margin-top: 0;
}
	.sp_block{
	display: block;
	}
	.bnr_function_box{
margin: 16px !important;
    width: auto;
	}
	.function_flex{
	    margin: 0;
	}
	.function_txt{
	font-size: 16px;
    line-height: 22px;
    margin: 3% 2%;
    text-align: center;
	    padding: 3% 0 0 3%;
	}
	.function_img{
	    width: 100%;
    margin: 5px;
	}
	.fullauto_text02{
	font-size: 12px;
background: #f5f5f5;
margin: 16px;
padding: 10px 8px;
text-align: center;
display: block;
	}
	.static_scroll {
    width: auto !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow-x: auto;
    clear: both;
    -webkit-overflow-scrolling: touch;
}
}