@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */


.genuine #contents dl.engineoil {
}
.genuine #contents dl.engineoil dt {
}
.genuine #contents dl.engineoil dd {
    margin-bottom: 10px;
    padding-left: 1em;
}
.genuine #contents dl.engineoil dd:last-child {
    margin-bottom: 0;
}
.genuine #contents .chara .floatRight {
    width: 300px;
}
.genuine #contents .chara .floatLeft {
    width: 500px;
}
.genuine #contents .chara .floatRight img {
    width: 100%;
}
.genuine #contents #contentsMain .maintenance_box {
    margin-top: 50px;
}
.genuine #contents #contentsMain .maintenance_box .floatLeft,
.genuine #contents #contentsMain .maintenance_box .floatRight {
    width: 400px;
    text-align: center;
    margin-bottom: 15px;
}
.genuine #contents #contentsMain .maintenance_box .floatLeft img,
.genuine #contents #contentsMain .maintenance_box .floatRight img {
    width: 100%;
    margin-bottom: 10px;
}
.genuine #contents a.partsLink{
	display: inline-block;
	position: relative;
	color: #00a7ac;
	background-color: #fff;
	border: 1px solid #00a7ac;
	min-width: 300px;
	padding: 16px 20px 16px 20px;
    margin-bottom: 15px;
	text-decoration:none;
	border-radius: 28px;
	transition: background-color .3s;
	text-align: center;
	box-sizing: border-box;
}
.genuine #contents a.partsLink::after{
	content: "";
	position: absolute;
	right: 20px;
	top: 21px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #00a7ac;
}
.genuine #contents a.partsLink:hover{
	background-color: #dcf9f7;
}
.genuine #contents a.partsLink:last-of-type{
    margin-bottom: 0;
}



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

#contents #contentsMain {
	padding: 0 15px;
}
#contents h2.textHeader {
	margin: 0 0 15px;
}
#contents .contentsPadding h3.textHeader {
	margin-left: 0;
    font-size: 95%;
}
#contents h4.textHeader {
	font-size: 95%;
}    
.genuine #contents table {
    font-size: 90%;
}
.genuine #contents .chara .floatRight {
    width: 100%;
    float: none;
    text-align: center;
}
.genuine #contents .chara .floatLeft {
    width: 100%;
}
.genuine #contents .chara .floatRight img {
    width: 80%;
    margin-top: 10px;
}
.genuine #contents .chara ul {
    font-size: 90%;
}
.genuine #contents #contentsMain .maintenance_box .floatLeft,
.genuine #contents #contentsMain .maintenance_box .floatRight {
    width: 100%;
}  
.genuine #contents .contentsPadding {
	padding: 0;}
.genuine #contents a.partsLink{
	min-width: 100%;
	font-size: 90%;
	padding: 14px 20px 14px 20px;
    margin-bottom: 10px;
}
.genuine #contents a.partsLink::after{
	top: 20px;
}  
    
}