.dummy {
	height: 450px;
	background: #666;
}
.dummy p {
	padding: 30px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
}



.main a {
	color: #ff954a;
	font-weight: bold;
	text-decoration: underline;
}
p.notice1 {
	color: #ff3300;
	font-size: 13px;
	font-weight: bold;
	margin-left: 1em;
	text-indent: -1em;
}
p.caption1 {
	margin: 5px 0 0 0;
	font-size: 12px;
	line-height: 1.3em;
}
.separator1 {
	margin-top: 30px;
	margin-bottom: 30px;
	height: 1px;
	background: #ccc;
}

h2.normal1 {
	padding-top: 10px;
	margin-bottom: 50px;
	color: #1e64d2;
	font-size: 27px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	border-top: 3px solid #1e64d2;
}
@media only screen and (max-width: 767px) {
	h2.normal1 {
		font-size: 21px;
		margin-bottom: 20px;
	}
}

h3.normal1 {
	font-size: 18px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
}

h3.normal2 {
	padding: 20px 0;
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	background: #fff;
}
@media only screen and (max-width: 767px) {
}

.lead1 {
	color: #1e64d2;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.lead1 {
		text-indent: 0;
		font-size: 17px;
		line-height: 1.3em;
		text-align: left;
	}
}

.lead2 {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.lead2 {
		text-indent: 0;
		font-size: 17px;
		line-height: 1.3em;
		text-align: left;
	}
}

table.table1 {
	width: 100%;
}
table.table1 tr th {
	padding: 15px 10px;
	font-size: 14px;
	line-height: 1.3em;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #ccc;
	background: #f0f0f0;
}
table.table1 tr td {
	padding: 15px 10px;
	font-size: 14px;
	line-height: 1.3em;
	vertical-align: middle;
	border: 1px solid #ccc;
}
table.table1 tr td p {
	font-size: 14px;
	line-height: 1.3em;
}
@media only screen and (max-width: 767px) {
	table.table1 {
		margin: 10px 0 0 0;
	}
	table.table1 tr th {
		padding: 10px 10px 10px 10px;
		font-size: 11px;
		width: 25%;
	}
	table.table1 tr td {
		padding: 10px 10px 10px 10px;
		font-size: 11px;
	}
	table.table1 tr td p {
		font-size: 11px;
	}
}

.column1 {
	padding: 30px;
	color: #fff;
	background: #1e64d2;
}
.column1 h3 {
	margin-bottom: 30px;
	color: #ff954a;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.column1 {
		padding: 10px;
	}
	.column1 h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
}


.column2 {
	padding: 30px;
	background: #ffe600;
}
.column2 h3 {
	padding: 10px 0;
	margin-bottom: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	background: #f70;
}
@media only screen and (max-width: 767px) {
	.column2 {
		padding: 10px;
	}
	.column2 h3 {
		padding: 5px 0;
		font-size: 17px;
		margin-bottom: 10px;
	}
}

.column3 {
	padding: 30px;
	background: url(../img/hairline_bg.jpg) center 0 repeat;
}
.column3 h3 {
	padding: 10px 0;
	margin-bottom: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	background: #444;
}
@media only screen and (max-width: 767px) {
	.column3 {
		padding: 10px;
	}
	.column3 h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
}



/* レイアウト共通
================================================== */
#page_header {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	background: url(../img/hairline_bg.jpg) center 0 repeat;
}
#page_header #page_header_photo {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
#page_header #page_header_photo img {
	width: 100%;
}
#page_header #pagetitle {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -40px;
	background: linear-gradient(45deg, #1e64d2 0%, #1e64d2 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
}
#page_header #pagetitle h1 {
	width: 90%;
	max-width: 1200px;
	min-width: 727px;
	margin: 0 auto;
	padding: 20px 0 20px 100px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
}
#page_header #pagetitle h1 small {
	margin-left: 20px;
	font-size: 11px;
	letter-spacing: 0.2em;
	line-height: 1em;
	vertical-align: middle;
}
@media only screen and (max-width: 767px) {
	#page_header {
		margin-bottom: 0;
	}
	#page_header #pagetitle {
		background: #1e64d2;
		position: static;
	}
	#page_header #pagetitle h1 {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding: 10px 10px 10px 10px;
		font-size: 21px;
		text-align: center;
		box-sizing: border-box;
	}
	#page_header #pagetitle h1 small {
		margin-left: 0;
		font-size: 9px;
	}
}

.main_bg {
	padding: 50px 0;
	background: #fff;
}
.alumi_bg {
	padding: 50px 0;
	background: url(../img/hairline_bg.jpg) center 0 repeat;
}
.main {
}
@media only screen and (max-width: 767px) {
	.main_bg {
		padding: 30px 0 0 0;
	}
}



