
/***********************************
* txt *
***********************************/

@media screen and (min-width:980px) { 

	.tit01{
		color:#666666;
		padding:px 0px;
		font-size:180%;
		font-weight:bold;
		background: url(https://www.jct-inc.jp/img/products/page/products/tit.jpg) left top no-repeat;
		background-repeat: no-repeat;
		text-indent:2em;
		background-size:75px 39px;
		margin-bottom:10px;
	}
	.tit02{
		color:#fff;
		border-radius:10px;
		width:calc(920px - 40px);
		padding:5px 20px;
		font-size:200%;
		margin-bottom:40px;
	}
	.content_products_page p{
		font-size:120%;
		margin-bottom:80px;
	}
	.content_products_page img{
		margin-bottom:80px;
	}
	
}
@media (max-width:979px) {

	.tit01{
		color:#666666;
		padding:0px 0px 0px 0px;
		font-size:140%;
		font-weight:bold;
		background: url(https://www.jct-inc.jp/img/products/page/products/tit.jpg) left top no-repeat;
		background-repeat: no-repeat;
		text-indent:1.7em;
		height:25px;
		background-size:contain;
		margin-bottom:10px;
	}	
	.tit02{
		color:#fff;
		border-radius:10px;
		width:calc(100% - 60px);
		padding:5px 20px;
		font-size:140%;
		margin-bottom:40px;
	}
	.content_products_page p{
		font-size:120%;
		margin-bottom:50px;
	}
	.content_products_page img{
		margin-bottom:50px;
	}

}
/***********************************
* movie *
***********************************/

div.video_contents {
	width: 100%;
	text-align: center;
	margin:0px auto 100px auto;
}
video.video_main {
	width: 100%;
	max-width: 920px;
}

@media screen and (min-width:980px) { 

	.content_products_page{
		width: 920px;
		text-align:left;
		margin-left : auto;
		margin-right: auto;
		padding: 0px 0px 20px 0px;
		clear:both;
	}
	.youtube iframe{
		margin:0px 0px 100px 0px;
		width:calc(100%);
	}
	

}
@media (max-width:979px) {

	.content_products_page{
			width:94%;
			text-align:left;
			margin-left : auto;
			margin-right: auto;
			padding: 0px 0px 20px 0px;
			clear:both;
	}
	.youtube iframe{
		margin:0px 0px 100px 0px;
		width:calc(100%);
	}

	
}

/***********************************
* products_page *
***********************************/

@media screen and (min-width:980px) { 

	.products_page_youtube iframe{
		margin:0px 0px 0px 0px;
		width:calc(100%);
	}

	a#rc_rightArea01,
	a#rc_rightArea02,
	a#rc_rightArea03{
		width:100px; /*画像の全体幅*/
		position: fixed;
		right: -20px; /*マウスを乗せた時に出てくる幅*/
		display: inline-block;
		transition: all .2s ease;
		z-index: 9999;
	}
	a#rc_rightArea01 img,
	a#rc_rightArea02 img,
	a#rc_rightArea03 img{
		width:100px; /*画像の全体幅*/

	}
	a#rc_rightArea01 {
		top: 130px;
	}
	a#rc_rightArea02 {
		top:295px;
	}
	a#rc_rightArea03 {
		top:460px;
	}
	a#rc_rightArea01:hover,
	a#rc_rightArea02:hover,
	a#rc_rightArea03:hover{
		right: 0;
	}

	/**** 旧 ****/

	#products_page{
		background-color:#EAEEF7;
		padding:80px 0px;
		margin:0px 0px 0px 0px;
	}
	.products_page_txt_footer{
		color:#000;
		font-size:150%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
	}
	#products_page .table{
		color:#fff;
		font-size:180%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
		max-width:880px;
	}
	#products_page .table{
		width:880px;
		margin:0px auto 0px auto;
		text-align:center;
	}
	#products_page .table_cell{
		padding:0px 20px;
	}

	#products_page{
		background-color:#EAEEF7;
		padding:80px 0px;
		margin:0px 0px 0px 0px;
	}
	.products_page_txt_footer{
		color:#000;
		font-size:150%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
	}
	#products_page .table{
		color:#fff;
		font-size:180%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
		max-width:880px;
	}
	#products_page .table{
		width:880px;
		margin:0px auto 0px auto;
		text-align:center;
	}
	#products_page .table_cell{
		padding:0px 20px;
	}

	/**** 旧 ****/
	
	#products_page{
		background-color:#EAEEF7;
		padding:80px 0px;
		margin:0px 0px 0px 0px;
	}
	.products_page_txt_footer{
		color:#000;
		font-size:150%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
	}
	#products_page .table{
		color:#fff;
		font-size:180%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
		max-width:880px;
	}
	#products_page .table{
		width:880px;
		margin:0px auto 0px auto;
		text-align:center;
	}
	#products_page .table_cell{
		padding:0px 20px;
	}

}
@media (max-width:979px) {

	.products_page_youtube iframe{
		margin:0px 0px 0px 0px;
		width:calc(100%);
	}

	a#rc_rightArea01,
	a#rc_rightArea02,
	a#rc_rightArea03 {
		display:none;
	}
	
	/**** 旧 ****/

	#products_page{
		background-color:#EAEEF7;
		padding:80px 0px;
		margin:0px 0px 0px 0px;
	}
	.products_page_txt_footer{
		color:#000;
		font-size:120%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 15px auto;
		text-align:center;
	}
	#products_page .table{
		color:#fff;
		font-size:140%;
		font-weight: bold;
		line-height:180%;
		margin:0px auto 35px auto;
		text-align:center;
		max-width:880px;
	}
	#products_page .table{
		width:calc(100% - 20px);
		padding:0px 10px;
		margin:0px auto 0px auto;
		text-align:center;
		display:table;
	}
	#products_page .table_cell{
		padding:10px 5px;
		display: table-cell;
	}

}

/***********************************
* TABLE *
***********************************/

@media screen and (min-width:980px) { 

	table.tablepress{
		width:920px;
	}
	table.tablepress th,
	table.tablepress td{
		padding:10px 5px;
		font-size:95%;
		border:1px solid #fff;
	}
	table.tablepress th{
		text-align:center;
		color:#fff;
		font-weight:bold;
	}

}
@media (max-width:979px) {

	table.tablepress{
		width:100%;
	}
	table.tablepress th,
	table.tablepress td{
		padding:10px 5px;
		font-size:95%;
		border:1px solid #fff;
	}
	table.tablepress th{
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
}


	


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

@media screen and (min-width:980px) { 

}
@media (max-width:979px) {

}

