/*
	padding
*/
.mt100 {
	margin-top: 100px;
}

.bg1 {
    background: #efefef;
    border-top: 8px solid #b60005;
}

.c_pc {
	display: block;
}

.c_sp {
	display: none;
}

.nSide {
    width: 100%;
    max-width: 1200px;
    padding: 4%;
}

.nSide h3 {
    margin-bottom: 0;
    font-size: 1.1em;
    color: #b60005;
}

.pProduct {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 3%;
    vertical-align: top;
    text-align: left;
    letter-spacing: normal;
    float: left;
}

.nProducts_block {
    text-align: left;
    letter-spacing: -1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.nProducts_block .pProduct:nth-child(3n) {
    margin-right: 0%;
}

.nSCom {
	margin-top: 80px;
}

.nMainProduct_block,
.nMain_block {
	margin: 0 auto;
	padding: 0 4%;
}

.pMainProduct {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
	text-align: left;
    margin-bottom: 80px;
}

.pMainProduct .pMainText {
	width: 75%;
}

#contents .pMainProduct p {
	margin-bottom: 0;
}

.pMainProduct img {
	width: 20%;
}

.pMainProduct h3 {
    line-height: 2.0;
    font-size: 1.3em;
    font-weight: bold;
    color: #b60005;
}

.pMainProduct h4 {
    line-height: 2.0;
    font-weight: bold;
    margin-top: 10px;
}

.pMainProductInfo table {
	width: 100%;
	text-align: center;
}

.pMainProductInfo table td {
	border: 0.1rem solid black;
	padding: 0.1em 0.2em;
}

.pMainProductInfo.c_pc tbody>tr:first-child td {
	background: #E6A600;
	color: white;
}

.pMainProductInfo.c_sp tr>td:first-child {
	background: #E6A600;
	color: white;
}


#nTitle {
    height: 250px;
    background-color: #000000;
}

#nTitle {
    position: relative;
    width: 100%;
    max-width: 1400px;
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto;
    text-align: center;
}

#nTitle h1 {
    bottom: 28%;
    color: #ffffff;
}

#nTitle h1 {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    height: 1.8em;
    margin: auto;
    line-height: 1.4;
    font-size: 2.0em;
    font-weight: bold;
}

#nTitle h1 span {
    border-bottom: 5px solid #b60005;
}

.feature_bodyRow {
	display: flex;
    justify-content: space-between;
}

.feature_bodyttl{
	width: 25%;
}

.feature_bodyCon {
	width: 70%;
}

.feature_bodyCon2 {
	width: 90%;
}

.feature_bodyStandard {
	width: 19%;
}

.feature_bodyStandard2 {
    width: 29.6%;
}

.feature_bodyViscosity {
	width: 10%;
}

.feature_bodyCon,
.feature_bodyStandard,
.feature_bodyViscosity {
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);
	margin: 0.3%;
}

.featureBg1 {
	background-image: url('./images/bg1.png');
}

.featureBg2 {
	background-image: url('./images/bg2.png');
}

.featureBg3 {
	background-image: url('./images/bg3.png');
}

.featureBg4 {
	background-image: url('./images/bg4.png');
}

.featureBg5 {
	background-image: url('./images/bg5.png');
}

.featureBg6 {
	background-image: url('./images/bg6.png');
}

[class*=featureBg] {
	background-size: 16% 100%;
	background-position: left;
	background-repeat: no-repeat;
}

#contents .feature_bodyRow p,
#contents .feature_bodyRow h3 {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.feature_bodyCon {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#contents .feature_bodyCon  h3 {
    width: 20%;
	text-align: left;
	line-height: 1.2;
	font-weight: bold;
}

#contents .feature_bodyCon  h3 span {
	display: block;
	font-size: 1.5em;
	width: 170px;
}

#contents .feature_bodyCon  p {
    width: 77%;
    line-height: 1.5;
}

#contents .feature_bodyCon2 h3 {
	width: 16%;

}

