@charset "UTF-8";

/* ベース

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

body {
	min-width: 980px;
	background: #eff8fa;
	color: #333;
}
#wrapper{
	background: url(../images/common/head_bg02.png) repeat-x left top;
}
.topWrap #Content{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

@media print {
	#carousel-container {
		display: none;
	}
}
@media screen and (max-width: 640px) {

	body, #wrapper{
		-webkit-text-size-adjust: 100%;
		min-width: 320px;
	}
	#wrapper {
		background: none;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

/* ヘッダ */

#Header {
	width: 980px;
	padding-top: 10px;
	margin-bottom: 40px;
}
.topWrap #Header{
	height: 62px;
}

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

	#Header {

	 width: 100%;

	 height: auto;

	 margin-bottom: 35px;

	 text-align: left;

	}

	#Header #topLogo {

	 margin-left: 15px;

	}

	#Header #topLogo img {

	 /*zoom: 72%;*/

	 width: 46px;

	 height: 38px;

	}
	.topWrap #Header{
		position: absolute;
		top: 0;
		left: 0;
		height: 50px;
		background: url(../images/common/head_bg01.png) repeat-x left -15px;
		z-index: 100;
	}
	.topWrap #Content{
		padding-top: 55px;
	}

}

/* フッタ */

.mainBottom {

 border-top: 1px solid #e2e7ec;

 background: #fff;

}

/* フッタ SNS */

.socialArea {

 background: url(../images/common/foot_bg01.gif) repeat-x left bottom;

}

.socialArea .inner {

 width: 980px;

 margin: 0 auto;

 padding: 15px 0;

 text-align: center;

}

.socialArea .tw, .socialArea .fb, .socialArea .mixi, .socialArea .ggl, .socialArea .line {

 overflow: hidden;

 vertical-align: middle;

 display: inline-block;

 *display: inline;

 *zoom: 1;

 height: 20px;

 margin: 0 10px;

}

.socialArea .fb {

 width: 70px;

}

.socialArea .tw iframe {

 width: 70px !important;

}



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

	.socialArea .inner {

	 width: auto;

	 padding-bottom: 0;

	}

	.socialArea .tw, .socialArea .fb, .socialArea .mixi, .socialArea .ggl, .socialArea .line {

	 margin: 0 8px 10px;

	}

}

/* フッタ ナビ */

.contlocalnav {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
	padding: 10px 10px 3px 10px;
	text-align: center;
}
.contlocalnav li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 7px 0;
	padding: 0 8px;
	border-left: 1px dotted #4b5b89;
}
.contlocalnav li:first-child {
	border-left: none;
}
.contlocalnav li.fl{
	border-left: none;
}
.contlocalnav li a {
	font-size: 12px;
	text-decoration: none;
}
.contlocalnav li a:hover {
	text-decoration: none;
}

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

	.contlocalnav {

	 border-top: 1px solid #2f71d3;

	 width: auto;

	 padding: 0;

	}

	.contlocalnav li {

	 display: block;

	 padding: 12px 10px;

	 border-bottom: 1px solid #dbd8d2;

	 border-left: none;

	 text-align: left;

	}

	.contlocalnav li a {

	 display: block;

	 text-decoration: none;

	 background: url(../images/common/sp/foot_bg_arrow.png) no-repeat right center;

	 background-size: 6px auto;

	}

}

/* フッタ 製品一覧 */

#fabric-footer hr {

 display: block;

}

#fabric-footer #fabric-item-title {

 margin-bottom: 0 !important;

}

#fabric-footer #fabric-item-list {

 padding-top: 42px;

}

/* フッタ SSI共通部 */

.footer-wrapper {

 background: #fff;

}

.common-footer {

 width: 980px;

 margin: 0 auto;

 padding: 15px 0;

}

.common-footer-info {

 width: 660px !important;

}



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

	.common-footer {

	 width: auto;

	 margin: 0 auto;

	 padding: 0;

	}

	.common-footer-logo {

	 border-top: none !important;

	}

	.common-footer-info {

	 width: 100% !important;

	}

	.common-footer-info .common-footer-link {

	 width: 96%;

	}

	.common-footer-info .common-footer-link li {

	 font-size: 10px !important;

	}

}



