@charset "utf-8";
/* CSS Document */

/* SampleSite
-----------------------------------------------------*/
/* ==============================================
    crumbs
============================================== */
#crumbs {
	list-style: none;
	width: 950px; /* total 980px */
	margin: 20px auto 15px;
	padding: 0 15px;
}
#crumbs:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#crumbs li {
	float: left;
}
#crumbs li a,
#crumbs li.icn {
	padding-right: 20px;
	background: url(image/crumbs.gif) no-repeat right center;
}

/* ==============================================
    title
============================================== */
#title {
	margin-bottom: 20px;
}

#back_frame{
	background-image: url(image/back_products.gif);
	background-repeat: no-repeat;
}

#contents{
	min-height: 600px;
	margin-bottom: 100px;
}

#contents.products_top{
	padding-bottom: 220px;
	background-image: url(image/back_products.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#contents h1#title_border{
	font-size: 30px;
	font-weight: normal;
	color: #000;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(image/title_border_og.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 30px;
}
#contents.products_top h2{
	font-size: 16px;
	color: #e36000;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
}
#contents.products_top p{
	margin-bottom: 25px;
	color: #000;
	line-height: 1.4;
}

#contents.products_search h1#title_dotted_bl{
	font-size: 30px;
	font-weight: normal;
	color: #eb6f00;
	padding-bottom: 12px;
	padding-left: 8px;
	border-bottom: 3px dotted #c3c3c3;
	margin-bottom: 68px;
}
#contents.products_search h1#title_dotted_og{
	font-size: 30px;
	font-weight: normal;
	color: #eb6f00;
	padding-bottom: 10px;
	padding-left: 8px;
	border-bottom: 3px dotted #feb644;
	margin-bottom: 68px;
}
#contents.products_search h1#title_dotted_og .small{
	font-size: 24px;
	color: #000;
}

#contents.products_search h1#title_dotted_og.bottom_space{
	/*margin-bottom: 20px;*/
	margin-bottom: 68px;
}

#contents.products_search form#products_form{
	/*display: none;*/

	margin-bottom: 20px;
	text-align: right;

}
#contents.products_search form#products_form #search_text {
  vertical-align: top;
  height: 20px;
  margin-right: 4px;
}
/* ==============================================
    category
============================================== */
#contents.products_search .category .group{
	background-color: #fee4bb;
	border-radius: 5px;
	margin-bottom: 28px;
	padding: 17px;
}
#contents.products_search .category .group h2{
	font-weight: normal;
	font-size: 20px;
	color: #000;
}
#contents.products_search .category .group ul{
	list-style-type: none;
	letter-spacing: -.40em;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 10px;
}
#contents.products_search .category .group ul li{
	display: inline-block;
	letter-spacing: normal;
	margin-right: 22px;
	vertical-align: top;
}
#contents.products_search .category .group ul li:nth-child(3n+3){
	margin-right: 0;
}
#contents.products_search .category .group ul li:nth-child(1n+4){
	margin-top: 22px;
}
#contents.products_search .category .group ul li a{
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #cacaca;
	box-sizing: border-box;
	height: 58px;
	width: 202px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#contents.products_search .category .group ul li a:hover{
	opacity: 0.7;
}


/* ==============================================
    use
============================================== */
#contents.products_search .use .group{
	background-color: #e4e4e4;
	border-radius: 5px;
	margin-bottom: 28px;
	padding: 17px;
}
#contents.products_search .use .group ul{
	list-style-type: none;
	letter-spacing: -.40em;
}
#contents.products_search .use .group ul li{
	font-size: 16px;
	display: inline-block;
	letter-spacing: normal;
	margin-right: 22px;
	vertical-align: top;
	background-color: #fff;
}
#contents.products_search .use .group ul li:nth-child(3n+3){
	margin-right: 0;
}
#contents.products_search .use .group ul li:nth-child(1n+4){
	margin-top: 22px;
}
#contents.products_search .use .group ul li a{
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #feb644;
	box-sizing: border-box;
	height: 58px;
	width: 202px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#contents.products_search .use .group ul li a:hover{
	opacity: 0.7;
}


/* ==============================================
    type
============================================== */
#contents.products_search .type .group ul{
	list-style-type: none;
	letter-spacing: -.40em;
	margin-top: 10px;
}
#contents.products_search .type .group ul li{
	display: inline-block;
	letter-spacing: normal;
	margin-right: 27.5px;
	vertical-align: top;
}
#contents.products_search .type .group ul li:nth-child(3n+3){
	margin-right: 0;
}
#contents.products_search .type .group ul li:nth-child(1n+4){
	margin-top: 24px;
}