#contents .feature_bodyCon2 p {
	width: 82%;
}

.feature_bodyStandard,
.feature_bodyViscosity  {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 10px;
}

.pOilTable table {
	width: 100%;
	text-align: left;
}

.pOilTable table td {
	padding: 0 0.5%;
}

.pOilTable table td span {
	background: #B60005;
	border-top-right-radius: 10px; 
	border-top-left-radius: 10px;
	color: white;
	padding: 5px 10px;
    display: inline-block;
}

.pOilTable table tr>td:nth-child(1) {
	width: 17.3%;
}

.pOilTable table tr>td:nth-child(2) {
	width: 53%;
}
.pOilTable table tr>td:nth-child(3) {
	width: 19.3%;
}
.pOilTable table tr>td:nth-child(4) {
	width: 10.4%;
}

.bOilImg  {
	margin-top: 80px;
}

.nHs_Items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pHsItem {
	width: 45%;
}

#contents .pHsItem h3,
.pHsItem label,
.pHsItem p {
	margin: 0;
	padding: 0;
}

#contents .pHsItem h3 {
	font-size: 2em;
	font-weight: bold;
	text-align: left;
	margin: 0;
    line-height: 1;
}

.pHsItem {
	text-align: left;
    margin: 15px 0;
}

.pHsItem label {
	margin-top: 10px;
	display: block;
	position: relative;
	background: grey;
	color: white;
	font-size: 1.2em;
	padding-left: 0.5em;
}
.pHsItem label:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 2em solid white;
    border-left: 2em solid transparent;
    right: 0;
    bottom: 0;
}

.pHsItemFeatureTxt table,
.pHsItemCodeTxt table  {
	width: 100%;
}

.pHsItemFeatureTxt table tr>td:nth-child(1) {
	width: 25%;
	text-align-last: justify;
}

.pHsItemFeatureTxt table tr>td:nth-child(3) {
	width: 70%;
	text-align: left;
}

.pHsItemFeature {
	display: flex;
	justify-content: space-between;
}

#wrapper .pHsItemFeature img,
.pHsItemFeatureTxt {
	width: 48%;
}

.pHsItemFeature,
.pHsItemPackage {
	margin-top: 10px;
}

.pHsItemPackage img {
	width: 70%;
	margin: auto;
	display: block;
}

.pHsItemCodeTxt td {
	padding: 3px 5px;
	border: 1px solid lightgrey;
}

.pHsItemCodeTxt thead td {
	background: #E58A4F;
	color: white;
}

.pHsItemCodeTxt thead tr>td:nth-child(1) {
	text-align: left;
}

.pHsItemCodeTxt tbody tr>td:nth-child(1):not(.noHead),
.pHsItemCodeTxt tbody tr>td.head {
	background: #E5A346;
	text-align: left;
	color: white;
}

.pHsItemCodeTxt td:nth-last-child(1),
.pHsItemCodeTxt td:nth-last-child(2),
.pHsItemCodeTxt td:nth-last-child(3),
.pHsItemCodeTxt td:nth-child(2),
.pHsItemCodeTxt td:nth-child(3){
	text-align: center;
}

#contents .nShop_block h3 {
    margin-bottom: 10px;
}

.nShop_block {
	padding-bottom: 80px;
}

.nShopCon {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
	max-width: 1000px;
	margin: auto;
	margin-top: 20px;
}

.nShopCon img {
	width: 30%;
}

.nShopCon .bShopList {
	width: 65%;
}

#contents .nShopCon p {
	text-align: center;
}

 #contents .nShop_block h2 {
    margin-bottom: 0;
    font-size: 2em;
    color: #b60005;
}

.nCodeCon {
	margin-top: 80px;
}

.pCode_block table {
	width: 100%;
}

.pCode_block table td {
	padding: 5px;
	border: 1px solid lightgrey;
}

.pCode_block table thead td,
.pCode_block table tbody tr>td:nth-child(1) {
	color: white;
	background: #E6A600;
}

