@charset 'utf-8';
/*   3-4. product/colorguide.html ADD20160910 */

/* 製品情報 ページタイトル */
.pageTitle{background:url(../img/product/bg_page-title.png) center 0 no-repeat;}
.pageTitle h2{letter-spacing:0.01em;}
.pageTitle p small{letter-spacing:0.05em;}
/* ----------------------------------------
  3-1. product/index.html
 ---------------------------------------- */
.inkSelector,
.productInfo{
	width:90%;
	margin:auto;
}

/*赤のボックス（新製品）*/
.reportMain .head1{
	font-size:19px;
	font-weight:bold;
	line-height:50px;
	height:auto;
	margin:19px 0 14px 0;
	padding:0 0 0 9px;
	text-align:center;
	letter-spacing:0.05em;
	color:#ec1234;
	background:#fff3f5;
}
/*青のボックス（溶剤型・機能型?）*/
.reportMain .head2{
	font-size:19px;
	font-weight:bold;
	line-height:50px;
	height:auto;
	margin-bottom:14px;
	padding:0 0 0 9px;
	text-align:center;
	letter-spacing:0.03em;
	color:#242b98;
	background:#f0f3fb;
}
/*オレンジのボックス（UV型?）*/
.reportMain .head3{
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	height:auto;
	margin-bottom:14px;
	padding:0 0 0 9px;
	text-align:center;
	letter-spacing:0.01em;
	color:#ff5611;
	background:#ffefe8;
}

.reportMain dl dd{margin-bottom:48px;}

/*クリックで切り替わる 項目選択部分 */
.reportMain .tabHead{float:left;}
.reportMain .tabHead ul.col7 li{width:25%;}
.reportMain .tabHead ul li a{
	font-size:18px;
	line-height:37px;
	display:block;
	width:245px;
	height:36px;
	padding:0 0 0 20px;
}
.reportMain .tabHead ul li a:hover,
.reportMain .tabHead ul li.current a{
	font-size:19px;
	text-decoration:none;
	color:#fff;
	background:#373b44;
}

/*切り替わる 内容部分 */
.reportMain .tabBody{
	float:right;
	width:715px;
}
.reportMain .tabBody td{
	font-size:14.5px;
	margin:0 0 0 19px;
	padding-right:25px;
	color:#242b98;
}
.reportMain .tabBody table ul li{
	font-size:14px;
	position:relative;
	display:inline-block;
	margin:8px 19px;
	color:#d4190a;
}
.reportMain .tabBody table ul li:after{
	font-size:13px;
	position:absolute;
	top:50%;
	right:-25px;
	display:inline-block;
	margin-top:-8px;
	padding:0 3px 0;
	content:'|';
	color:#b1b2b3;
}
.reportMain .tabBody ul li table ul li:last-child:after{content:normal;}

/* ----------------------------------------
	3-2. product/productinfo/yozai/13.html
---------------------------------------- */
.productInfo .contentTitle h2{
	margin:35px 0 0 0;
	letter-spacing:0.1em;
}

.productInfo .content{
	font-size:14px;
	line-height:1.6;
	margin-bottom:29px;
}

.productInfo>section{margin-bottom:60px;}
.productInfo #howToUse{margin-bottom:55px;}
.productInfo #howToUse h2,
.productInfo #resistance h2,
.productInfo #sectionCaution h2{margin-bottom:25px;}
.productInfo .reportTitle{
	margin-bottom:14px;
	padding:3px 0 5px 15px;
}
.reportTitle h3{
	font-size:17.5px;
	font-weight:bold;
	letter-spacing:0.1em;
}

/*製品名*/
.productName{
	font-weight:bold;
	padding-top:15px;
}
.productName table{width:100%;}
.productName table tbody tr th{
	font-size:20px;
	font-weight:bold;
	width:116px;
	height:64px;
	letter-spacing:0.08em;
	color:#fff;
	background:#62656f;
}
.productName table tbody tr td{
	font-size:25px;
	padding:6px 0 0 27px;
	vertical-align:middle;
	background:#fafafa;
}
.productName table tbody tr td span{
	font-size:16px;
	vertical-align:middle;
}

.productInfo .colors table tr td{padding:0 20px 0 0;}
.productInfo .colors table tr td span{letter-spacing:0.09em;}