/* ==============================================
    product
============================================== */
#contents.products_search .products .group{
	background-color: #fee4bb;
	border-radius: 5px;
	margin-bottom: 28px;
	padding: 17px;
}
#contents.products_search .products .group ul{
	list-style-type: none;
	letter-spacing: -.40em;
	padding-left: 8px;
	padding-right: 8px;
}
#contents.products_search .products .group ul li{
	display: inline-block;
	letter-spacing: normal;
	margin-right: 22px;
	vertical-align: top;
}
#contents.products_search .products .group ul li:nth-child(3n+3){
	margin-right: 0;
}
#contents.products_search .products .group ul li:nth-child(1n+4){
	margin-top: 22px;
}
#contents.products_search .products .group ul li a{
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #cacaca;
	box-sizing: border-box;
	height: 33px;
	width: 202px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#contents.products_search .products .group ul li a:hover{
	opacity: 0.7;
}


/* ==============================================
    chemical
============================================== */
#contents.products_search .chemical .group{
	background-color: #e4e4e4;
	border-radius: 5px;
	margin-bottom: 28px;
	padding: 17px;
}
#contents.products_search .chemical .group ul{
	list-style-type: none;
	letter-spacing: -.40em;
	padding-left: 8px;
	padding-right: 8px;
}
#contents.products_search .chemical .group ul li{
	display: inline-block;
	letter-spacing: normal;
	margin-right: 22px;
	vertical-align: top;
	background-color: #fff;
}
#contents.products_search .chemical .group ul li:nth-child(3n+3){
	margin-right: 0;
}
#contents.products_search .chemical .group ul li:nth-child(1n+4){
	margin-top: 22px;
}
#contents.products_search .chemical .group ul li a{
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #feb644;
	box-sizing: border-box;
	height: 33px;
	width: 202px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#contents.products_search .chemical .group ul li a:hover{
	opacity: 0.7;
}



/* ==============================================
    list_chem
============================================== */
#contents.products_search h1#list_title_dotted_og{
	font-size: 30px;
	font-weight: normal;
	color: #eb6f00;
	padding-bottom: 10px;
	padding-left: 8px;
	border-bottom: 3px dotted #feb644;
	margin-bottom: 16px;
}
#contents.products_search .search_source::after{
	content: ">";
	padding-left: 1em;
	padding-right: 1em;
}
#contents.products_search .note{
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 25px;
}
#contents.products_search table{
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0;
}
#contents.products_search table tr{
	display: block;
}
#contents.products_search table tr:nth-child(1n+2){
	box-sizing: border-box;
	border: 1px solid #cacaca;
	margin-top: 21px;
}

#contents.products_search table tr th{
	color: #e36000;
	border-bottom: 4px solid #cacaca;
	padding: 10px;
	box-sizing: border-box;
}
#contents.products_search table tr th:nth-child(1){
	width: 315px;
	border-right: 1px dotted #000;
}
#contents.products_search table tr th:nth-child(2){
	width: 385px;
}
#contents.products_search table tr td{
	color: #000;
}
#contents.products_search table tr td a{
	color: #000;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	padding: 10px 10px 10px 20px;
	background-image: url(image/arrow_td.gif);
	background-repeat: no-repeat;
	background-position: 8px 14px;
}

#contents.products_search table tr td a.icon{
	background: none;
	padding: 10px 10px 10px 10px;
}



#contents.products_search table tr td a:hover{
	opacity: 0.7;
}
#contents.products_search table tr td span{
	display: block;
}
#contents.products_search table tr td.row_product_name{
	font-weight: bold;
}
#contents.products_search table tr td.row_chemical_name{

}
#contents.products_search table tr:nth-child(1n+2) td:nth-child(1){
	box-sizing: border-box;
	width: 315px;
	border-right: 1px dotted #000;
}
#contents.products_search table tr:nth-child(1n+2) td:nth-child(2){
	box-sizing: border-box;
	padding: 10px;
	width: 385px;
	vertical-align: top;
}
#contents.products_search .pagenavi{
	text-align: center;
	margin-top: 30px;
}