/* SPナビ */

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

	#SpMenu #spnav {

	 position: absolute;

	 top: 55px;

	 left: 0;

	 width: 100%;

	 display: none;

	 z-index: 2000;

	}

	#SpMenu .inner {

	 width: 100%;

	 padding-bottom: 10px;

	 background: #fff;

	 box-shadow: 0 1px 3px #eaeaea;

	}

	#SpMenu .menulist {

	 border-top: 1px solid #2f71d3;

	}

	#SpMenu .menulist li {

	 padding: 12px 10px;

	 border-bottom: 1px solid #dbd8d2;

	 font-size: 10px;

	}

	#SpMenu .menulist li a {

	 display: block;

	 background: url(../images/common/sp/foot_bg_arrow.png) no-repeat right center;

	 background-size: 6px auto;

	}

	#SpMenu .closeBtn a {

	 display: block;

	 text-decoration: none;

	 margin: 10px;

	 padding: 10px;

	 border-radius: 5px;

	 color: #fff !important;

	 background: #1b62cb;

	 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f71d4), color-stop(50%, #1b62cb), color-stop(100%, #0651c1));

	 background-image: -webkit-linear-gradient(top, #2f71d4, #1b62cb, #0651c1);

	 background-image: -moz-linear-gradient(top, #2f71d4, #1b62cb, #0651c1);

	 background-image: -o-linear-gradient(top, #2f71d4, #1b62cb, #0651c1);

	 background-image: -ms-linear-gradient(top, #2f71d4, #1b62cb, #0651c1);

	 background-image: linear-gradient(top, #2f71d4, #1b62cb, #0651c1);

	 text-align: center;

	  /*IE6 IE7 */

	  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#2f71d4, endcolorstr=#0651c1));

	 /* IE8 */

	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#2f71d4, endcolorstr=#0651c1))";

	 zoom: 1;

	}

	#menu {

	 position: absolute;

	 top: 10px;

	 right: 10px;

	 width: 35px;

	 height: 35px;

	 z-index: 300;

	}

	.active #menu {

	 display: block;

	 background: url(../images/sp/menubtn_close.png) no-repeat;

	 background-size: 100% auto;

	 padding-top: 35px;

	 height: 0;

	 overflow: hidden;

	}

}

.pageTop {

 display: none;

 position: fixed;

 z-index: 101;

 right: 10px;

 bottom: 20px;

}



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

	.pageTop {

	 right: 5px;

	}

	/*.pageTop img {

	     width: 40px;

	     height: auto;

	 }*/

}

/* 共通コンテンツ */

.frame {

 width: 980px;

 margin: 0 auto;

 overflow: hidden;

}

.frameborder {

 width: 978px;

 margin-bottom: 45px;

 background: #fff;

 border: 1px solid #e6e8eb;

}

.frameborder .inner {

 padding: 50px 40px;

}

.pagetitle {

 margin: 0 0 40px;

 text-align: center;

}

.backbtn {

 display: none;

}

.frame.backbtn {

 display: block;

 margin-bottom: 45px;

 text-align: right;

}

.frame.backbtn a:hover img {

 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

 opacity: 0.7;

}



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

	/* 共通コンテンツ */

	#Content {

	}

	.frame {

	 width: auto;

	}

	.frameborder {

	 width: auto;

	 margin-bottom: 20px;

	}

	.frameborder .inner {

	 padding: 20px 0;

	}

	.frameside .inner {

	 padding: 20px;

	}

	.pagetitle {

	 margin: 0 0 20px;

	}

	.backbtn {

	 display: block;

	 padding-bottom: 20px;

	 text-align: center;

	}

	.frame.backbtn {

	 margin-bottom: 0;

	 text-align: center;

	}

}

/* TOP */

body#top {
	background: #fff;
}
#top #Header {
	margin-bottom: 5px;
}
#top .topWrap #Header {
	margin-bottom: 0px;
}
.carousel-container {
	background: #fff;
}
.sky{
	position: relative;
	padding-bottom: 18px;
	background: url(../images/top/top_main_bg.jpg) center 0 no-repeat;
	background-size: cover;
	overflow: hidden;
}
.sky:after {
	position: absolute;
	left: 0;
	bottom: 0;
    display: block;
    content: '';
    width: 100%;
    height: 78px;
    background: url(../images/top/top_main_bg_btm.png) center 0 no-repeat;
    background-size: cover;
    z-index: 0;
}
.sky .skyOverlay{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(../images/top/top_main_bg_line.png) 0 0 repeat;
	visibility: visible;
    z-index: 1;
}
.sky #topIllust{
	position: absolute;
	bottom:31px;
	left:50%;
	margin-left: -206px;
	width: 672px;
    z-index: 90;
}
#topcategoryarea{
	position: relative;
	margin: 0 auto 30px auto;
	padding: 0 0 30px 0;
	width: 980px;
	overflow: hidden;
	z-index: 100;
	border-bottom: 0;
}
#topcategoryarea.all{
	padding-top: 18px;
	background: url(../images/top/top_select_all.png) 0 bottom no-repeat;
}
#topcategoryarea.compact{
	background: url(../images/top/top_select_01.png) 0 bottom no-repeat;
}
#topcategoryarea.regular{
	background: url(../images/top/top_select_02.png) 0 bottom no-repeat;
}
#topcategoryarea.powder{
	background: url(../images/top/top_select_03.png) 0 bottom no-repeat;
}
#topcategoryarea.point{
	background: url(../images/top/top_select_04.png) 0 bottom no-repeat;
}
#topcategoryarea.refresher{
	background: url(../images/top/top_select_05.png) 0 bottom no-repeat;
}
#topcategoryarea.eradicate{
	background: url(../images/top/top_select_06.png) 0 bottom no-repeat;
}
#topcategoryarea .category{
	float: left;
}
#topcategoryarea .cat1,
#topcategoryarea .cat2{
	margin: 0 40px 0 0;
	width: 383px;
}
#topcategoryarea .catAll{
	width: 134px;
}
#topcategoryarea .category .catTtl{
	margin: 0 0 16px 0;
	padding: 0 0 10px 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #fff;
}
#topcategoryarea .topcategorylist{
	padding: 0;
	overflow: hidden;
}
#topcategoryarea .topcategorylist li{
	float: left;
	width: 127px;
}
#topcategoryarea .catAll .topcategorylist li{
	width: 134px;
}
#topcategoryarea .topcategorylist li a{
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1.14em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#topcategoryarea .topcategorylist li a img{
	display: block;
	margin: 0 auto 8px;
}
#topcategoryarea .topcategorylist li a:hover{
	opacity: .7;
}
#topcategoryarea .topcategorylist li a .catName{
	display: table-cell;
	width: 134px;
	height: 32px;
	vertical-align: middle;
}
.frame {
	overflow: hidden;
}
.topproductsarea{
	position: relative;
	overflow: hidden;
	margin-right: -12px;
	z-index: 100;
}
.topproductsarea .categoryItem{
	position: relative;
	float: left;
	margin: 0 12px 12px 0;
	padding: 4px;
	width: 228px;
	height: 228px;
	background: url(../images/top/top_item_pattern.png) 0 0 repeat;
}
.topproductsarea .categoryItem .inner{
	width: 228px;
	height: 228px;
	background: #fff;
	overflow: hidden;
}
.topproductsarea .categoryItem a{
	display: block;
	padding: 13px 10px 0 10px;
	text-align: center;
	text-decoration: none;
}
.topproductsarea .categoryItem a:hover{
	opacity: .7;
}
.topproductsarea .categoryItem .heading{
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	right: auto;
}
.topproductsarea .topproductsimg {
	display: block;
	width: 100%;
}
.topproductsarea .categoryItem .itemtxt{
	display: block;
	width: 100%;
}
.topproductsarea .topproductsttl{
	color: #1e2b83;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: bold;
	text-align: center;
}
.topproductsarea .topproductstxt {
	margin-top: 5px;
	color: #333;
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
}
.kern{
	letter-spacing: -0.03em;
}
.modalBK {

 display: none;

 position: absolute;

 top: 0;

 left: 0;

 z-index: 4;

 height: 100%;

 width: 100%;

 background: #000;

 opacity: 0.5;

 filter: alpha(opacity=50);

 -moz-opacity: 0.50;

}

