@media only screen and (max-width: 640px) { 	

	/*.h2-type6-1 {
		margin: 0 2%;
	}*/
	.sp_mt20 {
		margin-top: 20px !important;
	}
	.sp_mt10 {
		margin-top: 10px !important;
	}
	.sp_txtc {
		text-align: center !important;
	}
	.sp_mb10 {
		margin-bottom: 10px !important;
	}
	.sp_mb20 {
		margin-bottom: 20px !important;
	}
	.sp_txtl {
		text-align: left !important;
	}
	.sp_ml2 {
		margin-left: 2%;
	}
	.sp_ml0 {
		margin-left: 0 !important;
	}
	.sp_f16 {
		font-size: 16px !important;
	}
	.sp_pa0 {
		padding: 0 !important;
	}
	.sp_w_auto {
		width: auto !important;
	}
	.sp_w_100 {
		width: 100% !important;
	}	
	.sp_flex {
		display: flex;
	}
	.sp_ma_a {
		margin: 0 auto !important;
	}
	.box_ma {
		margin: 0 2% !important;
	}
	.sp_block {
		display: block;
	}
	.border_box_3_554 {
		width: auto;
		padding: 10px;
		margin: 0 2%
	}
	.bnr_area {
		display: block;
		margin: 0 2%;
		text-align: center;
	}
	table {
		display: block;
	}
	.sp_none {
		display: none;
	}
	
	.sp_ma0 {
		margin: 0 !important;
	}
	
	.inf_wrap {
		padding: 5px;
		width: auto;
		margin: 0 2%;
	}
	.set_navi {
		width: auto !important;
    height: auto !important;
	}
	.set_navi_inb {
		width: 100%;
    display: flex;
	}
	.w324 {
		width: 100%;
	}
	.headline {
		height: auto;
		padding: 5px !important;
		line-height: normal;
		text-align: center;
	}
	.grade {
		padding: 0 !important;
	}
	.sp_w_a {
		width: auto !important;
	}

.sp_f_reset {
	float: none !important;
	width: 100% !important;
}	
.sp_img_reset {
	width: auto !important;
	float: none !important;
	margin: 0;
}
.sp_setsuyaku_bnr {
	display: block;
	text-align: center;
}

	.flex_banner div:first-child {
		margin-right: 0 !important;
		margin-bottom: 10px;
	}
	.flex_banner div:nth-child(2) {
		margin-bottom: 10px;
	}
	.flex_banner div > span:last-child {
    display: block;
    margin-top: 5px;
	}
	.recomendFrame {
		width: auto !important;
	}
	.recomendBox {
		width: 46% !important;
    margin: 2% !important;
    box-sizing: border-box;
		padding-top: 10px;
		height: auto !important;
	}
	.sp_reset_text {
		width: auto !important;
		margin: 0 2%;
	}
	.flex {
		display: inline-block;
		overflow: hidden;
		text-align: center;
	}
	.flex div {
		margin: 0 2%;
		float: left;
		width: 46%;
	}
	.page_link {
		font-size: 12px;
    margin: 10px 2%;
		line-height: 1.4;
	}
	.fl_466 {
		width: auto;
	}
	.fr_227 {
		text-align: center;
    float: none;
    width: auto;
	}
	.fl_326 {
		width: auto;
    float: none;
		text-align: center;
    margin: 20px 0;
	}
	.fr_361 {
		width: auto;
    float: none;
	}
	.siaa_box {
		text-align: center;
	}
	.sp_f_none {
		float: none !important;
	}
	.border_gray {
		margin: 0 2%;
	}
	.color_midashi2 {
		font-size: 18px;
	}
	.amz_color {
		width: auto;
		height: auto;
	}
	.ichiran_box2 {
		margin: 0 2%;
		width: auto;
		padding: 10px !important;
	}
	.posi_no {
		position: static !important;
	}
	.ichiran_box1 {
		margin: 0 2%;
		width: auto;
		padding: 10px !important;
	}
	.color_title {
		margin: 0 2%;
	}
	.color_title + .border_gray div:first-child {
		float: none !important;
		width: auto !important;
	}
	.color_title + .border_gray div:nth-child(2) {
		margin-left: 0 !important;
    width: 45%;
	}
	.color_title + .border_gray div:nth-child(3) {
		margin-left: 0 !important;
    width: 45%;
	}
	.inf_wrap2 {
	  padding: 5px;
		width: auto;
		margin: 0 2%;
	}
	form.cart_type1 .estimate-button button.linkToEstimate {
		height: auto !important;
	}

	.refore-constcost-box {
		width: auto;
		float: none !important;
    overflow: hidden;
		padding: 8px;
	}	
	.refore-constcost-box > div {
		margin-right: 0 !important;
	}
	div.ofh.ml20.mr20.txtc > div.fl{
		width: 50%;
	}
	




	
}