/* ==============================================
	    detail
============================================== */
#contents.products_search h1#title_dotted_og_detail{
	font-size: 30px;
	font-weight: normal;
	color: #eb6f00;
	padding-bottom: 10px;
	padding-left: 8px;
	border-bottom: 3px dotted #feb644;
}
#contents.products_search .products .group {
	background-color: transparent;
	border-radius: 0;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px dotted #000;
	margin-bottom: 0;
	padding: 13px;
}

#contents.products_search .products .group h2{
	font-size: 14px;
	font-weight: normal;
	color: #e36000;
}
#contents.products_search .products .group h2::before {
	content: "■";
}
#contents.products_search .products .group p {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 14px;
	color: #000;
	line-height: 1.4;
}

#contents.products_search .products #group1.group{
	border-top: 4px solid #cacaca;
}

#contents.products_search .products #group6.group{
	border-bottom: 1px solid #cacaca;
}

#contents.products_search .products #group6.group .title{
	width: 80px;
	display: inline-block;
}

#contents.products_search .products #group7.group ul li {
	padding: 10px 0;
}

#contents.products_search .products #group7.group ul li a {
	display: inline;
	font-size: 14px;
	background: url(image/file_pdf.svg) no-repeat;
	background-size: auto 100%;
	border-style: none;
	padding-left: 2em;
}

#contents.products_search .products #group7.group ul li a:hover {
	text-decoration: underline;
}

#contents.products_search .products .group:last-of-type p .data{
	display: block;
}

#contents.products_search .products .product_name_ja,
#contents.products_search .products .product_name_english,
#contents.products_search .products .product_name{
	font-weight: bold;
}


#contents.products_search .products .history_back{
	text-align: right;
	font-size: 14px;
	margin-top: 25px;
	margin-bottom: 25px;
}
#contents.products_search .products .history_back a{
	color: #000;
	text-decoration: none;
}
#contents.products_search .products .history_back a::before{
	content: "<";
	color: #e87e00;
	padding-right: 7px;
}
#contents.products_search .products .history_back a:hover{
	opacity: 0.7;
}


/* ==============================================
    sds_download
============================================== */
#contents.products_search #sds_download .product_name_ja,
#contents.products_search #sds_download .product_name_english,
#contents.products_search #sds_download .product_name {
	/* font-weight: normal; */ 
}

#contents.products_search #sds_download .title_middle_og {
	font-size: 16px;
	color: #e36000;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
	margin-top: 1em;
}

#contents.products_search #sds_download table{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: solid #cdcdcd 1px;
	margin-top: 1em;
	margin-bottom: 20px;
}
#contents.products_search #sds_download table tr {
	display: table-row;
	border: none;
}

#contents.products_search #sds_download table tr th,
#contents.products_search #sds_download table tr td{
	padding: 15px 10px 15px 10px;
	box-sizing: border-box;
	border-bottom: solid #cdcdcd 1px;
}
#contents.products_search #sds_download table tr th{
	width: 200px;
	font-weight: normal;
	color: #000000;
	background: #f4f4f4;
	border-left: none;
	text-align: left;
}


#contents.products_search #sds_download table tr th .require{
	color: #d14242;
}
#contents.products_search #sds_download table tr td input,
#contents.products_search #sds_download table tr td textarea{
	padding: 0.2em;
}
#contents.products_search #sds_download table tr td select{
	padding: 0.2em 0.2em 0.5em 0.2em;
	line-height: 1;
}
#contents.products_search #sds_download .button{
	text-align: center;
}
#sds_download .button input[type=submit]{
	padding: 2px 20px;
	font-size: 18px;
}

#contents.products_search #sds_download .agree {
	text-align: center;
	padding: 20px 0;
}

#contents.products_search #sds_download .agree a {
	color: #000000;
}


#contents.products_search #sds_download .agree a:hover {
	color: #ff8040;
}

#contents.products_search #sds_download input[type=checkbox] {
	margin-right: 1em;
}

#contents.products_search #sds_download ul li {
	list-style: none;
}

#contents.products_search #sds_download ul li a {
    display: inline;
    font-size: 14px;
    background: url(https://www.nipponnyukazai.co.jp/cms/wp-content/themes/nippon-nyukazai_jpn_202308/common/css/image/file_pdf.svg) no-repeat;
    background-size: auto 100%;
    border-style: none;
    padding-left: 2em;
    color: #000000;
}