/* 買取価格
================================================== */
@media only screen and (max-width: 767px) {
    .scrap_notice {
        margin-top: -10px;
        padding: 5px;
		font-size: 12px;
		line-height: 1.3em;
    }
    .scrap_notice h3 {
        padding: 3px 0;
        font-size: 17px;
        margin-bottom: 3px;
    }
}

.scrap_update {
	margin-top: 10px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #222;
}
@media only screen and (max-width: 767px) {
	.scrap_update {
		margin-top: 5px;
		padding: 3px 0;
		font-size: 14px;
	}
}

h2.scrap_h2 {
	padding-top: 10px;
	margin-bottom: 50px;
	color: #1e64d2;
	font-size: 27px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	border-top: 3px solid #1e64d2;
}

.scrap_wrap {
	width: 102%;
	margin-left: -1%;
}
.scrap_wrap .box {
	float: left;
	width: 23%;
	margin: 0 1% 10px 1%;
	position: relative;
}
.scrap_wrap .box2 {
	float: left;
	width: 31.3333%;
	margin: 0 1% 10px 1%;
	position: relative;
}
.scrap_wrap .box .inner, .scrap_wrap .box2 .inner {
	position: relative;
}
.scrap_wrap .box .inner .item, .scrap_wrap .box2 .inner .item {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow:
		1px -1px 2px #000,
		1px 1px 2px #000,
		-1px -1px 2px #000,
		-1px 1px 2px #000,
		2px -2px 2px #000,
		2px 2px 2px #000,
		-2px -2px 2px #000,
		-2px 2px 2px #000,
		1px -1px 4px #000,
		1px 1px 4px #000,
		-1px -1px 4px #000,
		-1px 1px 4px #000,
		2px -2px 4px #000,
		2px 2px 4px #000,
		-2px -2px 4px #000,
		-2px 2px 4px #000;
}
.scrap_wrap .box .inner .item small, .scrap_wrap .box2 .inner .item small {
	font-size: 15px;
}
.scrap_wrap .box .inner .price, .scrap_wrap .box2 .inner .price {
	font-family: Arial, 'Helvetica Neue' , Helvetica, sans-serif;
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	background: rgba(0,0,0,0.8);
}
.scrap_wrap .box .inner .price small, .scrap_wrap .box2 .inner .price small {
	font-size: 15px;
}
.scrap_wrap .box .inner .price_text, .scrap_wrap .box2 .inner .price_text {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 13px 15px 13px 15px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	background: rgba(0,0,0,0.8);
}
.scrap_wrap .box .inner .price.up, .scrap_wrap .box2 .inner .price.up {
	background: rgba(255,30,30,0.8);
}
.scrap_wrap .box .inner .price.up:before, .scrap_wrap .box2 .inner .price.up:before {
	content: '▲UP';
	color: rgba(255,30,30,1);
	padding: 6px 8px;
	position: relative;
	top: -2px;
	font-size: 12px;
	vertical-align: middle;
	background: #fff;
	margin-right: 10px;
}
.scrap_wrap .box .inner .price.down, .scrap_wrap .box2 .inner .price.down {
	background: rgba(30,30,255,0.8);
}
.scrap_wrap .box .inner .price.down:before, .scrap_wrap .box2 .inner .price.down:before {
	content: '▼DOWN';
	color: rgba(30,30,255,1);
	padding: 6px 8px;
	position: relative;
	top: -2px;
	font-size: 12px;
	vertical-align: middle;
	background: #fff;
	margin-right: 10px;
}
.scrap_wrap .box .text, .scrap_wrap .box2 .text {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
    h2.scrap_h2 {
        padding: 5px 0;
        font-size: 17px;
        margin-bottom: 4px;
    }
    .scrap_wrap {
        width: calc(100% + 4px) !important;
        margin-left: -2px !important;
    }
    .scrap_wrap .box {
        width: calc(33.3333% - 4px) !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        margin-bottom: 4px !important;
    }
	.scrap_wrap.SP_y2 .box2 {
        width: calc(50% - 4px) !important;
		margin-left: 2px !important;
        margin-right: 2px !important;
        margin-bottom: 4px !important;
    }
	.scrap_wrap .box .inner .item, .scrap_wrap .box2 .inner .item {
		top: 5px;
		left: 5px;
		font-size: 14px;
	}
	.scrap_wrap .box .inner .item small, .scrap_wrap .box2 .inner .item small {
		font-size: 12px;
	}
    .scrap_wrap .box .nophoto {
        background: #f0f0f0;
        position: relative;
        z-index: -1;
    }
    .scrap_wrap .box .nophoto img {
        position: relative;
        top: 10px;
    }
    .scrap_wrap .box .text {
        display: none;
    }
	.scrap_wrap.SP_y2 .box2 .text {
        font-size: 11px;
		margin-bottom: 10px;
    }
	.scrap_wrap .box .inner .price, .scrap_wrap .box2 .inner .price {
        position: static;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 3px 3px 3px 3px !important;
        font-size: 17px !important;
		text-align: right !important;
        background: #000;
        box-sizing: border-box;
	}
	.scrap_wrap .box .inner .price_text, .scrap_wrap .box2 .inner .price_text {
		position: absolute;
		bottom: 10px;
		right: 10px;
		padding: 13px 15px 13px 15px;
		color: #fff;
		font-size: 17px;
		font-weight: bold;
		line-height: 1;
		background: rgba(0,0,0,0.8);
	}
	.scrap_wrap .box .inner .price_text, .scrap_wrap .box2 .inner .price_text {
        position: static !important;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 1px 6px 1px !important;
        font-size: 12px !important;
		text-align: center !important;
        background: #000;
        box-sizing: border-box;
	}
	.scrap_wrap .box .inner .price.up, .scrap_wrap .box2 .inner .price.up {
		position: relative;
	}
	.scrap_wrap .box .inner .price.up::before, .scrap_wrap .box2 .inner .price.up::before {
		content: '▲';
		padding: 4px 2px;
        margin-top: 1px;
        font-size: 9px;
		position: absolute;
		top: 2px;
		left: 2px;
		vertical-align: middle;
		margin-right: 0;
	}
	.scrap_wrap .box .inner .price.down, .scrap_wrap .box2 .inner .price.down {
		position: relative;
	}
	.scrap_wrap .box .inner .price.down::before, .scrap_wrap .box2 .inner .price.down::before {
		content: '▼';
		padding: 4px 2px;
        margin-top: 1px;
        font-size: 9px;
		position: absolute;
		top: 2px;
		left: 2px;
		vertical-align: middle;
		margin-right: 0;
	}
}