.topframe {
	background: #e9e9e9;
}
.topbannerarea {
	margin-right: -16px;
	padding:40px 0 20px 0;
}
.topbannerarea .topbanner {
	float: left;
	width: 316px;
	margin-right: 16px;
	margin-bottom: 15px;
}
.topbannerarea .topbannerimg {
	background: #fff;
}
.topbannerarea .topbannerimg a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.topbannerarea .topbannertxt {
	margin-top: 8px;
	color: #333;
	font-size: 12px;
	line-height: 1.33em;
}

#productsDisp #nanox_nioi .topproductsttl span {

}

#productsDisp #nanox_nioi .topproductsttl br {

display: none;
}



@media screen and (max-width: 640px){
	#top #Header {
		margin-bottom: 20px;
	}
	#carousel-container {
		margin-bottom: 17px;
		touch-callout:none;
		user-select:none;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
	}
	.sky{
		background: url(../images/top/top_main_bg_sp.jpg) center 0 no-repeat;
		background-size: cover;
		padding-bottom: 0 !important;
	}
	.sky:after {
	    padding-top: 2px;
	    width: 100%;
	    height: 24px;
	    background: url(../images/top/top_main_bg_btm_sp.png) center 0 no-repeat;
	    background-size: cover;
	}
	.sky #topIllust{
		position: relative;
		bottom: 8px;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding-top: 30px;
		width: 95%;
	}
	.sky #topIllust img{
		width: 100%;
		height: auto;
	}
	#topcategoryarea{
		margin: 0 auto;
		padding: 0;
		width: 95%;
		background: none !important;
		border-bottom: 1px solid #fff;
	}
	#topcategoryarea .category{
		float: none;
	}
	#topcategoryarea .cat1,
	#topcategoryarea .cat2{
		margin: 0 0 17px 0;
		width: 100%;
	}
	#topcategoryarea .category .catTtl{
		margin: 0 0 13px 0;
		padding: 5px;
		color: #fff;
		font-size: 12px;
		line-height: 1.1em;
		font-weight: bold;
		text-align: center;
		border: 1px solid #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#topcategoryarea .topcategorylist{
		padding: 0 0 10px 0;
	}
	#topcategoryarea .topcategorylist li{
		float: left;
		width: 33%;
	}
	#topcategoryarea .topcategorylist li a{
		font-size: 11px;
		line-height: 1.2em;
	}
	#topcategoryarea .topcategorylist li a img{
		display: block;
		width: 68%;
		height: auto;
		margin: 0 auto 4px;
	}
	#topcategoryarea .topcategorylist li a:hover{
		opacity: 1;
	}
	#topcategoryarea .topcategorylist li a .catName{
		display: table-cell;
		width: 220px;
		height: 26px;
		vertical-align: middle;
	}
	#productsHolder{
		position: relative;
	}
	.topproductsarea {
		margin: 0 auto;
		width: 95%;
		overflow: visible;
	}
	.topproductsarea .categorytitle {
		padding: 32px 0px 32px 70px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}
	.topproductsarea #compact.categorytitle{
		background: url(../images/top/top_icon_01.png) 17px center no-repeat;
		background-size: 45px 45px;
	}
	.topproductsarea #regular.categorytitle{
		background: url(../images/top/top_icon_02.png) 17px center no-repeat;
		background-size: 45px 45px;
	}
	.topproductsarea #powder.categorytitle{
		background: url(../images/top/top_icon_03.png) 17px center no-repeat;
		background-size: 45px 45px;
	}
	.topproductsarea #point.categorytitle{
		background: url(../images/top/top_icon_04.png) 17px center no-repeat;
		background-size: 45px 45px;
	}
	.topproductsarea #refresher.categorytitle{
		background: url(../images/top/top_icon_05.png) 17px center no-repeat;
		background-size: 45px 45px;
	}
	.topproductsarea #eradicate.categorytitle{
		background: url(../images/top/top_icon_06.png) 17px center no-repeat;
		background-size: 45px 45px;
	}
	.topproductsarea .categorytitle img {
		display: block;
		margin: 0 auto 12px;
		zoom: 0.89;
	}
	.topproductsarea .categoryItem{
		float: none;
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		height: auto;
		background: none;
	}
	.topproductsarea .categoryItem .inner{
		width: 100%;
		height: auto;
	}
	.topproductsarea .categoryItem a{
		display: table;
		padding: 17px 0;
		text-align: left;
		overflow: hidden;
	}
	.topproductsarea .categoryItem a:hover{
		opacity: 1;
	}
	.topproductsarea .categoryItem .heading{
		top: 11px;
		left: auto;
		right: 11px;
		width: 20px;
		height: 20px;
	}
	.topproductsarea .categoryItem .heading img{
		width: 100%;
		height: auto;
	}
	.topproductsarea .topproductsimg {
		display: table-cell;
		width: 28%;
	}
	.topproductsarea .topproductsimg img{
		width: 100%;
		height: auto;
	}
	.topproductsarea .categoryItem .itemtxt{
		display: table-cell;
		width: 72%;
		padding: 0 45px 0 4px;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.topproductsarea .topproductsttl{
		font-size: 14px;
		line-height: 1.25em;
		text-align: left;
	}
	.topproductsarea .topproductstxt {
		margin-top: 3px;
		font-size: 11px;
		line-height: 1.3em;
		text-align: left;
	}
	.topbannerarea {
		margin: 0 auto;
		padding:35px 0 10px 0;
		width: 76%;
	}
	.topbannerarea .topbanner {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.topbannerarea .topbannerimg a img {
		width: 100%;
		height: auto;
	}
	.topbannerarea .topbannerimg a:hover img {
		-ms-filter: "alpha( opacity=100 )";
		filter: alpha( opacity=100 );
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	}
	.topbannerarea .topbannertxt {
		margin-top: 3px;
		font-size: 10px;
		line-height: 1.33em;
	}

}



/* 50年の歴史 */

.frameborder.framehistory {

 margin-bottom: 20px;

 padding-bottom: 0;

}

.frameborder.framehistory .inner {

 padding-bottom: 0;

}

.historyarea .historytitle {

 padding: 15px 20px;

 border: 1px solid #e6e8eb;

 background: #f1f3f6;

}

.historyarea .historytitle h2 {

 margin: 0;

 vertical-align: middle;

}

.historyarea .historytitle h2 img {

 margin-right: 20px;

}

.historyarea .historytitle span {

 font-size: 16px;

 font-weight: normal;

}

.historyarea .historycontent {

 padding: 35px 0;

 background: url(../images/history/his_bg_border.gif) repeat-y left top;

}

.historyarea .historycontent.last {

 padding-bottom: 0;

}

.historyarea .historycontent .lastframe {

 margin-bottom: 35px;

 background: url(../images/history/his_bg_dash.gif) no-repeat 200px bottom;

}

.historyarea .productscontent .productsimg {

 float: left;

 width: 208px;

 margin-right: 40px;

 text-align: center;

}

.historyarea .productscontent .productsimg p {

 margin-top: 10px;

 padding-right: 25px;

 background: url(../images/history/his_bg_ellipse.gif) no-repeat right center;

}

.historyarea .productscontent .productsimg p:first-child {

 margin-top: 0;

}

.historyarea .productscontent .productstxt {

 float: left;

 width: 365px;

 font-size: 14px;

}

.historyarea .productscontent .productstxt p {

 margin-bottom: 1em;

}

.piriodarea {

 float: right;

 width: 238px;

 padding: 20px 10px;

 border: 1px solid #e6e8eb;

}

.piriodarea .heding, .piriodarea .headline, .piriodarea .piriodhistory {

 font-size: 12px;

}

.piriodarea .heding {

 margin: 0 0 15px;

 font-weight: normal;

}

.piriodarea .piriodinner {

 padding: 0 8px;

}

.piriodarea .piriodimg {

 margin: 0 0 20px;

}

.piriodarea .headline {

 margin-bottom: 10px;

 font-weight: normal;

}

.piriodarea .piriodhistory {

 position: relative;

}

.piriodarea .piriodhistory dt {

 position: absolute;

 left: 0;

 width: 6em;

}

.piriodarea .piriodhistory dd {

 margin-bottom: 5px;

 padding: 0 0 0 5em;

}



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

	.historyarea .historytitle {

	 padding: 15px 20px;

	 border-left: none;

	 border-right: none;

	}

	.historyarea .historytitle h2 {

	 background: url(../images/history/sp/bg_icon_plus.gif) no-repeat right center;

	 background-size: 25px auto;

	}

	.historyarea .historytitle.active h2 {

	 background: url(../images/history/sp/bg_icon_minus.gif) no-repeat right center;

	 background-size: 25px auto;

	}

	.historyarea .historytitle h2 img {

	 margin-right: 0;

	 zoom: 0.82;

	}

	.historyarea .historytitle span {

	 display: block;

	 padding-top: 5px;

	 font-size: 13px;

	 font-weight: bold;

	}

	.historyarea .historycontent {

	 display: none;

	 padding: 25px 24px 25px 0;

	 background: url(../images/history/sp/his_bg_border.gif) repeat-y left top;

	 background-size: 26px auto;

	}

	.historyarea .productscontent {

	 padding-left: 18px;

	 zoom: 1;

	}

	.historyarea .productscontent:after {

	 content: "";

	 display: block;

	 clear: both;

	 height: 0;

	 visibility: hidden;

	}

	.historyarea .historycontent.last {

	 padding-bottom: 0;

	}

	.historyarea .historycontent .lastframe {

	 margin-bottom: 20px;

	 padding-bottom: 0;

	 background: url(../images/history/sp/his_bg_dash.gif) no-repeat left bottom;

	 background-size: 26px auto;

	}

	.historyarea .productscontent .productsimg {

	 float: left;

	 width: auto;

	 margin-right: 10px;

	 text-align: left;

	}

	.historyarea .productscontent .productsimg p {

	 margin: 0 0 10px;

	 padding: 0 0 0 30px;

	 background: url(../images/history/sp/his_bg_ellipse.gif) no-repeat left center;

	 background-size: auto 9px;

	}

	.historyarea .productscontent .productsimg p img {

	 zoom: 57%;

	}

	.historyarea .productscontent .productstxt {

	 float: none;

	 width: auto;

	 padding-left: 30px;

	}

	.piriodarea {

	 float: none;

	 width: auto;

	 padding: 15px 20px;

	 margin-left: 48px;

	}

	.piriodarea .heding, .piriodarea .headline, .piriodarea .piriodhistory {

	 font-size: 9.4px;

	}

	.piriodarea .piriodinner {

	 padding: 0;

	}

	.piriodarea .piriodimg {

	 margin: 0 0 20px;

	}

	.piriodarea .piriodimg img {

	 zoom: 83%;

	}

	.piriodarea .piriodhistory dd {

	 padding: 0 0 0 6em;

	}

}