/* ==============================================
    use
============================================== */
#contents.products_use{
	padding-bottom: 220px;
	min-height: 400px;
	background-image: url(image/back_products_use.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#contents.products_use ul{
	list-style-type: none;
	margin-bottom: 42px;
}
#contents.products_use ul li{
	color: #e36000;
	font-weight: bold;
	background-image: url(image/icon_og.png);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	padding-left: 33px;
}
#contents.products_use p{
	color: #000;
	margin-bottom: 30px;
}
#contents.products_use p.small{
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 55px;
}


/* ==============================================
    use_child
============================================== */

#contents h1#title_dotted_gray{
	font-size: 24px;
	padding-bottom: 13px;
	padding-left: 8px;
	border-bottom: 3px dotted #c3c3c3;
	margin-bottom: 33px;
	font-weight: normal;
	color: #000;
}

#contents h1#title_dotted_gray .small{
	font-size: 20px;
	color: #444;
	margin-left: 1em;
}

#contents h2.subtitle_border{
	font-size: 24px;
	font-weight: normal;
	color: #000;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 14px;
	background-color: #fdeacb;
	background-image: url(image/title_border_og.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}
#contents .smalltitle_blue{
	padding-left: 8px;
	font-size: 20px;
	color: #18469d;
	margin-bottom: 14px;
}

#contents .table_blue{
	border-collapse:separate;
	border-spacing: 0;
	border-top: 4px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	font-size: 14px;
}
#contents .table_blue tr th{
	color: #fff;
	background-color: #325fb3;
	height: 37px;
	vertical-align: middle;
	text-align: center;
	border-right: 1px dotted #000;
}
#contents .table_blue tr td{
	padding: 8px 7px;
	box-sizing: border-box;
	vertical-align: middle;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;

}
#contents .table_blue.tracemetals,
#contents .table_blue.lessodor {
    width: 100%;
    margin-bottom: 10px;
}
#contents .table_blue.tracemetals tr th,
#contents .table_blue.tracemetals tr td,
#contents .table_blue.lessodor tr th,
#contents .table_blue.lessodor tr td {
	padding: 8px 5px;
}
#contents .table_blue.lessodor tr th[colspan] {
	border-bottom: 1px dotted #000;
}
#contents .table_blue.tracemetals tr td,
#contents .table_blue.lessodor tr td {
    text-align: center;
    white-space: nowrap;
}
#contents .table_blue tr:nth-child(2) td{
	border-top: none;
}
#contents .table_blue tr .none_right{
	border-right: none;
}
#contents .table_blue tr .none_bottom{
	border-bottom: none;
}

#contents .table_description{
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8))";
	zoom: 1;
	background: -moz-linear-gradient(left, #f7fcff, #e0f2f8);/* FF3.6+ */
	background: -webkit-linear-gradient(left, #f7fcff, #e0f2f8);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to right, #f7fcff, #e0f2f8);/* IE10+, W3C */
	padding: 17px;
	margin-bottom: 53px;
}
#contents .table_description p{
	color: #000;
}
#contents .table_description p.blue_text{
	color: #18469d;
	text-indent: -1em;
	margin-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}


/* ==============================================
    emulsification
============================================== */
#contents .main_image{
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 15px;
}
#contents .table_blue.emulsification1{
	margin-bottom: 18px;
}
#contents .table_blue.emulsification1 tr th:nth-child(1){
	width: 163px;
}
#contents .table_blue.emulsification1 tr th:nth-child(2){
	width: 186px;
}
#contents .table_blue.emulsification1 tr th:nth-child(3){
	width: 226px;
}
#contents .table_blue.emulsification1 tr th:nth-child(4){
	width: 120px;
}

#contents .table_blue.emulsification2{
	margin-bottom: 21px;
}
#contents .table_blue.emulsification2 tr th:nth-child(1){
	width: 258px;
}
#contents .table_blue.emulsification2 tr th:nth-child(2){
	width: 197px;
}
#contents .table_blue.emulsification2 tr th:nth-child(3){
	width: 241px;
}