.subMenuList {
    display: none;
    left: -25px;
    right: -25px;
    top: 80px;
    position: absolute;
    background-color: rgba(255,255,255,0.75);
}

#header.change .subMenuList {
	top: 54px;
}

.subMenu {
	position: relative;
}

.subMenu:hover .subMenuList {
	display: block;

}

#navigation ul li.subMenu a, #navigation ul li.subMenu a:visited {
	display: inline-block;
    display: block;
    line-height: 2.5;
}



ul#lang li.current-lang a:visited,
ul#lang li.current-lang a:hover,
ul#lang li.current-lang a:active,
ul#lang li.current-lang a {
    color: #7d7d7d;
}

ul#lang li a:visited,
ul#lang li a:hover, 
ul#lang li a:active,
ul#lang li a
{
	color: black;
	font-weight: bold;
}

form ul.button {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

form.wpcf7-form  ul.button>li:nth-child(2),
form.wpcf7-form  ul.button>li:nth-child(3) {
	display: none;
}

form.custom-wpcf7c-confirmed  ul.button>li:nth-child(2),
form.custom-wpcf7c-confirmed  ul.button>li:nth-child(3) {
	display: inline-block;
}

.wpcf7c-conf {
	background: none !important;
	border: none !important;
    resize: none;
}

@media only screen and (max-width: 860px) {
	.pProduct,
	.nProducts_block .pProduct:nth-child(3n) {
	    width: 48%;
	    margin-right: 4%;
	}

	.nProducts_block .pProduct:nth-child(even) {
	    margin-right: 0;
	}

	.pMainProduct {
		display: block;
	}

	.pMainProduct img {
    	width: 50%;
	    margin: auto;
    	display: block;
	}

	.pMainProduct .pMainText {
		width: 100%;
	}

	.pMainProduct h3 {
		margin-top: 10px;
		text-align: center;
	}

	.c_pc {
		display: none;
	}

	.c_sp {
		display: block;
	}

	.nOilFeatureCon	 {
		overflow-x: auto;
	}

	.nOilFeature_block {
		width: 1000px;
	}

	.pHsItem,
	.nShopCon .bShopList {
		width: 100%;
	}

	.pHsItemCode,
	.nCodeCon {
		overflow-x: auto;
	}

	.pHsItemCodeTxt,
	.pCode_block {
		min-width: 500px;
	}

	.bOilImg {
	    margin-top: 40px;
	}

	.mt100 {
	    margin-top: 50px;
	}

	.nSide {
	    max-width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}

	.nShopCon {
		display: block;
	}

	#wrapper .nShopCon img {
		width: 300px;
		margin: auto;
		display: block;
	}

	.bShopList,
	.nCodeCon {
		margin-top: 20px;
	}

	.subMenuList {
	    top: 25px;
	}

	#header.change .subMenuList {
		top: 22px;
	}
}

@media only screen and (max-width: 750px) {
	.pProduct, 
	.nProducts_block .pProduct:nth-child(3n) {
	    display: block;
	    width: 100%;
	    max-width: 350px;
	    margin: 0 auto 6%;
	    float: none;
	}

	.nProducts_block .pProduct:nth-child(3n), .nProducts_block .pProduct:nth-child(even) {
	    margin: 0 auto 6%;
	}

	#navigation ul li.subMenu label {
		display: block;
		color: white;
	}

	#navigation ul li.subMenu {
		padding: 0;
	}
	#navigation ul li.subMenu label,
	#navigation ul li.subMenu a, 
	#navigation ul li.subMenu a:visited {
	    padding: 0.7em 0;
	    text-align: center;
	    line-height: 1.4;
	}

	#navigation ul li.subMenu:hover .subMenuList {
		background: #bd0512;
		position: relative;
		left: 0;
		right: 0;
		top: 0;
	}

}


@media only screen and (max-width: 480px) {
	.pHsItemFeature {
		display: block;
	}

	#wrapper .pHsItemFeature img, 
	.pHsItemFeatureTxt {
	    width: 350px;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

}