/* 耐性/物性 テーブル表*/
.testTable{
	width:980px;
	margin-bottom:75px;
	padding:15px 0 0 0;
}
#resistance .testTable{
	margin-bottom:30px;
	padding-top:0;
}
.testTable table{width:100%;}
.testTable table .col1{
	padding-left:7px;
	letter-spacing:0;
}
.testTable table .col2{padding-left:25px;}
.testTable table .col7{padding-left:20px;}
.testTable table thead tr th{
	font-size:14px;
	padding:6px 10px;
	letter-spacing:0.1em;
	color:#fff;
	border:1px solid #fff;
	background:#62656f;
}
.testTable table tbody tr:nth-child(even) td{background:#eee;}
.testTable table tbody tr td{
	line-height:1.3em;
	padding: 8.5px 12px;
	letter-spacing:0.09em;
	border:1px solid #fff;
	background:#fafafa;
}
.testTable table tbody tr td a{color:#1b3a95;}
/* 耐性/物性 リスト*/
.testList ul li{margin-bottom:19px;}
.testList ul li h4{
	font-size:14px;
	margin-bottom:5px;
	letter-spacing:0.08em;
	color:#1b3a95;
}
.testList ul li p{
	font-size:12px;
	line-height:1.7;
	letter-spacing:0.09em;
}

/* 改訂・修正 */
.notes{
	margin:0 0 41px;
	padding:33px 0 0 0;
}
.notes small{
	font-size:14.5px;
	line-height:1.55;
	letter-spacing:0.09em;
}

/* ----------------------------------------
	3-3. product/productinfo/uvclear/UVFIL383.html
---------------------------------------- */
.productInfo.pageUV .contentTitle h2{color:#ff5611;}
.productInfo.pageUV .reportTitle{border-left-color:#ff5611;}
.productInfo.pageUV .testList ul li h4{color:#ff5611;}

 /* ----------------------------------------
  3-4. product/colorguide.html ADD20160910
----------------------------------------- */
.tableBackNum {
	padding: 8px 0 0;
	margin-bottom: 50px;
}
.tableBackNum .col1{width: 109px;}
.tableBackNum table {width: 100%;}
.tableBackNum table tbody tr:nth-child(even) td{background:#eee;} /*ADD20160910*/
.tableBackNum table thead tr th {
	background: #62656f;
	color: #fff;
	padding: 6px 11px;
	font-size: 13.5px;
	letter-spacing: 0.15em;
	border:1px solid #fff; /*ADD20160910 */
}
.tableBackNum table tbody tr td img{
	width: 9px;
	vertical-align: middle;
	padding: 0 6px 3px 0;
}
.tableBackNum table tbody tr td {
	padding: 16px 35px 5px;
	line-height: 1.5em;
	letter-spacing: 0.06em;
	background: #fff;
	border-bottom: 1px solid #f7f7f7;
	font-size: 16px;
	border:1px solid #fff; /*ADD20160910*/
	background:#fafafa;    /*ADD20160910*/
}
.tableBackNum table tbody tr p{margin-bottom: 10px;}
.tableBackNum table tbody tr a{color: #1b3a95;}


@media screen and (max-width:1144px){
	.container{width:85%;}

	/* 製品情報 ページタイトル */
	.pageTitle{
		background:url(../img/product/bg_page-title_sp.png) center 0 no-repeat;
		background-size:100%;
	}
	.pageTitle h2{
		font-size:14px;
		line-height:1em;
		letter-spacing:-0.01em;
	}
	.pageTitle p small{
		font-size:9px;
		line-height:1em;
		display:block;
		letter-spacing:0;
	}

	/* ----------------------------------------
	  3-1. product/index.html
	---------------------------------------- */
	.pageIntro .clearfix{margin-bottom:18px;}
	.pageIntro .clearfix .reportInfo{
		float:none;
		width:100%;
	}
	.pageIntro .clearfix .reportInfo .date{font-size:14.5px;}
	.pageIntro .clearfix .reportInfo .category{margin-bottom:7px;}
	.pageIntro .clearfix .reportInfo .reportNumber{
		font-size:18px;
		width:auto;
		height:auto;
		border:none;
	}

	.pageIntro .clearfix .reportTxt{
		float:none;
		width:100%;
		padding-top:5px;
	}
	.pageIntro .clearfix .reportTxt h3{
		line-height:1.2em;
		margin-bottom:9px;
	}
	.pageIntro .clearfix .reportTxt h3:after{
		top:3px;
		left:-1px;
		width:21px;
		height:17px;
		-webkit-background-size:12px;
		        background-size:12px ;
	}
	.pageIntro .clearfix .reportTxt p{
		font-size:14px;
		line-height:1.3;
		margin-bottom:3px;
	}
	.pageIntro .clearfix .reportThumb{
		float:none;
		width:268px;
		margin:auto;
		padding:6px 0 0;
	}

	.reportIndex{width:100%;}

	.reportTitle{
		margin-bottom:10px;
		padding:8px 0 4.6px 11px;
		border-left:none;
		background:url(../img/common/bg_bdl.jpg)2px 5px no-repeat;
		background-size:3.4px;
	}
	/*赤のボックス（新製品）*/
	.reportMain .head1{
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		height:20px;
		margin-bottom:10px;
		padding:0;
		letter-spacing:0;
		color:#373b44;
	}
	/*青のボックス（溶剤型・機能型?）*/
	.reportMain .head2{
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		height:20px;
		margin-bottom:10px;
		padding:0;
		letter-spacing:0;
		color:#373b44;
	}
	/*オレンジのボックス（UV型?）*/
	.reportMain .head3{
		font-size:13px;
		font-weight:bold;
		line-height:20px;
		height:20px;
		margin-bottom:10px;
		padding:0;
		letter-spacing:-0.15em;
		color:#373b44;
	}
	.reportMain dl dd{margin-bottom:31px;}

	/*クリックで切り替わる 項目選択部分 */
	.reportMain dl dd .tabHead{
		width:100%;
		margin-bottom:10px;
	}
	.reportMain .tabHead ul{overflow:hidden;}
	.reportMain .tabHead ul.col1{width:25%;}
	.reportMain .tabHead ul li{
		float:left;
		text-align:center;
	}
	.reportMain .tabHead ul.col10 li{width:20%;}
	.reportMain .tabHead ul.col9 li{width:20%;}
	.reportMain .tabHead ul.col8 li{width:25%;}
	.reportMain .tabHead ul.col7 li{width:25%;}
	.reportMain .tabHead ul.col6 li{width:25%;}
	.reportMain .tabHead ul.col5 li{width:20%;}
	.reportMain .tabHead ul.col4 li{width:25%;}
	.reportMain .tabHead ul li a,
	.reportMain .tabHead ul li.current a{
		font-size:12.5px;
		line-height:1.3em;
		display:table-cell;
		width:150px;
		height:50px;
		padding:0 8%;
		vertical-align:middle;
		letter-spacing:-0.02em;
	}
	.reportMain .tabHead ul li a:hover,
	.reportMain .tabHead ul li.current a:hover{font-size:12.5px;}

	/*切り替わる 内容部分 */
	.reportMain .tabBody{
		float:none;
		width:100%;
	}
	.reportMain .tabBody table{
		width:100%;
		margin:auto;
	}
	.reportMain .tabBody th{
		font-size:13.7px;
		font-weight:bold;
		display:block;
		float:left;
		width:100%;
		padding-bottom:4px;
		text-align:center;
		background:url(../img/techreport/bg_dot_sp.png) 0 57% repeat-x;
		background-size:4px;
	}
	.reportMain .tabBody th .other{color:#000;}
	.reportMain .tabBody td{
		display:block;
		float:left;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
		width:100%;
		text-align:center;
	}
	.reportMain .tabBody td .newProduct{
		padding-right:16px;
		background-position:100% 61%;
		background-size:12px;
	}
	.reportMain .tabBody td ul{margin-bottom:-9px;}
	.reportMain .tabBody td ul li{
		width:31%;
		margin:0 0 9px;
		vertical-align:middle;
	}
	.reportMain .tabBody table ul li:after{right:-6.5px;}

	.reportMain .tabBody th.other{
		background:url(../img/techreport/bg_dot_sp.png) 0 57% repeat-x;
		background-size:4px;
	}
	.reportMain .tabBody th.other a{
		padding:0 5px;
		color:#000;
		background:#fff;
	}
	.reportMain .tabBody th span{padding:0 10px 0;}
	.reportMain .tabBody table ul li:nth-child(3n):after{content:normal;}
	.reportMain .tabBody td ul li a{font-size:14px;}

	/* ----------------------------------------
	3-2. product/productinfo/yozai/13.html
	---------------------------------------- */
	.productInfo{width:100%;}

	.productInfo .contentTitle h2{margin:25px 0 0 0;}
	.productInfo>section{margin-bottom:26px;}
	.productInfo #howToUse h2,
	.productInfo #resistance h2,
	.productInfo #sectionCaution h2{margin-bottom:5px;}

	/*製品名*/
	.productName{padding-top:8px;}
	.productName table tbody tr th{
		font-size:15px;
		display:block;
		float: left;
		width:100%;
		height:22px;
		padding:4px 0;
	}
	.productName table tbody tr td{
		font-size:18px;
		line-height:1.3em;
		display:block;
		width: 100%;
		float: left;
		padding:5px 0 5px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.productName table tbody tr td span{
		font-size:12px;
		line-height:1.3em;
		display:block;
		vertical-align:middle;
	}

	/*指定色 テーブル*/
	.productInfo .colors{
		width:670px;
		margin-bottom:20px;
	}

	/* 耐性/物性 テーブル表*/
	.testTable,
	#resistance .testTable{margin-bottom:0;}

	/* 耐性/物性 リスト*/
	.testList{padding-top:30px;}
	.testList ul li{margin-bottom:12px;}
	.testList ul li h4{margin-bottom:2px;}

	/* 改訂・修正 */
	.notes{
		margin:0 0 20px;
		padding:0 0 0 0;
	}
	.notes small{font-size:11.5px;}

 /* ----------------------------------------
  3-4. product/colorguide.html ADD20160910
 ---------------------------------------- */
	.tableBackNum {margin-bottom: 15px;}
	.tableBackNum .col1{width: 90px;}
	.tableBackNum table thead tr th {
		padding: 6px 0;
		font-size: 12.5px;
	}
	.tableBackNum table tbody tr td {
		font-size: 15px;
		padding: 10px 10px 5px;
	}
	.tableBackNum table tbody tr p{margin-bottom: 8px;}

}