@charset "UTF-8";

.itemTopHeader{
	background: linear-gradient(to right, #8c0000, #dc0000);
	
}
.itemTopHeader .inner{
	padding: 230px 0 0 0;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 400px;
}

.valvesHeader .inner{
	background-size: 2000px 240px;
	background-image: url("../img/valves/bg.png");
}

.pumpHeader .inner,
.flowHeader .inner,
.hoseHeader .inner,
.attachmentHeader .inner{
	background-size: 2000px 240px;
	
}
.pumpHeader .inner{background-image: url("../img/pump/bg.png");}
.flowHeader .inner{background-image: url("../img/flow/bg.png");}
.hoseHeader .inner{background-image: url("../img/hose/bg.png");}
.attachmentHeader .inner{background-image: url("../img/attachment/bg.png");}


.itemTopHeader .inner h2{
	text-align: center;
}



@media only screen and (max-width: 688px) {
	.itemTopHeader .inner{
		padding: 74px 3% 36px 3%;
		height: auto;
	}
	.itemTopHeader .inner h2 img{
		height: 50px;
		width: auto;
	}
	.itemTopHeader.hoseHeader .inner{
		padding: 60px 3% 22px 3%;
	}
	.itemTopHeader.hoseHeader .inner h2 img{
		height: 78px;
		width: auto;
	}
}

@media only screen and (max-width: 688px) {
	.valvesHeader .inner{
	background-size: 100% auto;
	background-position: bottom;
	background-image: url("../img/valves/bg_sp.png");
}
	.pumpHeader .inner,
	.flowHeader .inner,
	.hoseHeader .inner,
	.attachmentHeader .inner{
	background-size: 100% auto;
	background-position: bottom;
	
}
	.pumpHeader .inner{background-image: url("../img/pump/bg_sp.png");}
	.flowHeader .inner{background-image: url("../img/flow/bg_sp.png");}
	.hoseHeader .inner{background-image: url("../img/hose/bg_sp.png");}
	.attachmentHeader .inner{background-image: url("../img/attachment/bg_sp.png");}
}


.itemList{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}

@media only screen and (max-width: 688px) {
	.itemList{
		padding: 40px 3%;
	}
}

.itemList h3{
	font-size: 2.8em;
	text-align: center;
	border-bottom: solid 1px #000;
	padding: 0 0 10px 0;
	color: #000;
}
.itemList ul{
	padding: 40px 0 100px 0;
}
.itemList ul li{
	margin-bottom: 20px;
}

@media only screen and (max-width: 688px) {
	.itemList ul{
	padding: 20px 0 50px 0;
}
	.itemList ul li{
	margin-bottom: 10px;
}
}
.itemList ul li a{
	display: block;
	border: solid 1px #000;
	max-width: 580px;
	margin: 0 auto;
	position: relative;
}

.valvesListMan li a,
.valvesListEle li a{
	font-size: 3.0em;
	line-height: 1em;
	padding: 60px 30px;
	background-size: cover;
	background-position: center;
}
@media only screen and (max-width: 688px) {
	.valvesListMan li a,
	.valvesListEle li a{
		padding: 40px 20px;
	}
}

.valvesListMan li a{
	background-image: url("../img/valves/valves_list_01.jpg");
}
.valvesListEle li:first-child a{
	background-image: url("../img/valves/valves_list_02.jpg");
}
.valvesListEle li:nth-child(2) a{
	background-image: url("../img/valves/valves_list_03.jpg");
}

.valvesListMan li a:after,
.valvesListEle li a:after{
	display: block;
	content: "";
	background-image: url("../img/list_link_icon.png");
	background-size: 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	right: 0;
	bottom: 0;
	position: absolute;
}

.valvesListOther li a{
	font-size: 2.4em;
	line-height: 1em;
	text-align: center;
	padding: 15px;
	border-radius: 30px;
	background-image: url("../img/list_link_icon_r.png");
	background-position: 95%;
	background-size: 12px 16px;
	background-repeat: no-repeat;
}






.pumpList h3{
	margin: 0;
	font-weight: bold;
}

.pumpListBox{
	padding: 0 0 80px 0;
}

.pumpList h4{
	background: #000;
	color: #fff;
	font-size: 2.4em;
	line-height: 1em;
	text-align: center;
	padding: 10px;
	background-image: url("../img/list_link_icon_w.png");
	background-position: 95%;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	max-width: 700px;
	margin: 40px auto 0 auto;
	position: relative;
	display: block;
	cursor: pointer;
}
.pumpList h4 a{
	position: absolute;
	top: -170px;
	left: 0;
}

.pumpList h4.on{
	background-image: url("../img/list_link_icon_w_b.png");
}


.pumpList ul{
	padding: 40px 0 0 0;
}

.pumpList .pumpList2{
	display: none;
}
.pumpList .pumpList2.dispOn{
	display: block;
}

.pumpList ul li a{
	font-size: 2.0em;
	line-height: 1.3em;
	text-align: center;
	padding: 15px 40px 15px 15px;
	border-radius: 30px;
	background-image: url("../img/list_link_icon_r.png");
	background-position: 95%;
	background-size: 12px 16px;
	background-repeat: no-repeat;
	display: flex;
	text-align: left;
	max-width: 700px;
}
.pumpList ul li a div.pressureNameHigh{font-weight: bold; color: #DC0000; flex-basis:2em; width: 2em; white-space: nowrap; margin-right: 1em; display: flex; align-items: center;}
.pumpList ul li a div.pressureNameLow{font-weight: bold; color: #003F8E; flex-basis:2em; width: 2em; white-space: nowrap; margin-right: 1em; display: flex; align-items: center;}

@media only screen and (max-width: 1000px) {
	.pumpList ul li a{
	font-size: 2.3em;
	padding: 15px 20px 15px 10px;
	}
	.pumpList ul li a div.pressureNameHigh,
	.pumpList ul li a div.pressureNameLow{
		margin-right: 0.5em;
	}
}


.pumpList ul li a.linknone{
	background-image: none;
}
.pumpList ul li a.linknone:hover{
	opacity: 1;
}

.pumpList ul li a.linkpdf{
	background-image: url("../img/list_link_icon_b.png");
	background-size: 16px 16px;
	cursor: pointer;
}
.pumpList ul li a.linkpdf.on{
	background-image: url("../img/list_link_icon_b_b.png");
}

.pumpList ul li a.linkblank,
.pumpList ul li a.linkbanner{
	background-image: url("../img/list_link_icon_b.png");
	background-size: 16px 16px;
	cursor: pointer;
}
.pumpList ul li a.linkblank.on,
.pumpList ul li a.linkbanner.on{
	background-image: url("../img/list_link_icon_b_b.png");
}

.pumpList ul li .pdfdlbt{
	padding: 10px 0 0 0;
	display: none;
	text-align: center;
}
.pumpList ul li .pdfdlbt a{
	display: block;
	background-color: #d7dcdf;
	background-image: none;
	padding: 10px;
	max-width: 300px;
	margin: 0 auto;
	border-radius: 0;
	border: none;
	font-size: 2.0em;
	text-align: center;
}


.pumpList ul li .linkblankbt{
	padding: 10px 0 0 0;
	display: none;
}
.pumpList ul li .linkblankbt a{
	background-color: #d7dcdf;
	background-image: url("../img/list_link_icon_b.png");
	background-position: 98%;
	background-size: 8px 12px;
	padding: 10px;
	margin: 0 auto 10px auto;
	border-radius: 0;
	border: none;
	font-size: 2.0em;
	text-align: left;
}

.pumpList ul li .linkbannerbt{
	padding: 10px 0 0 0;
	display: none;
}
.pumpList ul li .linkbannerbt a{
	background: none;
	padding: 10px;
	margin: 0 auto 10px auto;
	border-radius: 0;
	border: none;
	font-size: 2.0em;
	text-align: left;
}


.itemDetail{
	padding-bottom: 40px;
}

.itemDetailHeaderRed{
	background: #dc0000;
	padding: 310px 0 0 0;
}
.itemDetailHeaderRed .inner{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

@media only screen and (max-width: 1000px) {
	.itemDetailHeaderRed .inner{
		padding: 0 3% 15px 3%;
	}
}

@media only screen and (max-width: 688px) {
	.itemDetailHeaderRed{
		padding: 80px 0 0 0;
	}
}


.itemDetailHeaderRed .inner p{
	font-size: 2.6em;
	line-height: 1.3em;
	font-weight: bold;
	color: #fff;
	height: 2.8em;
	width: 50%;
}
.itemDetailHeaderRed .inner figure{
	position: absolute;
	right: 0;
	top: 0;
	width: 460px;
	height: 400px;
	border: solid 1px #666666;
	background-color: #fff;
	background-position: center;
	background-size: cover;
}

@media only screen and (max-width: 1000px) {
	.itemDetailHeaderRed .inner p{
		width: 100%;
	}
	.itemDetailHeaderRed .inner figure{
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 86%;
	}
}

.itemDetailHeaderGray{
	background: #ebf0f3;
	height: 364px;
	border-bottom: solid 1px #dc0000;
}
.itemDetailHeaderGray .inner{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0;
}

@media only screen and (max-width: 1000px) {
	.itemDetailHeaderGray{ height: auto;}
	.itemDetailHeaderGray .inner{padding: 15px 3%;}
}

.itemDetailHeaderGray .inner p{
	font-size: 4.0em;
	line-height: 1.3em;
	color: #dc0000;
	padding: 0 0 20px 0;
}
.itemDetailHeaderGray .inner p span{
	font-size: 0.5em;
	line-height: 1.8em;
	color: #dc0000;
	display: block;
}

@media only screen and (max-width: 688px) {
	.itemDetailHeaderGray .inner p{padding: 0 0 10px 0;}
}

.itemDetailHeaderGray .inner li{
	font-size: 2.6em;
}
.itemDetailHeaderGray .inner li span{
	color: #dc0000;
	padding-right: 5px;
}



.itemDetailContent{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

@media only screen and (max-width: 1000px) {
	.itemDetailContent{ padding: 40px 3% 0 3%}
}

.itemDetailContent h1,
.itemDetailRel h1{
	background: #000;
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
	padding: 8px 8px 8px 25px;
	position: relative;
	margin: 0 0 1em 0;
}
.itemDetailContent h1:before,
.itemDetailRel h1:before{
	content: "";
	display: block;
	background-color: #dc0000;
	width: 16px;
	height: 6px;
	position: absolute;
	left: 0;
	top: calc(50% - 3px);
}

@media only screen and (max-width: 688px) {
	.itemDetailContent h1,
	.itemDetailRel h1{
		padding: 4px 4px 4px 25px;
	}
}

.itemDetailContent p,
.itemDetailRel p{
	font-size: 1.8em;
	margin: 0 0 0 0;
	line-height: 1.3em;
	padding: 3px 0 0 0;
	font-feature-settings: "palt";
}
.itemDetailContent ul{
	margin: 0 0 1em 0;
}
.itemDetailContent li{
	font-size: 2.0em;
	text-indent: -1em;
	padding: 0 0 0 1em;
	line-height: 1.4em;
}
.itemDetailContent h2{
	color: #dc0000;
	font-size: 2.4em;
	margin: 0.3em 0;
	font-weight: bold;
	padding: 0 0 0 2em;
	text-indent: -2em;
}
.itemDetailContent .indent{
	padding: 0 0 0 2.7em;
}
.itemDetailContent p.indent{
	padding: 0 0 0 2.7em;
}
.itemDetailContent h4.indent{
	padding: 0 0 0 3.5em;
}


.itemDetailContent h3{
	font-size: 2.0em;
font-weight: bold;
margin: 0 0 0.3em 0;}

.itemDetailContent h4{
font-size: 1.4em;
font-weight: normal;
margin: 0 0 0.3em 0;}

.itemDetailContent figure{
	padding: 0 0 30px 0;

}

.itemDetailRel figure:nth-child(n + 5) {
	padding: 20px 0 0 0;
}

.itemDetailContent figure.wp-caption{
	width: auto!important;
}
.itemDetailRel figure img,
.itemDetailContent figure img{

}
.itemDetailRel figure p,
.itemDetailContent figure p{
	font-size: 1.7em;
	font-weight: bold;
	margin: 0;
}
.itemDetailRel figure figcaption,
.itemDetailContent figure figcaption{
	font-size: 1.4em;
	padding-bottom: 1em;
}
.itemDetailContent .su-custom-gallery .su-custom-gallery-title{
	font-size: 1.4em;
	display: block;
	position: relative;
	background: none;
	text-align: center;
	margin: 0;
	padding: 5px 5px 0 0;
	color: #000;
}


.itemDetailContent .su-custom-gallery div,
.itemDetailContent .su-custom-gallery a,
.itemDetailContent .su-custom-gallery a:hover,
.itemDetailContent .su-custom-gallery img,
.itemDetailContent .su-custom-gallery img:hover,
.itemDetailContent .su-custom-gallery div:hover img{
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
}

.itemDetailContent .su-custom-gallery img{
	width: auto;
	height: auto;
}

.itemDetailRel{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 0px 0;
}

@media only screen and (max-width: 1000px) {
	.itemDetailRel{
		padding: 40px 3% 0px 3%;
	}
}
@media only screen and (max-width: 688px) {
.itemDetailRel figure:nth-child(n + 3) {
	padding: 10px 0 0 0;
}
}

.clm,
.clm2,
.clm4{
	display: flex;
	flex-wrap: wrap;
}
.itemDetailContent .su-custom-gallery {
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width: 688px) {
	.itemDetailContent .su-custom-gallery{
		flex-direction: column;
	}
}

.clm4{
	padding: 0 0 0 0;
}

.clm figure,
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide{
	margin-left: 2%;
	text-align: center;
}
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide a{
	text-align: center;
}
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide img,
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide img:hover,
.itemDetailContent .su-custom-gallery div:hover img{
	margin: 0 auto;
}
.clm figure:first-child,
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide:first-child{
	margin-left: 0;
}
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide:hover,
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide span:hover{
	border: none;
}
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide span,
.itemDetailContent .su-custom-gallery .su-custom-gallery-slide:hover span{
	display: block;
	text-align: left;
	opacity: 1;
}

@media only screen and (max-width: 688px) {
	.itemDetailContent .su-custom-gallery .su-custom-gallery-slide{
	margin: 0 0 1% 0;
}
}

.itemDetailContent a:hover{opacity: 1;}

.clm2 figure{
	width: 49%;
	margin-right: 2%;
}
.clm2 figure:last-child{
	margin-right: 0;
}
.clm4 figure{
	width: 24%;
	margin-right: 1%;
}
.clm4 figure:last-child{
	margin-right: 0;
}

@media only screen and (max-width: 688px) {
	.clm2 figure{
	width: 100%;
	margin-right: 0;
}
	.clm4 figure{
	width: 49%;
	margin-right: 2%;
}
.clm4 figure:nth-child(2n){
	margin-right: 0;
}
}

.itemDetailDoc{
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

@media only screen and (max-width: 1000px) {
	.itemDetailDoc{
		padding: 25px 3% 0 3%;
	}
}

.itemDetailDoc h2{
	background: #000;
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
	padding: 8px 8px 8px 25px;
	position: relative;
	margin: 0 0 0 0;
}
.itemDetailDoc h2:before{
	content: "";
	display: block;
	background-color: #dc0000;
	width: 16px;
	height: 6px;
	position: absolute;
	left: 0;
	top: calc(50% - 3px);
}

.itemDetailDocMat{
	border-radius: 10px;
	padding: 20px;
	margin: 40px 0 0 0;
}
.itemDetailDocMat.toggle_01_off,
.itemDetailDocMat.toggle_02_off,
.itemDetailDocMat.toggle_03_off,
.itemDetailDocMat.toggle_04_off{
	background-image:url("../img/mat_icon.png");
	background-repeat: no-repeat;
	background-size: 24px 18px;
	background-position: 98.4% 92%;
	cursor: pointer;
}

@media only screen and (max-width: 688px) {
	.itemDetailDocMat.toggle_01_off,
.itemDetailDocMat.toggle_02_off,
.itemDetailDocMat.toggle_03_off,
.itemDetailDocMat.toggle_04_off{
	background-size: 12px 9px;
	}
}

.itemDetailDocMat.brass{
	border: solid 4px #cdc4b0;
	background-color: #9b8962;
}
.itemDetailDocMat.sus{
	border: solid 4px #b3bdc6;
	background-color: #687c8e;
}
.itemDetailDocMat.carbon{
	border: solid 4px #acacac;
	background-color: #5a5a5a;
}
.itemDetailDocMatSeries{
	font-size: 3.0em;
	font-weight: bold;
	color: #fff;
	line-height: 1em;
	padding: 0 0 16px 0;
}
.itemDetailDocMatTitle {
	display: flex;
	border-bottom: solid 1px #fff;
	align-items: center;
	padding: 0 0 10px 0;
	flex-wrap: wrap;
}
.itemDetailDocMatTitle span{
	font-size: 2.0em;
	border-radius:20px;
	border: solid 1px #fff;
	color: #fff;
	padding: 3px 10px;
	margin:0 5px 0 0;
	display: block;
	white-space: nowrap;
}
.itemDetailDocMatTitle h3{
	font-size: 3.0em;
	font-weight: bold;
	color: #fff;
	line-height: 1em;
	padding-bottom: 3px;
	padding-right: 0em;
}
.itemDetailDocMatTitle p{
	font-size: 2.0em;
	color: #fff;
	line-height: 1em;
	padding: 7px 0 0 0;
}
.itemDetailDocMatTitle p i{
	color: #fff;
}
.itemDetailDocMatTitle p.nouki{
	padding: 7px 0 0 47px;
	background-image: url("../img/valves/truck.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 42px 29px;
	margin-left: 1em;
}


@media only screen and (max-width: 688px) {
	.itemDetailDocMatTitle span{font-size: 1.8em; padding: 3px 6px;}
	.itemDetailDocMatTitle h3{font-size: 2.6em;}
	.itemDetailDocMatTitle p{
		padding: 0px 0 0 0;
		margin: 7px 0 0 0;
		background-size: 21px 15px;
	}
	.itemDetailDocMatTitle p.nouki{
		margin-left: 0em;
	}
}

.itemDetailDocMat table{
	margin: 10px 0 0 0;
}
.itemDetailDocMat table th{font-size: 1.8em; text-align: left; color: #fff; white-space: nowrap;}
.itemDetailDocMat table td{font-size: 1.8em; text-align: left; color: #fff; text-indent: -1em; padding-left: 1em;}
.itemDetailDocMat table td:before{content:"：";}


.itemDetailDocDetail{
	padding: 0 0 0 0;
	display: none;
}

.toggle_01det_off,
.toggle_02det_off,
.toggle_03det_off,
.toggle_04det_off{ display: none;}

.toggle_01det_on,
.toggle_02det_on,
.toggle_03det_on,
.toggle_04det_,
.toggle_01det_,
.toggle_02det_,
.toggle_03det_,
.toggle_04det_{ display: block;}

.itemDetailDocDetailImg{
	display: flex;
	justify-content: center;
	padding: 20PX 0 0 0;
}
.itemDetailDocDetailImg figure{
	margin: 0 10px;
}
.itemDetailDocDetailImgCaption{
	text-align: center;
	padding: 20px 0;
	font-size: 2.0em;
}
.itemDetailDocDetailTable{
	padding: 40px 0 0 0;
}

@media only screen and (max-width: 688px) {
	.itemDetailDocDetailTable{
		padding: 20px 0 0 0;
		margin: 20px 0 0 0;
		overflow: scroll;
		background-size: 27px 10px;
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url("../img/table_arrow.png");
		box-shadow: none!important;
	}
}

.itemDetailDocDetailTable table{
	width: 100%;
}
.itemDetailDocDetailTable th{
	background-color: #d7dcdf;
	font-size: 1.6em;
	text-align: center;
	border: solid 1px #fff;
	vertical-align: middle;
	padding: 5px;
}
.itemDetailDocDetailTable tr:nth-last-child(odd){
	background: #ebf0f3;
}
.itemDetailDocDetailTable td{
	font-size: 1.6em;
	text-align: center;
	padding: 5px 15px;
	border: solid 1px #fff;
}

@media only screen and (max-width: 688px) {
	.itemDetailDocDetailTable th,
	.itemDetailDocDetailTable td{
		white-space: nowrap;
	}
}
.itemDetailDocDetailTable td:first-child{
	text-align: left;
}
.itemDetailDocDetailTable td a{
	color: #dc0000;
}
.itemDetailDocDetailTable p{
	font-size: 1.6em;
	padding: 5px 0 0 0;
}
.itemDetailDocDetailPh p{
	font-size: 2.0em;
	font-weight: bold;
	padding: 1em 0 0 0;
}

.doc_detail_sche{
	font-size: 1.6em;
	padding: 5px 0 0 0;
}
.doc_detail_sche li{
	text-indent: -1em;
	padding: 0 0 0 1em;
}

.noteDetail{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

@media only screen and (max-width: 1000px) {
	.noteDetail{padding: 40px 3% 0 3%;}
}

.noteDetail h2{
	background: #000;
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
	padding: 8px 8px 8px 8px;
	position: relative;
	margin: 0 0 1em 0;
}
.noteDetail h2 i{
	color: #fff;
}
.noteDetail li{
	font-size: 1.6em;
	text-indent: -1em;
	padding:0 0 0.5em 1em;
}


/*-----------*/

.itemCat{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}

@media only screen and (max-width: 1000px) {
	.itemCat{padding: 40px 3%;}
}

.itemCat h3{
	font-size: 2.8em;
	text-align: center;
	border-bottom: solid 1px #000;
	padding: 0 0 10px 0;
}
.itemCat h3 span{
	font-size: 0.7em;
}


.valveSearch{
	max-width: 380px;
	margin: 0 auto;
	padding: 40px 0;
}
@media only screen and (max-width: 688px) {
	.valveSearch{
		padding: 20px 0;
	}
}

.valveSearchBox{
	display: flex;
}

.valveSearchTitle{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	color: #fff;
	font-size: 2.4em;
	width: 160px;
}
.valveSearchSelect{
	flex: 1;
}
.valveSearchSelect select{
	margin: 0;
	padding: 8px 0 8px 8px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
.valveSearchSelect select,
.valveSearchSelect option{
	width: 100%;
	font-size: 2.0em;
	display: block;
	border: solid 1px #000;
	border-radius: 0;
	background: #fff;
	text-align: left;
	text-align: -webkit-left;
	background-image: url("../img/valves/list_icon.png");
	background-size: 16px 12px;
	background-repeat: no-repeat;
	background-position: 94%;
}
.valveSearchSelect select:first-child,
.valveSearchSelect option:first-child{
	border-bottom: none;
}
.valveSearchSelect select:last-child,
.valveSearchSelect option:last-child{
	border-top: none;
}
.valveSearchSelect select:invalid{
  color: #757575;
}
@media only screen and (max-width: 688px) {

}

.searchClear{
	background: #d7dcdf;
	text-align: center;
	font-size: 2.0em;
	padding: 5px;
	border-radius: 25px;
	cursor: pointer;
	margin: 20px 0 0 0;
}


.itemCat h4{
	width: 100%;
	background: #000;
	display: block;
	color: #fff;
	font-size: 2.4em;
	padding: 10px 0;
	line-height: 1em;
	text-align: center;
}


.itemCat ul{
	padding: 20px 0 100px 0;
}
.itemCat ul li{
	margin-bottom: 20px;
}

@media only screen and (max-width: 688px) {
	.itemCat ul{
	padding: 10px 0 50px 0;
}
.itemCat ul li{
	margin-bottom: 10px;
}
}

.itemCat ul li a{
	display: flex;
	border: solid 1px #000;
	margin: 0 auto;
	position: relative;
	align-items: center;
}
.itemCat ul li a h5{
	text-align: center;
	font-size: 1.8em;
	width: 23%;
	font-weight: bold;
	white-space: nowrap;
	font-feature-settings: "palt";
}
.itemCat ul li a figure{
	width: 13%;
	height: 80px;
	margin: 1%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.itemCat ul li a div{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #ebf0f3;
	font-size: 1.8em;
	width: 14%;
	text-align: center;
	margin: 20px 1%;
	height: 60px;
	white-space: nowrap;
}

.itemCat ul li a div.brass,
.itemCat ul li a div.sus,
.itemCat ul li a div.carbon{
	width: 11%;
}

@media only screen and (max-width: 688px) {
	.itemCat ul li a{
		flex-wrap: wrap;
	}
	.itemCat ul li a h5{
		width: 48%;
	}
	.itemCat ul li a figure{
		margin: 5px;
		width: 48%;
	}
	.itemCat ul li a div{
		width: calc(28% - 10px);
		margin: 10px 5px;
		height: 40px;
	}
}

.itemCat ul li a div.brass{
	border: solid 4px #cdc4b0;
	background-color: #9b8962;
	color: #fff;
}
.itemCat ul li a div.sus{
	border: solid 4px #b3bdc6;
	background-color: #687c8e;
	color: #fff;
}
.itemCat ul li a div.carbon{
	border: solid 4px #acacac;
	background-color: #5a5a5a;
	color: #fff;
}

@media only screen and (max-width: 688px) {
	.itemCat ul li a div.brass,
	.itemCat ul li a div.sus,
	.itemCat ul li a div.carbon{
		width: calc(22% - 10px);
	}
}



/*PYRO*/

.pyro_dl{
	max-width: 1000px;
	margin: 0 auto;
	padding: 100px 3% 0 3%;
}
@media only screen and (max-width: 688px) {
	.pyro_dl{
	padding: 50px 3% 0 3%;
}
}

.pyro_dl a{
	display: block;
	max-width: 580px;
	margin: 0 auto;
	font-size: 2.4em;line-height: 1em;
	text-align: center;
	border: solid 1px #000;
	border-radius: 30px;
	padding: 10px;
	background-image:url("../img/list_link_icon_r.png");
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 12px 16px;
}


.pyro_list{
	max-width: 1000px;
	margin: 0 auto;
	padding: 60px 3%;
}
.pyro_list h3{
	background-color: #910000;
	color: #fff;
	border: solid 4px #c88080;
	padding: 10px 20px;
	font-size: 2.4em;
	line-height: 1em;
	font-weight:bold;
	margin: 40px 0 0 0;
	border-radius: 10px;
	cursor: pointer;
	background-image:url("../img/pyro/pyro_icon.png");
	background-position: 98% center;
	background-repeat: no-repeat;
	background-size: 24px 18px;
}

.pyro_list_detail{
	padding: 20px 0;
	display: none;
}
.pyro_list_detail .inner{
	display: flex;
	justify-content: space-between;
}
.pyro_list_detail img{
	width: 49%;
	height:auto;
}
.pyro_list_detail p{
	width: 49%;
	font-size: 2.0em;
	line-height: 1.4em;
}

@media only screen and (max-width: 688px) {
	.pyro_list{
	padding: 30px 3% 0 3%;
}
	.pyro_list h3{
		font-size: 2.0em;
		margin: 20px 0 0 0;
		background-size: 12px 9px;
		padding: 8px 10px;
	}
	.pyro_list_detail .inner{
		flex-direction: column;
	}
	.pyro_list_detail img,
	.pyro_list_detail p{
		width: 100%;}
	.pyro_list_detail p{
		margin-top: 2%;
	}
}


.specialList{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}

@media only screen and (max-width: 1000px) {
.specialList{ padding: 40px 3% 0 3%}
}

.specialList .specialListBox{
	padding-bottom: 80px;
	clear:both;
}
.specialList .specialListBox:after{
	display: block;
	content: "";
	clear:both;
}

@media only screen and (max-width: 688px) {
	.specialList .specialListBox{
	padding-bottom: 40px;
}
}

.specialList .specialListTitle{
	text-align: center;
	padding: 15px;
	border: solid 3px #dc0000;
	border-radius: 10px;
	font-size: 2.6em;
	font-weight: bold;
}

@media only screen and (max-width: 688px) {
	.specialList .specialListTitle{
		padding: 8px;
		border: solid 2px #dc0000;
	}
}

.specialList .itemDetailContent{
	padding: 30px 0;
}

@media only screen and (max-width: 688px) {
	.specialList .itemDetailContent{
	padding: 15px 0;
}
}

.specialList .itemDetailContent h1{
	padding: 0 0 0.5em 0;
	background: none;
	color: #dc0000;
	font-size: 2.4em;
	margin: 0;
	clear:both;
}

.specialList .itemDetailContent h1:before{
	display: none;
}

.specialList .itemDetailContent h2{
	background: none;
	color: #000;
	font-size: 2.0em;
	line-height: 1.8em;
	padding: 0;
	margin: 0;
	text-indent: 0;
}

.specialList .itemDetailContent .alignleft{
	float: left;
}

.clear{
	clear: both;
}

.specialList .itemDetailContent img.alignleft{
	margin: 0 2% 5% 0;
}

.specialList .itemDetailContent p{
	font-size: 2.0em;
	margin: 0 0 0 0;
	line-height: 1.8em;
	padding: 0 0 0 0;
	font-feature-settings: "palt";
}

@media only screen and (max-width: 688px) {
.specialList .itemDetailContent img.alignleft{
	width: 100%;
	margin: 0 0 0.5em 0;
	float: none;
}
}



.specialList .itemDetailContent .su-custom-gallery {
	padding: 10px 0 0 0;
}


.newsList{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}

@media only screen and (max-width: 1000px) {
.newsList{ padding: 40px 3% 0 3%}
}

.newsListBox{
	display: block;
	display: flex;
	border-bottom: dotted 1px #808080;
	padding: 20px 0;
}

.newsListDate{
	font-size: 1.6em;
	padding-right: 40px;
	white-space: nowrap;
}

.newsListTitle{
	font-size: 1.6em;
}




.newsDetail{
	padding: 80px 0;
}
.newsDetailBox{
	border: solid 2px #e0e0e0;
	padding: 30px 0;
	max-width: 1000px;
	margin: 0 auto;
}

@media only screen and (max-width: 688px) {
	.newsDetail{
	padding: 40px 3%;
}
	.newsDetailBox{
		padding: 15px 0;
	}
}
.newsDetailTitle{
	border-left: solid 10px #dc0000;
	font-size: 2.4em;
	padding: 0 0 0 10px;
}
.newsDetailTxt{
	padding: 30px 30px 0 30px;
}
.newsDetailTxt p{
	font-size: 1.8em;
	padding-bottom: 1em;
}

@media only screen and (max-width: 688px) {
	.newsDetailTxt{
	padding: 15px 15px 0 15px;
}
}

.newsDetailTxt a{
	max-width: 580px;
	margin: 0 auto;
	display: block;
	font-size: 2.4rem;
	border: solid 1px #000;
	border-radius: 34px;
	padding: 10px 30px 10px 10px;
	text-align: center;
	background-image: url("../img/list_link_icon_r.png");
	background-size: 12px 16px;
	background-repeat: no-repeat;
	background-position:95% center;
}

@media only screen and (max-width: 688px) {
	.newsDetailTxt a{
		font-size: 1.8rem;
	}
}


.newsBack{
	padding: 80px 0 0 0;
}
.newsBack a{
	max-width: 320px;
	margin: 0 auto;
	display: block;
	font-size: 2.0em;
	border: solid 1px #000;
	padding: 15px 0;
	text-align: center;
	background-image: url("../img/list_link_icon_r.png");
	background-size: 12px 16px;
	background-repeat: no-repeat;
	background-position:95% center;
}

@media only screen and (max-width: 688px) {
	.newsBack{
	padding: 40px 0 0 0;
}
}



/*------company------*/

.contentCompany{
	padding: 60px 0;
	max-width: 1000px;
	margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
	.contentCompany{
	padding: 30px 3% 0 3%;
	}
}

.companyNav{
	display: flex;
	justify-content: center;
	padding-bottom: 90px;
	max-width: 830px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.companyNav li{
	width: 23%;
	margin: 0 1%;
}
.companyNav li a{
	display: block;
	border: solid 2px #dc0000;
	padding: 10px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	border-radius: 30px;
}

@media only screen and (max-width: 688px) {
	.companyNav{padding-bottom: 25px;}
	.companyNav li{
	width: 48%;
	margin: 0 1% 2% 1%;
}
	.companyNav li a{
		padding: 5px;
		font-size: 1.8em;
		border-radius: 20px;
	}
}

.company01,
.company02,
.company03,
.company04{
	position: relative;
	padding: 0 0 100px 0;
}

#ankercompany01,
#ankercompany02,
#ankercompany03,
#ankercompany04{
	position: absolute;
	left: 0;
	top: -150px;
}

@media only screen and (max-width: 688px) {
	.company01,
.company02,
.company03,
	.company04{
		padding: 0 0 50px 0;
	}
	#ankercompany01,
#ankercompany02,
#ankercompany03,
	#ankercompany04{
		top: -60px;
	}
}

.company01 h3,
.company02 h3,
.company03 h3,
.company04 h3{
	font-size: 2.6em;
	color: #fff;
	padding: 10px 20px;
	background: linear-gradient(90deg,#8c0000,#dc0000,#ffffff);
	margin-bottom: 40px;
}

@media only screen and (max-width: 688px) {
	.company01 h3,
.company02 h3,
.company03 h3,
	.company04 h3{
		padding: 5px 10px;
		margin-bottom: 20px;
	}
}



.company01Box{
	display: flex;
	justify-content: space-between;
}
.company01BoxL{
	width: 260px;
}
.company01BoxL p{
	font-size: 1.4em;
	padding-top: 10px;
	font-weight: bold;
	
}
.company01BoxL p span{
	font-size: 1.2em;
	font-weight: bold;
}
.company01BoxR{
	flex: 1;
	padding-left: 20px;
}
.company01BoxR p{
	font-size: 1.8em;
	padding-bottom: 1em;
}

@media only screen and (max-width: 688px) {
	.company01Box{
		flex-direction: column;
		justify-content:center;
	}
	.company01BoxL{
		margin: 0 auto;
		text-align: center;
	}
	.company01BoxL p{
		text-align: center;
	}
	.company01BoxR{
		padding: 10px 0 0 0;
	}
}


.company02 th,
.company02 td{
	font-size: 1.6em;
	padding: 0 10px 10px 0;
}
.company02 th{
	white-space: nowrap;
}

.company02 figure{
	padding: 40px 0 0 0;
	text-align: center;
}


.company03 ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.company03 ul li{
	width: 47%;
	padding-bottom: 40px;
}
.company03 ul li:nth-child(even){
	margin-left: 6%;
}
.company03 ul li h4{
	font-size: 2.0em;
	padding: 5px 0;
}
.company03 ul li h4 span{color: #dc0000;}
.company03 ul li p{
	font-size: 1.6em;
	line-height: 1.3em;
}


@media only screen and (max-width: 688px) {
	.company03 ul{
		flex-direction: column;
		justify-content: center;
		padding: 0 5%;
	}
	.company03 ul li{
	width: 100%;
	padding-bottom: 35px;
	}
	.company03 ul li:nth-child(even){
		margin: 0;
	}
	.company03 ul li:nth-child(7),
	.company03 ul li:last-child{
		padding-bottom: 20px;
}
}



.company04 h4{
	font-size: 2.0em;
	border-bottom: solid 1px #000;
	padding-bottom: 5px;
}

.company04 table{
	margin: 0 0 10px 0;
}

.company04 tr{
	border-bottom: solid 1px #d7dcdf;
}
.company04 tr:last-child{
	border: none;
}
.company04 th{
	width: 160px;
	vertical-align: middle;
}
.company04 th,
.company04 td{
	padding: 20px 0;
}
.company04 td{
	padding: 20px 0 20px 15px;
}

.company04 td h5{
	font-size: 1.8em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #000;
}
.company04 td h5 a{
	padding-right: 5px;
    background-image: url("../img/list_link_icon_r.png");
	background-size: 6px 8px;
	background-repeat: no-repeat;
	background-position:100% center;
	font-weight: bold;
	color: #000;
}
.company04 td p,
.company04 ul li{
	font-size: 1.6em;
}

.company04 ul li span{color: #dc0000;}

.company04 td .fl{
	display: flex;
	justify-content: space-between;
}
.company04 td .fl div{
	width: 50%;
}

@media only screen and (max-width: 688px) {
	.company04 th{
	width: 80px;
}
	
.company04 th,
.company04 td{
	padding: 10px 0;
}
.company04 td{
	padding: 10px 0 10px 10px;
}
	.company04 td .fl{
		flex-direction: column;
	}
	.company04 td .fl div{
	width: 100%;
}
	.company04 td .fl div:nth-child(2){
		padding-top: 10px;
}
}



/*----------Catalog----------*/

.manualList{padding: 60px 3% 0 3%;}
.manualListNote{ text-align: center; padding-bottom: 40px;}
.manualListNote p{ font-size: 1.6em; padding-bottom: 5px;}
.manualListNote p a{ color:#dc0000;}
@media only screen and (max-width: 688px) {.manualListNote{display: none;}}
.manualListBox{
	max-width: 1000px; margin: 0 auto;
	padding-bottom: 80px;
}
.manualListBox h3{background: #d7dcdf;font-size: 2.6em; text-align: center; font-weight: bold;
	padding: 30px 0;
border-radius: 10px;
line-height: 1em;}
.manualListBox ul{
	padding: 20px 0 0 0;
}
.manualListBox li{
	border-bottom: solid 1px #999999;
}
.manualListBox li a{
	display: flex;
	font-size: 2.0em;
	align-items: center;
	padding: 5px;
	justify-content: space-between;
}
@media only screen and (max-width: 688px) {
	.manualList{padding: 30px 3% 0 3%;}
	.manualListBox{
	padding-bottom: 40px;
}
	.manualListBox h3{
	padding: 15px 0;
	border-radius: 5px;
	}
	.manualListBox ul{
	padding: 10px 0 0 0;
	}
	.manualListBox li a{
	padding: 3px;
}
	.manualListBox li a figure{
		width: 30px;
		height: 30px;
	}
	
}


/*----------Contact----------*/

.contentContact{padding: 60px 3% 0 3%;}

.contentContact .inner{
	max-width: 1000px;
	margin: 0 auto;
}
.contentContactTxt{
	padding: 0 0 60px 0;
}
.contentContactTxt p,
.contentContactTxt li{
	font-size: 1.8em;
}
.contentContactTxt p{
	padding-bottom: 1em;
}
.contentContactTxt li{
	text-indent: -1em;
	padding-left: 1em;
}

@media only screen and (max-width: 688px) {
	.contentContact{padding: 20px 3% 0 3%;}
	.contentContactTxt{
	padding: 0 0 20px 0;
}
}


.contentContactForm p{
	width: 100%;
}
.contentContactForm p b{
	color: #ed1c24;
}

.contentContactForm .contactInput{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	font-size: 1.8em;
	max-width: 600px;
	padding: 0 0 25px 0;
}

.contentContactForm .contactInput span,
.contentContactForm .contactTextarea span{font-size: 0.8em; color: #ed1c24;}

.contentContactForm .contactTextarea{
	font-size: 1.8em;
}

.contentContactForm input,
.contentContactForm select{
	padding: 5px;
	margin-right: 5px;
}

.contentContactForm select{
	padding: 5px;
	font-size:1.0em;
}
.contentContactForm input,
.contentContactForm textarea,
.contentContactForm select{
	border: solid 1px #999999;
	box-shadow: none!important;
	border-radius: none!important;
}

.contentContactForm .contactTextarea textarea,
.contentContactForm .contactInput input,
.contentContactForm .contactInput select{
	width: 100%;
	flex: 1;
}
.contentContactForm .contactInput.contactInputNum{
	max-width: calc(300px + 1em);
}

@media only screen and (max-width: 688px) {
	.contentContactForm textarea{
		width: 94%;
	}
	.contentContactForm .contactInput.contactInputNum{
		max-width: calc(50% + 1em);
	}
}


.contactValve{
	display: none;
}

.contactConfirmNote{
	padding: 0 0 2em 0;
	border-bottom: solid 1px #999999;
}

.contactConfirmBox{
	border-bottom: solid 1px #999999;
	padding: 20px 0;
}

.contactConfirmValve .contactConfirmBox{
	border-bottom: solid 1px #999999;
	padding: 10px 0;
}

.contactConfirmValve{
	padding: 80px 0 0 0;
}
@media only screen and (max-width: 688px) {
	.contactConfirmValve{
	padding: 40px 0 0 0;
}
	.contactConfirmBox{
		padding: 10px 0;
	}
	.contactConfirmValve .contactConfirmBox{
		padding: 5px 0;
	}
}

.contactValve h3{
	background: #d7dcdf;
	font-size: 1.8em;
	line-height: 1em;
	padding: 10px;
}

.contactConfirm h4{
	font-size: 1.8em;
	color: #dc0000;
}

.contactConfirmValve h4{
	background: #d7dcdf;
	font-size: 1.8em;
	line-height: 1em;
	padding: 10px;
	color: #000;
}

.contactValve h4{
	font-size: 1.8em;
	border-bottom: solid 1px #000;
	padding: 30px 0 5px 0;
	margin: 0 0 20px 0;
}
.contactConfirm h5{
	font-size: 1.8em;
	border-bottom: solid 1px #000;
	padding: 40px 0 5px 0;
	margin: 0 0 5px 0;
}
.contactConfirm h6{
	font-size: 1.8em;
	color: #dc0000;
}

@media only screen and (max-width: 688px) {
	.contactValve h3{padding: 5px;}
	.contactConfirmValve h4{padding: 5px;}
	.contactValve h4{padding: 15px 0 3px 0;
		margin: 0 0 10px 0;}
	.contactConfirm h5{
		padding: 20px 0 3px 0;
	margin: 0 0 3px 0;
	}
}

.contactValve table{
	margin: 25px 0;
}
.contactConfirm table{
}
.contactValve th,
.contactValve td,
.contactConfirm th,
.contactConfirm td{
	font-size: 1.8em;
	text-align: left;
	padding: 5px 2em 5px 0;
	white-space: nowrap;
}
.contactConfirm th,
.contactConfirm td{
	color: #dc0000;
	min-width: 150px;
}


.contactValve td input,
.contactValve td select{
	width: 100px;
	margin-left: 5px;
}

.contactValve ul,
.contactConfirm ul{
	display: flex;
	flex-wrap: wrap;
	max-width: 800px;
}
.contactValve ul li{
	font-size: 1.8em;
	width: 50%;
	padding: 0 0 25px 0;
}


.contactConfirm ul li{
	width: 40%;
	padding: 0;
}

.contactValve ul li input,
.contactValve ul li select{
width: 300px;
}

.contactValve .contactCheck{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 30px 0;
}
.contactValve .contactCheck input[type=checkbox]{
	transform: scale(1.3);
}
.contactValve .contactCheck p{
	font-size: 1.8em;
}

.contactValve .contactCheck label{
	margin-right: 2em;
}


@media only screen and (max-width: 688px) {
	.contactValve table{
	margin: 15px 0;
}
	
.contactValve th,
.contactValve td,
.contactConfirm th,
.contactConfirm td{
	padding: 3px 1em 3px 0;
}
	
	.contactConfirm th,
.contactConfirm td{
	color: #dc0000;
	min-width: auto;
}
	.contactValve td input,
	.contactValve td select{
	width: 50px;
	margin-left: 3px;
}
	.contactValve ul,
.contactConfirm ul{
	flex-direction: column;
	}
	.contactValve ul li{
		width: 100%;
		padding: 0 0 15px 0;
	}
	.contactConfirm ul li{
	width: 100%;
	}
	.contactConfirm ul li:nth-child(2){
	border-top: solid 1px #999999;
		padding-top: 5px;
		margin-top: 5px;
	}
	.contactValve ul li input,
	.contactValve ul li select{
width: 160px;
}
	.contactValve .contactCheck{
	flex-direction: column;
	padding: 0 0 15px 0;
}
	
}



.formBt{
	display: flex;
	justify-content: center;
	padding: 40px 0 80px 0;
}

.btValve,
.btConfirm,
.btBack{
	display: block;
	background: none;
	font-size: 2.0em;
	border: solid 1px #000!important;
	text-align: center;
	width: 320px;
	padding: 15px 0;
	margin: 0 10px;
	cursor: pointer;
}

#valve_bt{
	display: none;
}

.btValve:hover,
.btConfirm:hover,
.btBack:hover{
	opacity: 0.6;
}

.btValve{}
.btConfirm{
	background-image: url("../img/contact/icon.png");
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 12px 16px;
}


@media only screen and (max-width: 688px) {
	.formBt{
		flex-direction: column;
		padding: 20px 0 40px 0;
	}
	.btValve,
.btConfirm,
	.btBack{
		width: 220px;
		padding: 10px 0;
		margin: 5px auto;
	}
	.btConfirm{
		background-size: 6px 8px;
	}
}



.contactConfirm{
	padding: 80px 3% 120px 3%;
	max-width: 1000px;
	margin: 0 auto;
}
.contactConfirm h3{
	font-size: 3.0em;
	padding-bottom: 1em;
}
.contactConfirm p{
	font-size: 1.8em;
}






.contactComplete{
	padding: 70px 3% 120px 3%;
}

.contactComplete h3{
	text-align: center;
	font-size: 3.0em;
	padding-bottom: 1em;
}
.contactComplete p{
	text-align: center;
	font-size: 2.0em;
	padding: 0 0 90px 0;
}
.contactBack{}
.contactBack a{
	display: block;
	background: none;
	font-size: 2.0em;
	border: solid 1px #000!important;
	text-align: center;
	width: 320px;
	padding: 15px 0;
	margin: 0 auto;
	cursor: pointer;
	background-image: url("../img/contact/icon.png");
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 12px 16px;
}

@media only screen and (max-width: 688px) {
	.contactConfirm{
		padding: 40px 3% 50px 3%;}
	.contactComplete{
	padding: 30px 3% 50px 3%;
}
}








.contentSitemap{
	padding: 40px 3% 100px 3%;
}
@media only screen and (max-width: 688px) {
.contentSitemap{
	padding: 0px 3% 50px 3%;
}
}
.contentSitemap .inner{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 688px) {
	.contentSitemap .inner{
		flex-direction: column;
	}
}

.contentSitemapL,
.contentSitemapR{
	width: 46%;
	border-top: solid 1px #999999;
}

@media only screen and (max-width: 688px) {
	.contentSitemapL,
	.contentSitemapR{
		width: 100%;
	}
	.contentSitemapR{
		border-top: none;
	}
}

.sitemapBox{
	border-bottom: solid 1px #999999;
	padding: 10px 0;
	display: flex;
}
@media only screen and (max-width: 688px) {
	.sitemapBox{
		padding: 5px 0;
	}
}
.sitemapBoxL{
	width:160px;
}
.sitemapBoxR{
	flex: 1;
}
@media only screen and (max-width: 688px) {
	.sitemapBoxL{
	width:100px;
}
}
.sitemapBox a{
	font-size: 1.8em;
}
.sitemapBox a span{
	color: #dc0000;
}

.sitemapBoxL a{
	background-repeat: no-repeat;
	background-image: url("../img/sitemap/icon.png");
	background-size: 9px 12px;
	background-position: left;
	padding-left: 15px;
}

.sitemapBox ul li{
	padding: 10px 0;
	border-bottom: solid 1px #d7dcdf;
}
.sitemapBox ul li:last-child{
	border-bottom: none;
}
.sitemapBox ul li p{
	padding: 10px 0 0 1.5em;
}

@media only screen and (max-width: 688px) {
	.sitemapBoxL a{
		background-size: 5px 6px;
		padding-left: 9px;
	}
	.sitemapBox ul li{
		padding: 5px 0;
	}
	.sitemapBox ul li p{
	padding: 5px 0 0 1.5em;
}
}


/*PRIVACY*/

.contentPrivacy{
	padding: 40px 3% 100px 3%;
}
@media only screen and (max-width: 688px) {
.contentPrivacy{
	padding: 0px 3% 50px 3%;
}
}
.contentPrivacy .inner{
	max-width: 1000px;
	margin: 0 auto;
}

.contentPrivacy .inner h3{
	font-size: 1.8em;
	font-weight: bold;
}
.contentPrivacy .inner p{
	font-size: 1.8em;
	padding: 0 0 1em 0;
}
.contentPrivacy .inner p.bt a{
display: inline-block;
	line-height: 1em;
	text-align: center;
	border: solid 1px #000;
	padding: 20px 40px 20px 30px;
	background-image:url("../img/list_link_icon_r.png");
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 12px 16px;
}
@media only screen and (max-width: 688px) {
	.contentPrivacy .inner p.bt a{
		padding: 15px 30px 15px 10px;
	}
}


/*Example*/

.contentExample{
	padding: 40px 3% 100px 3%;
}
@media only screen and (max-width: 688px) {
.contentExample{
	padding: 20px 3% 50px 3%;
}
}
.contentExample .inner{
	max-width: 1000px;
	margin: 0 auto;
}

.contentExample .exampleBox h3{
	font-size: 2.6em;
	font-weight: bold;
	text-align: center;
	background-color: #d7dcdf;
	padding: 25px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.contentExample .exampleBox p{
	font-size: 2.0em;
	padding: 0 0 1em 0;
}
.contentExample .exampleBox p span{
	color: #dc0000;
}
.contentExample .exampleBox ul{
	display: flex;
	padding: 0 0 80px 0;
	flex-wrap: wrap;
}
.contentExample .exampleBox ul li{
	width: 22%;
	margin-right: 4%;
}
.contentExample .exampleBox ul li:last-child{
	margin-right: 0;
}

.contentExample .exampleBox ul li figure{}
.contentExample .exampleBox ul li h4{
	font-size: 1.8em;
	text-align: center;
	padding: 5px 0;
}

@media only screen and (max-width: 688px) {
	.contentExample .exampleBox h3{
		padding: 15px;
		margin-bottom: 10px;
	}
.contentExample .exampleBox ul{
	padding: 0 0 30px 0;
	flex-wrap: wrap;
}
	
.contentExample .exampleBox ul li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.contentExample .exampleBox ul li:nth-child(even){
	margin-right: 0;
}
}




/*---------*/

.page404{
	text-align: center;
	padding: 260px 0 160px 0;;
	font-size: 1.6em;
}


/*----231214-----*/


.map{
	padding: 70px 0;
}
.map p{
	padding: 0 0 5px 0;
}

.map .mapLink{
	text-align: center;
	padding: 20px 0 0 0;
}
.mapLink a{
	background: #000;
	font-size: 18px;
	color: #fff;
	display: block;
	max-width: 426px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1em;
}

@media only screen and (max-width: 688px) {
	.map{
	padding: 35px 0;
}
	.map p img{
		width: 38px;
		height: auto;
	}
	.map .mapLink{
	padding: 10px 0 0 0;
}
	.mapLink a{
		font-size: 10px;
		max-width: 208px;
		padding: 5px;
	}
}