/* 製品紹介 */

.productsarea {

 position: relative;

 /*min-height: 518px;*/

 min-height: 385px;

 padding: 0 80px 0 500px;

}

.platinum-productsarea {

 min-height: 420px;

}

.productsarea .heading {

 margin-bottom: 20px;

 margin-left: 3px;

 margin-right: 3px;

}

.productsarea .heading .icon{

 padding-right: 12px;

}

.productsarea .heading img {

 vertical-align: middle;

}

.productsarea .productstxt {

 margin-bottom: 20px;

 margin-left: 5px;

 margin-right: 5px;

 font-size: 16px;

}

.productsarea .productsimg {

 position: absolute;

 left: 0;

 top: 0;

 width: 500px;

 text-align: center;

}

.productsarea .productslist {

 margin-bottom: 20px;

 padding: 10px;

 border: 3px solid #2f71d4;

}

.productsarea .productslist li {

 margin-top: 5px;

}

.productsarea .productslist li:first-child {

 margin-top: 0;

}

.productsarea .productsbtn {

 text-align: right;

}

.productsarea .productsbtn a:hover img {

 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

 opacity: 0.7;

}

.pointarea .heading {

 margin-bottom: 45px;

}

.pointarea .platinum-heading {

 margin-bottom: 40px;

}