/*鉄用プライス*/
.ferrous_price {
	font-family: Arial, 'Helvetica Neue' , Helvetica, sans-serif;
	padding: 20px 15px 20px 15px;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background: #444;
}
.ferrous_price small {
	font-size: 15px;
}
.scrap_wrap .box .inner .price_text {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 13px 15px 13px 15px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	background: rgba(0,0,0,1);
}
.ferrous_price.up {
	background: rgba(255,30,30,1);
}
.ferrous_price.up:before {
	content: '▲UP';
	color: rgba(255,30,30,1);
	padding: 6px 8px;
	position: relative;
	top: -2px;
	font-size: 12px;
	vertical-align: middle;
	background: #fff;
	margin-right: 10px;
}
.ferrous_price.down {
	background: rgba(30,30,255,1);
}
.ferrous_price.down:before {
	content: '▼DOWN';
	color: rgba(30,30,255,1);
	padding: 6px 8px;
	position: relative;
	top: -2px;
	font-size: 12px;
	vertical-align: middle;
	background: #fff;
	margin-right: 10px;
}
@media only screen and (max-width: 767px) {
	.ferrous_price {
		padding: 10px 5px;
		font-size: 32px;
	}
}

/* 買取不可品目 */
.not_purchase {
	padding: 30px;
	background: #ffdddd;
}
.not_purchase h3 {
	padding: 10px 0;
	margin-bottom: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	background: #ff3300;
}
@media only screen and (max-width: 767px) {
	.not_purchase {
		padding: 10px;
	}
	.not_purchase h3 {
		padding: 10px 10px 10px 10px;
		font-size: 17px;
		margin-bottom: 10px;
	}
}

.not_purchase table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 3px;
}
.not_purchase table tr th {
	padding: 15px 10px;
	width: 25%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3em;
	vertical-align: middle;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	position: relative;
}
.not_purchase table tr th:before {
	content: '×';
	font-weight: bold;
	color: #ff3300;
	font-size: 27px;
	margin-right: 5px;
	vertical-align: top;
}
.not_purchase table tr th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.not_purchase table tr td {
	padding: 15px 0 15px 20px;
	font-size: 13px;
	line-height: 1.3em;
	vertical-align: middle;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
	.not_purchase table {
		margin: 10px 0 0 0;
	}
	.not_purchase table tr th {
		display: block;
		width: 100%;
		padding: 10px 10px 10px 10px;
		font-size: 13px;
	}
	.not_purchase table tr th:after{
		display: none;
	}
	.not_purchase table tr td {
		display: block;
		width: 100%;
		padding: 4px 0;
		font-size: 11px;
	}
}