/* ==============================================
    defogging
============================================== */
#contents .image_description_og{
	color: #e36000;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 40px;
}
#contents .strong_gray{
	font-size: 18px;
	font-weight: bold;
	color: #626262;
	margin-bottom: 13px;
	padding-left: 9px;
}
#contents .strong_og{
	font-weight: bold;
	color: #e36000;
	padding-top: 15px;
	margin-bottom: 40px;
	padding-left: 6px;
}
#contents .strong_og_bottom{
	font-weight: bold;
	color: #e36000;
	margin-bottom: 25px;
	padding-left: 6px;
}
#contents .description_skyblue{
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8))";
	zoom: 1;
	background: -moz-linear-gradient(left, #f7fcff, #e0f2f8);/* FF3.6+ */
	background: -webkit-linear-gradient(left, #f7fcff, #e0f2f8);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to right, #f7fcff, #e0f2f8);/* IE10+, W3C */
	padding: 15px;
	color: #000;
	margin-bottom: 40px;
}
#contents .description_skyblue a{
	color: #000;
	text-decoration: none;
}
#contents .description_skyblue a:hover{
	text-decoration: underline;
}
#contents .description_skyblue span{
	font-size: 14px;
}
#contents .description_skyblue span.arrow_og{
	color: #e87e00;
}

#contents .description_skyblue .two_column {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    margin: 10px 0;
}
#contents .description_skyblue .two_column img {
    width: 96%;
}
#contents .description_skyblue > img {
    margin-top: 15px;
}

#contents .title_top_border{
	padding-top: 22px;
	padding-left: 5px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	border-top: 1px dotted #000;
}

/* ==============================================
    brakefluid
============================================== */
#contents .title_none_border{
	padding-top: 22px;
	padding-left: 5px;
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: normal;
	color: #000;
}
#contents #brakefluid_caption{
	margin-top: -5px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 55px;
}


/* ==============================================
	    facilities
============================================== */
#contents.products_facilities #facilities_text{
	float: left;
	width: 390px;
}
#contents.products_facilities #facilities_photo{
	float: right;
}
#contents.products_facilities #facilities_text p{
	margin-bottom: 25px;
}
#contents.products_facilities #facilities_text ul{
	list-style-type: none;
	margin-bottom: 50px;
}
#contents.products_facilities #facilities_text ul li{
	font-weight: bold;
	color: #e36000;
}
#contents.products_facilities #facilities_text ul li .brackets{
	display: block;
	font-weight: normal;
	color: #000;
	padding-left: 1em;
}
#contents.products_facilities #facilities_text p.small{
	font-size: 14px;
}

/* ==============================================
	    eco_products
============================================== */
#contents.products_eco_products .post_content h2 {
	margin-top: 50px;
	margin-bottom: 30px;
}

#contents.products_eco_products .post_content table {
	width: 100%;
}


/* ==============================================
    Paging
============================================== */
.pagenavi .link_prev,
.pagenavi .link_next{

}
.pagenavi a,
.pagenavi .link_prev,
.pagenavi .link_next{
	font-size: 18px;
	border: 1px solid #b8c3c9;
  border-radius: 3px;
  color: #555;
  text-decoration: none;
  padding: 5px 12px 5px 12px;
}
.pagenavi a:hover,
.pagenavi .link_prev:hover,
.pagenavi .link_next:hover{
	text-decoration: underline;
	cursor: pointer;
}
.pagenavi a.now{
	color: #FFFFFF;
  background: #e36000;
}





/****************************************************/