.pointarea .indent {

 padding: 0 22px;

}

.pointarea .pointtxt {

 margin-bottom: 25px;

 font-size: 16px;

}

.pointarea .pointlist {

 font-size: 20px;

 font-weight: bold;

}

.pointarea .lead-txt {

 margin-bottom: 10px;

}

.pointarea .pc-platinum-lead-txt {

 max-width: 537px;

}

.pointarea .lead-img {

 width : 256px;

 height: 107px;

 margin-bottom: 35px;

}

.pointarea .pointlist li {

 margin-top: 35px;

 padding: 5px 0 5px 35px;

}

.pointarea .pointlist li.heyaboshi-pointlist-notes {

 margin-top: 15px;

}

/*
.pointarea .pointlist li:first-child {

 margin-top: 0;

}*/

.pointarea .pointlist li.num1 {

 background: url(../images/products/pro_bg_num01.gif) no-repeat left top;

}

.pointarea .pointlist li.num2 {

 background: url(../images/products/pro_bg_num02.gif) no-repeat left top;

}

.pointarea .pointlist li.num3 {

 background: url(../images/products/pro_bg_num03.gif) no-repeat left top;

}

.pointarea .pointlist li.num4 {

 background: url(../images/products/pro_bg_num04.gif) no-repeat left top;

}

.pointarea .pointlist li.num5 {

 background: url(../images/products/pro_bg_num05.gif) no-repeat left top;

}