/* 油圧ホース制作
================================================== */
.hose_compatible {
	margin-top: 50px;
	padding: 30px;
	border: 1px solid #ccc;
}
.hose_compatible h3 {
	padding: 10px 0;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	background: #333;
}
.hose_compatible ul {
	margin-top: 30px;
}
.hose_compatible ul li {
	font-weight: bold;
	line-height: 2em;
}
.hose_compatible ul li:before {
    content:'●';
	color: #1e64d2;
    margin-right: 10px;
}
@media only screen and (max-width: 767px) {
	.hose_compatible {
		margin-top: 30px;
		padding: 15px;
	}
	.hose_compatible h3 {
		font-size: 17px;
	}
}

.hose_contact {
	margin-top: 50px;
	padding: 50px;
	background: #1e64d2;
}
.hose_contact h3 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: relative;
}
.hose_contact h3:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 20px;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}
.hose_contact p {
	color: #fff;
	text-align: center;
}
.hose_contact .name {
	margin-top: 50px;
	font-size: 20px;
	font-weight: bold;
}
.hose_contact .tel {
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
}
.hose_contact .tel strong {
	font-size: 40px;
}
.hose_contact .tel a {
	color: #fff;
}
.hose_contact .fax {
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.hose_contact {
		margin-top: 30px;
		padding: 15px;
	}
	.hose_contact h3 {
		font-size: 22px;
	}
	.hose_contact .tel strong {
		font-size: 36px;
	}
	.hose_contact .fax {
		margin-top: 10px;
	}
	.hose_contact .hour {
		margin-top: 10px;
	}
}

.hose_contact .btn a {
    display: block;
    position: relative;
    padding: 20px;
    color: #444;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
    text-decoration: none;
    box-sizing: border-box;
    background: #fff;
}
.hose_contact .btn a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: solid 2px #444;
    border-right: solid 2px #444;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
    .hose_contact .btn a {
        font-size: 13px;
    }
}



/* アクセス・工場紹介
================================================== */
.root {
	padding: 30px;
	color: #fff;
	background: #1e64d2;
}
.root h3 {
	margin-bottom: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
.root h4 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 767px) {
	.root {
		padding: 10px;
	}
	.root h3 {
		margin-bottom: 10px;
	}
}

.equipment_wrap {
    margin-top: 50px;
	width: 101%;
	margin-left: -0.5%;
}
.equipment_wrap .box {
	float: left;
    width: 49%;
    margin: 0 0.5% 10px 0.5%;
    position: relative;
}
.equipment_wrap .box .inner {
    padding: 5px 20px;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.equipment_wrap .box .inner h3 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.equipment_wrap {
		width: 100%;
		margin-left: 0;
	}
	.equipment_wrap .box {
		float: none;
		width: 100%;
	}
	.equipment_wrap .box .inner {
		margin-top: 0;
		width: 100%;
		padding: 10px;
        padding: 5px;
	}
	.equipment_wrap .box .inner h3 {
        font-size: 13px;
        line-height: 1.2em;
	}
}

.underconstruction {
	margin-top: 20px;
	padding: 30px;
	color: #fff;
	background: #ff3300;
}

table.table_equipment {
    width: 100%;
}
table.table_equipment tr th {
    padding: 15px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    vertical-align: middle;
    text-align: left;
    background: #000f6b;
    border-top: 1px solid #000f6b;
    border-bottom: 1px solid #fff;
}
table.table_equipment tr:last-child th {
    border-bottom: 1px solid #000f6b;
}
table.table_equipment tr td {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: middle;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px dotted #ccc;
}
table.table_equipment tr td:last-child {
    border-right: none;
}
table.table_equipment tr td p {
    font-size: 14px;
    line-height: 1.3em;
}
@media only screen and (max-width: 767px) {
    table.table_equipment tr th {
        padding: 5px 5px 5px 5px;
        font-size: 11px;
        width: 70%;
    }
    table.table_equipment tr:last-child th {
        border-bottom: 1px solid #fff;
    }
    table.table_equipment tr td {
        padding: 5px 5px 5px 5px;
        font-size: 11px;
    }
    table.table_equipment tr:last-child td {
        border-bottom: 1px solid #fff;
    }
    table.table_equipment tr td p {
        font-size: 11px;
    }
}



/* お問い合せ
================================================== */
.contact_title {
	padding: 10px;
	color: #222;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.3em;
	background: #fff;
	text-align: center;
}
.contact_tel {
	margin-top: 10px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}
.contact_tel small {
	font-size: 19px;
	line-height: 1em;
}
.contact_tel a {
	color: #fff;
	text-decoration: none;
}
.contact_fax {
	font-size: 19px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}
.contact_hour {
	margin-top: 10px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.contact_title {
		font-size: 17px;
	}
	.contact_tel {
		font-size: 27px;
	}
	.contact_fax {
		font-size: 15px;
	}
}