@media screen and (max-width: 640px) {
/****************************************************
    640px未満に適用
****************************************************/
	#back_frame{
		padding-top: 14%;
		background-image: url(image/back_products_sp.gif);
		background-size: 100%
	}

	#contents h1#title_border{
		font-size: 22px;
	}
	#contents.products_search h1#title_dotted_bl{
		font-size: 22px;
	}
	#contents.products_search h1#title_dotted_og{
		font-size: 22px;
	}
	#contents.products_search h1#title_dotted_og .small{
		font-size: 18px;
	}
	#contents h1#title_dotted_gray .small{
		display: block;
		margin-left: 0;
	}

	#contents.products_top{
		background-size: 100%;
		padding-bottom: 25%;
	}

	#contents{
		min-height: 0px;
	}
	#contents.products_use{
		min-height: 0px;
	}

	#contents.products_search .category .group ul,
	#contents.products_search .use .group ul{
		max-width: 416px;
		margin-left: auto;
		margin-right: auto;
	}
	#contents.products_search .type .group ul{
		max-width: 446px;
		margin-left: auto;
		margin-right: auto;
	}

	/* ==============================================
	    category
	============================================== */
	#contents.products_search .category .group ul li:nth-child(1n+4){
		margin-top: 0;
	}
	#contents.products_search .category .group ul li:nth-child(1n+3){
		margin-top: 2%;
	}
	#contents.products_search .category .group ul li{
		margin-right: 0;
		max-width: 202px;
		width: 49%;
	}
	#contents.products_search .category .group ul li:nth-child(odd){
		margin-right: 2%;
	}


	/* ==============================================
	    use
	============================================== */
	#contents.products_search .use .group ul li:nth-child(1n+4){
		margin-top: 0;
	}
	#contents.products_search .use .group ul li:nth-child(1n+3){
		margin-top: 2%;
	}
	#contents.products_search .use .group ul li{
		margin-right: 0;
		max-width: 202px;
		width: 49%;
	}
	#contents.products_search .use .group ul li:nth-child(odd){
		margin-right: 2%;
	}

	#contents.products_search table tr td a.icon{
		background: none;
		text-align: center;
		padding: 10px 10px 10px 10px;
	}


	/* ==============================================
	    type
	============================================== */
	#contents.products_search .type .group ul li:nth-child(1n+4){
		margin-top: 0;
	}
	#contents.products_search .type .group ul li:nth-child(1n+3){
		margin-top: 2%;
	}
	#contents.products_search .type .group ul li{
		margin-right: 0;
		max-width: 215px;
		width: 49%;
	}
	#contents.products_search .type .group ul li:nth-child(odd){
		margin-right: 2%;
	}
	#contents.products_search .type .group ul li img{
		width: 100%;
	}


	/* ==============================================
	    products
	============================================== */
	#contents.products_search .products .group ul li:nth-child(1n+3){
		margin-top: 0;
	}
	#contents.products_search .products .group ul li:nth-child(1n+4){
		margin-top: 2%;
	}
	#contents.products_search .products .group ul li{
		margin-right: 0;
		max-width: 202px;
		width: 32%;
	}
	#contents.products_search .products .group ul li:nth-child(3n+1),
	#contents.products_search .products .group ul li:nth-child(3n+2){
		margin-right: 2%;
	}
	#contents.products_search .products .group ul li img{
		width: 100%;
	}


	/* ==============================================
	    chemical
	============================================== */
	#contents.products_search .chemical .group ul li:nth-child(1n+3){
		margin-top: 0;
	}
	#contents.products_search .chemical .group ul li:nth-child(1n+4){
		margin-top: 2%;
	}
	#contents.products_search .chemical .group ul li{
		margin-right: 0;
		max-width: 202px;
		width: 32%;
	}
	#contents.products_search .chemical .group ul li:nth-child(3n+1),
	#contents.products_search .chemical .group ul li:nth-child(3n+2){
		margin-right: 2%;
	}
	#contents.products_search .chemical .group ul li img{
		width: 100%;
	}
	.chemical_fomula img{
		max-width:200px;
		width: 100%;
	}


	/* ==============================================
	    emulsification
	============================================== */
	#contents .main_image{
		width: 100%;
	}

	#contents .table_blue.emulsification1,
	#contents .table_blue.emulsification2{
		font-size: 12px;
	}


	/* ==============================================
	    facilities
	============================================== */
	#contents.products_facilities #facilities_text,
	#contents.products_facilities #facilities_photo{
		float: none;
	}
	#contents.products_facilities #facilities_text{
		width: 100%;
	}
	#contents.products_facilities #facilities_photo{
		max-width: 290px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	#contents.products_search table tr th:nth-child(1){
		width: 40.2%;
	}
	#contents.products_search table tr:nth-child(1n+2) td:nth-child(1){
		width: 40%;
	}

	/* ==============================================
	    lessodor / lessodor
	============================================== */
    #contents .table_blue.tracemetals,
    #contents .table_blue.lessodor {
        font-size: 12px;
    }
    #contents.products_toiletry .description_skyblue > img {
        width: 100%;
    }

/***************************************************/
}

/* ==============================================
    IPROS
============================================== */
.ipros {
	margin-top: 30px;
	text-align: right;
}

.ipros img.pc {
	display: inline;
}
.ipros img.sp {
	display: none;
}

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

.ipros img.pc {
	display: none;
}
.ipros img.sp {
	max-width: 100%;
	height: auto;
	display: block;
}

.ipros a {
	display: block;
	border: solid 1px #cacaca;
	border-radius: 5px;
	padding: 12px 23px 13px;
}

}