.pointarea .pointlist li ul, .pointarea .pointlist li p {

 margin-left: -30px;

 font-weight: normal;

}

.pointarea .pointlist li ul {

 margin-top: 20px;

 margin-bottom: 10px;

}

.pointarea .pointlist li ul li {

 margin-top: 35px;

 padding: 0 0 0 15px;

 background: url(../images/products/pro_bg_dot.gif) no-repeat left 0.4em;

 font-size: 13px;

}

.pointarea .pointlist li p {

 font-size: 11px;

}

.pc-platinum-pointlist-wrapper-main-txt {

 max-width: 600px;

}

.empasis-box {

 border: 3px solid #C5E6F7;
 border-radius: 10px;
 margin-top: 35px;

}

.empasis-box-img {

 padding-left: 20px;

 padding-top: 5px;

 padding-bottom: 5px;

 vertical-align: middle;
}

.empasis-box-img--txt {

 color: #595959;

 padding-left: 15px;

}

.empasis-txt-color {

 color: #595959;

}

.platinum-figure-biodegradation {

 margin-top: 10px;

 margin-left: 0;

 margin-bottom: 10px;
}

.platinum-figure-biodegradation p{

 margin-top: 10px;

 margin-left: 0;

 margin-bottom: 10px;
}

.pointarea .pointlist li p.platinum-figure-biodegradation-title {

 color: #04047a;

 font-size: 26px;

 margin: 0;

 text-align: center;

 width: 496px;
}

.platinum-figure-biodegradation-txt--left {

 color: #595959;

 display: table-cell;

 padding-left: 7%;

 width: 217px;

}

.platinum-figure-biodegradation-txt--right {

 color: #595959;

 display: table-cell;

 text-align: right;

 width: 200px;

}

.float-right {

 float: right;

 height: 100px;

}

.float-left {

 float: left;

}

.clear {

 clear: both;

}

.clearfix::after {

 content: " ";

 display: block;

 clear: both;

}

.txt-bold {

 font-weight: bold;

}

.f20 {

 font-size: 20px;

}

.f20-5 {

 font-size: 20.5px;

}

.f25-5 {

 font-size: 25.5px;

}

.mt10 {

 margin-top: 10px;

}

.mb35 {

 margin-bottom: 35px;

}

.mb40 {

 margin-bottom: 40px;

}

.pointarea .pointlist li ul.platinum-pointlist-main-txt, .pointarea .pointlist li p.platinum-pointlist-main-txt {

 font-size: 13px;

 margin-top: 10px;

 margin-left: 0;

 margin-bottom: 10px;

}

.pointarea .pointlist li ul.platinum-pointlist-notes, .pointarea .pointlist li p.platinum-pointlist-notes {

 font-size: 11px;

 margin-top: 10px;

 margin-left: 0;

}

.caption-mark {
	font-size: 8px;
	display: inline;
	vertical-align: text-top;
}

.caption-mark--asterisk {
	font-size: 10px;
	display: inline;
	vertical-align: text-top;
}

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

	.productsarea {

	 min-height: auto;

	 padding: 0;

	}

	.productsarea .heading img {

	 zoom: 0.8;

	}

	.productsarea .heading .headingbreak {

	 display: block;

	 padding: 10px 0 0 44px;

	}

	.productsarea .productstxt {

	 margin-bottom: 0;

	 margin-left: 5px;

	 margin-right: 5px;

	 font-size: 14px;

	}

	.productsarea .productsimg {

	 position: static;

	 width: auto;

	}

	.productsarea .productsimg img {

	 zoom: 0.7;

	}

	.productsarea .productslist {

	 margin-bottom: 25px;

	}

	.productsarea .productslist img {

	 zoom: 0.85;

	}

	.productsarea .productsbtn {

	 display: none;

	}

	.pointarea .heading {

	 margin-bottom: 18px;

	 text-align: center;

	}

	.pointarea .indent {

	 padding: 0;

	}

	.pointarea .pointtxt {

	 font-size: 14px;

	}

	.pointarea .pointlist {

	 font-size: 14px;

	}

	.pointarea .sp-platinum-lead-img {

	 text-align: center;

	 width: 100%;
	}

	.pointarea .lead-img {

	 font-size: 14px;

	 display: block;

	 margin-left: auto;

	 margin-right: auto;

	 margin-bottom: 35px;

	}

	.pointarea .pointlist li {

	 background-size: 20px auto;

	 min-height: 24px;

	}

	.pointarea .pointlist li ul {

	 padding-left: 20px;

	}

	.pointarea .pointlist li ul li {

	 padding-left: 0;

	 list-style: disc;

	 background: none;

	 font-size: 12px;

	}

	.pointarea .pointlist li p {

	 font-size: 10px;

	}

	.platinum-pointlist-img--w90 {

	 width: 90%;

	}

	.platinum-main-img {

	 display: block;

	 margin-top: 20px;

	 margin-bottom: 15px;
	}

	.empasis-box-img--sp {

	 display: inline-block;

	 padding: 10px;

	 vertical-align: middle;

	 width: 22%;

  }

	.empasis-box-txt {

	 color: #595959;

	 display: inline-block;

	 vertical-align: middle;

	 width: 63%;

	}

	.empasis-txt-color {

	 color: #595959;

	}


	.pointarea .pointlist li p.platinum-figure-biodegradation-title {

	 color: #04047a;

	 font-size: 16px;

	 margin: 0;

	 text-align: center;

	 width: 100%;

	}

	.num4-img {

	 width: 110%;

	}

	.platinum-sp-figure-biodegradation-txt--left {

	 color: #595959;

	 display: table-cell;

	 font-size: 7px;

	 padding-left: 5%;

	 width: 217px;

	}

	.platinum-sp-figure-biodegradation-txt--right {

	 color: #595959;

	 display: table-cell;

	 font-size: 7px;

	 text-align: right;

	 width: 60px;

	}

	.f18 {

	 font-size: 18px;

	}

}

