@charset "UTF-8";

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


	.column3{
		width: calc(50% - 10px);
		margin: 15px auto 0;
		height: auto !important;
		float: none;
	}
	#categorybox{
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#categorybox img:nth-of-type(1){
		max-width: 160px;
	}

	.column2{
		width: 100%;
		margin: 15px auto 0;
		height: auto !important;
		float: none;
	}
	.column3-tukaito input.lastChild,
	.column2 input.lastChild,
	.column2r input.lastChild{
		display: block;
		margin: 10px auto;
	}
	.partsbox{
		width: 100%;
		margin: 15px auto;
	}
	.itemtitle{
		margin: 0;
		background-color: #000;
	}
	#menukisample{
		width: calc(100% - 20px);
		margin: auto;
	}
	#menukisample img{
		margin-bottom: 10px;
	}
	.tuba p{
		padding-left: 10px;
		padding-right: 10px;
	}
	.tuba{
		margin-bottom: 10px;
	}
	#categorybox>p{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.columnwide{
		width: 100%;
		margin: 10px auto;
		float: none;
	}
	.column2r{
		width: 100%;
		margin-right: 0;
		float: none;
		height: auto !important;
	}
	.itemtitle_half{
		background-color: #000;
	}
	#categorybox form{
		font-weight: 600;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	#categorybox form br.empty{
		display: none;
	}
	#categorybox select{
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}

	.columnwide>p{
		padding: 10px;
	}
	.column3-2{
		width: calc(100% - 20px);
		margin: 0 auto 20px;
		float: none;
	}
	#categorybox img{
		width: 100%;
		float: none;
	}
	h5.examplehx{
		width: calc(100% - 10px);
	}
	#ordertbl.firstChild tr.firstChild{
		display: none;
	}
	.b-j-detailimage{
		width: calc(100% - 20px);
		margin: 10px auto;
		float: none;
	}

	.sampleorosi dt{
		text-align: left;
		font-weight: 600;
		float: none;
		font-size: 1.3rem;
	}
	.sampleorosi dd{
		float: none;
		width: 120px;
		margin-bottom: 15px;
	}
	.sampleorosi dd img{
		width: 100% !important;
		margin: 0 !important;
	}
	.orositbl{
		width: calc(100% - 20px);
		margin: auto;
		font-size: 1.3rem;
	}
	.orositbl td{
		padding-bottom: 1em;
	}
	.column3-tukaito{
		width: calc(50% - 7.5px);
		margin: 0 0 15px;
		float: none;
		height: auto !important;
	}
	.maincolhr{
		display: none;
	}
	.contenth4{
		width: 100%;
	}
	.repairtbl caption{
		font-weight: 600;
		display: block;
		width: 100%;
	}
	.repairtbl,
	.repairtbl tbody,
	.repairtbl tr{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.repairtbl th{
		text-align: left;
		width: 100%;
		display: block;
		border: none;
	}
	.repairtbl td{
		width: 70%;
		display: block;
		border: none;
		float: left;
	}
	.repairtbl tr{
		border-bottom: 1px dotted #ccc;
		padding: 10px 0;
	}
	.repairtbl td:nth-child(3){
		width: 30%;
		text-align: center;
		font-weight: 600;
	}
	.pc-th{
		display: none !important;
	}
	.repairtbl:nth-of-type(2) tr.lastChild td{
		width: 100%;
	}
}