#topProdcutSearch {width: 980px; margin: 13px auto -7px; font-size: 0; line-height: 1; position: relative; z-index: 100; overflow: hidden; background: url("../images/top/top_main_illust.png") no-repeat right 23px bottom 18px; background-size: 672px auto; min-height: 930px; font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
#topProdcutSearch * {box-sizing: border-box;}
.searchSelect {text-align: center;}
.searchSelect a{display: inline-block;}
.searchSelect a:hover{text-decoration: none;}
.searchSelect .maintab{display: flex; width: 100%;}
.searchSelect .maincategory {width: 490px; height: 55px; background: #d1e0f8; font-size: 20px; color: #5073ac; line-height: 55px; font-weight: bold; transition: 0.6s;}
.searchSelect .maincategory:hover{background: #a3c6ff; transition: background 0.3s;}
.searchSelect .maincategory.active{background: #2a338a; color: #fff; transition: background 0.3s;}
.searchSelect .tab {background: #2a338a; justify-content: flex-start; flex-wrap: wrap; padding: 20px 0 12px 16px; display: none;}
.searchSelect .tab.active{display: flex;}
.searchSelect .tab a {background: #fff; width: 229px; height: 50px; line-height: 50px; font-size: 15px; color: #000; margin: 0 4px 8px; border-radius: 3px; text-align: left; padding: 0 15px; font-weight: bold; letter-spacing: 0; transition: background 0.6s; position: relative;}
.searchSelect .tab a::after{content: ''; width: 7px; height: 12px; background: url("../images/top/top_icon_arr.png") no-repeat left top; position: absolute; right: 10px; top: 20px; z-index: 10; background-size: cover;}
.searchSelect .tab a.active,
.searchSelect .tab a:hover{background: #b1c6e8; transition: background 0.6s;}
.searchSelect .tab2 a {width: 308px; padding-left: 50px;}
.searchSelect .tab2 a::before{content: ''; width: 50px; height: 50px; background: url("../images/top/top_icon_search01.png") no-repeat left top; position: absolute; left: 0; top: 0; z-index: 10; background-size: cover;}
.searchSelect .tab2 a:nth-child(2)::before {background-image: url("../images/top/top_icon_search02.png");}
.searchSelect .tab2 a:nth-child(3)::before {background-image: url("../images/top/top_icon_search03.png");}
.searchSelect .tab2 a:nth-child(4)::before {background-image: url("../images/top/top_icon_search04.png");}
.searchSelect .tab2 a:nth-child(5)::before {background-image: url("../images/top/top_icon_search05.png");}
.searchSelect .tab2 a:nth-child(6)::before {background-image: url("../images/top/top_icon_search06.png");}
.searchSelect .reset {background: #2a338a; padding: 0 20px 20px;}
.searchSelect .reset a{height: 30px; line-height: 30px; display: block; font-size: 13px; color: #fff; border: 1px solid #747eb6; border-radius: 3px; transition: background 0.6s;}
.searchSelect .reset a:hover{background-color: #7f85b9; transition: background 0.3s;}

#topProdcutSearch h2 {font-size: 26px; line-height: 1; color: #fff; text-align: center; font-weight: bold; margin: 60px 0 30px;}
#topProdcutSearch h2.compact{font-size: 0;}
#topProdcutSearch h2.compact span{font-size: 26px;}
#topProdcutSearch .result .items {display: flex; flex-wrap: wrap; width: 1000px; position: relative; left: -10px;}
#topProdcutSearch .result .items a {display: block; width: 230px; height: inherit; background: #fff; margin: 0 10px 20px; border-radius: 8px; overflow: hidden; padding: 0 0px 0px; opacity: 0;}
#topProdcutSearch .result .items a.show {opacity: 1; transition: opacity 0.6s;}
#topProdcutSearch .result .items a.show:hover{text-decoration: none; opacity: 0.7; transition: 0.3s;}
#topProdcutSearch .result .items a img {width: 100%; height: auto;}
#topProdcutSearch .result .items h3{color: #2a338a; font-size: 16px; line-height: 21px; font-weight: bold; text-align: center; height: 3.6em; margin: -8px 0 7px; display: flex; width: 100%; justify-content: center; align-content: center; align-items: center; letter-spacing: 0.025em;}
#topProdcutSearch .result .items p {font-size: 14px; line-height: 20px; color: #000; text-align: left; margin: 0 0 16px; padding: 0 20px;}
.spfloating {display: none;}
@media screen and (max-width: 640px) {
#topProdcutSearch {width: 100%; margin: 0 auto 0; background: url("../images/top/top_main_illust.png") no-repeat center bottom 9px; background-size:355px auto; min-height:inherit;}
.searchSelect .maincategory {width: 100%; height: 50px; font-size: 15px; line-height: 50px;}
.searchSelect .tab {padding: 15px 4.5px 8px; display: none; flex-direction: column;}
.searchSelect .tab.active{display: flex; width: 100%; flex-wrap: wrap; justify-content:flex-start; padding-left: 6px; align-content: flex-start;}
.searchSelect .tab.active[data-count='1'] {height: 63px;}
.searchSelect .tab.active[data-count='2'] {height: 108px;}
.searchSelect .tab.active[data-count='3'] {height: 152px;}
.searchSelect .tab.active[data-count='4'] {height: 196px;}
.searchSelect .tab.active[data-count='5'] {height: 239px;}
.searchSelect .tab.active[data-count='6'] {height: 282px;}
.searchSelect .tab.active[data-count='7'] {height: 326px;}
.searchSelect .tab.active[data-count='8'] {height: 368px;}
.searchSelect .tab.active[data-count='9'] {height: 410px;}
.searchSelect .tab a {background: #fff; height: 35px; line-height: 35px; font-size: 15px; margin: 0 3px 8px; border-radius: 4px; padding: 0 15px 0 10px; transition: background 0.6s; position: relative; width: calc(50% - 6px ); font-weight: normal;}
.searchSelect .tab a::after{content: ''; width: 5px; height: 8px; right: 8px; top: 14px; z-index: 10; background-size: 5px 8px;}
.searchSelect .tab a.active{background: #b1c6e8; transition: background 0.6s;}
.searchSelect .tab a:hover{background: #b1c6e8; transition: background 0.6s;}
.searchSelect .tab2 a{width: calc(50% - 6px); padding-left: 30px;}
.searchSelect .tab2 a::before{content: ''; width: 30px; height: 30px; left: 2px; top: 2px;}
.searchSelect .reset {padding: 0 7.5px 15px;}
.searchSelect .reset a{height: 30px; line-height: 30px; display: block; font-size: 11px; border-radius: 3px; font-weight: bold; transform: rotate(0.05deg);}
.searchSelect .reset a:hover{background-color: #2a338a;}

#topProdcutSearch h2 {font-size: 19px; margin: 30px 0 30px; letter-spacing: 0.15em;}
#topProdcutSearch h2.compact{font-size: 0;}
#topProdcutSearch h2.compact span{font-size: 18px;}
#topProdcutSearch .result .items {max-width: 100%; position: relative; left: 0px; margin: 0 auto; padding: 0 6.5px 17px;}
#topProdcutSearch .result .items a {display: block; width: calc(50% - 13px); height: inherit; background: #fff; margin: 0 6.5px 13px; border-radius: 6px; overflow: hidden; padding: 0 0px 0px; opacity: 0;}
#topProdcutSearch .result .items a.show {opacity: 1; transition: opacity 0.6s;}
#topProdcutSearch .result .items a.show:hover{text-decoration: none; opacity: 0.7; transition: 0.3s;}
#topProdcutSearch .result .items a img {width: 100%; height: auto;}
#topProdcutSearch .result .items h3{color: #2a338a; font-size: 15px; line-height: 15px; font-weight: bold; text-align: center; height: 3.6em; margin: -6px 0 4px; display: flex; width: 100%; justify-content: center; align-content: center; align-items: center;}
#topProdcutSearch .result .items p {font-size: 11px; line-height: 16px; color: #000; text-align: left; margin: 0 0 16px; padding: 0 15px;}
.items ~ .reset {padding: 0 13px 128px; text-align: center;}
.items ~.reset a{height: 35px; line-height: 35px; display: block; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 4px; transition: background 0.6s; font-weight: bold;}

.spfloating {position: fixed; left: 0; top: -46px;; z-index: 1000; font-size: 16px; background: #2a338a; line-height: 45px; color: #fff; width: 100%; text-align: center; color: #fff; display: block; transition: top 0.3s;}
.spfloating a{color: #fff; display: block; font-weight: bold;}
.spfloating a i{display: inline-block; background: url("../images/top/top_icon_loupe.png") left center no-repeat; background-size: 16px 16px; padding-left: 23px; font-style: normal;}
.spfloating.active{top: 0; transition: top 0.6s;}
}

@media screen and (max-width: 490px) {
.searchSelect .tab a {font-size: 13px;}
#topProdcutSearch .result .items h3{font-size: 13px;}
}
@media screen and (max-width: 425px) {
.searchSelect .tab a {font-size: 12px;}
#topProdcutSearch .result .items h3{font-size: 12px;}
}
@media screen and (max-width: 374px) {
.searchSelect .tab a {font-size: 11px;}
#topProdcutSearch .result .items h3{font-size: 11px;}
}
@media screen and (max-width: 360px) {
.searchSelect .tab a {font-size: 10px;}
#topProdcutSearch .result .items h3{font-size: 11px;}
}
@media screen and (max-width: 340px) {
.searchSelect .tab a {font-size: 9px;}
#topProdcutSearch .result .items h3{font-size: 10px;}
}