
/*Duc start:*/
.posSection{
	margin-top: -90px;
	position: absolute;
}
@media only screen and (min-width: 768px) { /* For desktop: */
.td_product br
{
	display: none;
}

.products_detail_note {
	margin-top: 40px;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0.116em;
    padding-right: 16% !important;
    line-height: 2em;
}
	.div_products_content {
		width: 1040px;
		margin: 0 auto;
		padding-bottom: 10% !important;
		padding-top: 12% !important;
	}
	
	.products_content_header {
		text-align: center;
	}
	.products_comtent_title {
		font-family: 'ヒラギノ角ゴシック W6';
		color: #333333;
		letter-spacing: 3px;
		font-size: 18px;
		font-weight: 800;
	}
	.products_content_en {
		 font-family: 'Poppins', sans-serif;  font-weight: 300; /* Poppins-Light */
		color: #666666;
		font-size: 12px;
		margin-top: 5px;
	}
	
	
	.bold {
		font-weight: 600;
	}
	.products_line {
		width: 70px;
		margin: 0 auto;
		margin-top: 40px;
		border-bottom: 2px solid #3399CC;
	}
	
	.div_products_first {
		margin-top: 11.5% !important;
		margin-left: 0px !important;
		height: auto;
		margin-bottom: 23.5% !important;
	}
	.frame_products img {
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.frame_products {
		height: 374px; /*can be anything*/
		width: 250px; /*can be anything*/
		display: inline-block;
		vertical-align: top; /*not required*/
		position: relative;
	}
	.frame_products span {
		position: absolute;
		top: 400px;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 12px;
	}
	.div_products_header {
		background-image: url("../images/page_products.jpg");
		background-position: center;
		background-size: cover;
		max-height: 400px;
	}
	.div_products_marsk {
		background-color: rgba(0, 51, 153, 0.39);
		max-height: 400px;
	}
	
	.products_page_detail {
		float: left;
		display: block;
		text-align: center;
		white-space: nowrap;
		height: 400px !important;
		padding-left: 0 !important;
		margin-bottom: 14%;
	}
	.frame_products_detail img {
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.frame_products_detail {
		height: 600px; /*can be anything*/
		width: 600px; /*can be anything*/
		display: inline-block;
		vertical-align: top; /*not required*/
		position: relative;
	}
	.frame_products_detail_right img {
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.frame_products_detail_right {
		height: 180px; /*can be anything*/
		width: 180px; /*can be anything*/
		display: inline-block;
		vertical-align: top; /*not required*/
		position: relative;
	}
	.products_detail_right {
		width: 180px;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
		display: block;
		text-align: center;
		white-space: nowrap;
		border: 1px solid #CCCCCC;
	}
	/*Product detail view :*/
	.line_products_title {
		margin-top: 50px;
		border-bottom: 3px solid #33CCCC;
		width: 80px;
	}
	
	.btnProducts_download {
	margin-top: 17px;
    width: 437px;
    height: 59px;
    line-height: 50px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #666666;
    border: none;
    letter-spacing: 0.1em;
	
	}
	.div_products_detail_content_left {
		float: left;
		width: 600px;
		height: 600px;
		border: 1px solid #CCCCCC;
		margin-top: 0px !important;
	}
	.btnProduct_detail_back {
		background-image: url("../images/arrow_back.png");
		background-repeat: no-repeat;
		margin-top: 42px;
		width: 40px;
	}
	.btnProduct_detail_back:HOVER {
		opacity: 0.5;
	}
	
	.div_products_detail_content_right {
		width: 400px;
		float: right;
		height: 600px;
		position: relative;
		    margin-right: -10px !important;
	}
	.col-md-5,.col-md-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.col-md-6 {
		padding-left: 30px !important;
		margin-right: -20px;
	}
	.col-md-7 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.div_products_detail_content_left {
		float: left;
		width: 600px;
		height: 600px;
		border: 1px solid #CCCCCC;
		margin-top: 120px;
	}
	.div_products_detail {
		
		letter-spacing: 0.1em;
		margin: auto;
		width: 1040px;
		margin-bottom: 130px;
		padding-top: 20px;
	}
	.products_detail_title {
		margin-top: 100px;
		color: #3399CC;
		font-size: 18px;
	}
	/*Product detail view end :*/
.products_content_enbold
	{
		font-family: 'Poppins', sans-serif;  font-weight: 500; /*Poppins-Medium*/
		
	}

.table_product {
	font-family: 'Poppins', sans-serif;  font-weight: 400; /*Poppins-Regular */
	width: 100%;
}

.table_product td {
	border: 1px solid #CCCCCC;
	font-size: 14px;
	color: #333333;
	padding: 15px 35px !important;
}

.table_product .td_product {
	background-color: #F5F5F5;
    width: 145px;
    letter-spacing: 0.3em;  
    padding: 15px 20px !important;
    font-family: 'ヒラギノ角ゴシック W6'!important;
	font-weight: 800;
}
}

@media only screen and ( max-width : 767px) { /* For mobile: */

	.frame_products span
	
	{
		font-size: 14px!important;
	}
	.products_detail_note
	{
	 margin-top: 40px!important;
    font-size: 16px!important;
    letter-spacing: 0.13em!important;
    padding-right: 0% !important;
    line-height: 2.1em!important;
}
.td_product br
{
	display: inline;
}
.materialmobi
{
	letter-spacing: 0.1em!important;
	line-height: 1.7em!important;
}
.td_productjan
{
	line-height: 1.9em!important;
}
.table_product td
{
font-size: 15px!important;
letter-spacing: 0.2em;
line-height: 1.45em;
padding: 16px 25px !important;


}
.table_product .td_product {
  
    width: 120px!important;
   
}
.spaction

{
	margin-top: 62px!important;
	font-size: 16px!important;
	margin-bottom: 15px!important;
}
 .download
{
	margin-top: 60px!important;
	font-size: 14px!important;
	margin-bottom: 20px!important;
	text-align: center;
}

.div_products_detail_header {
	
	font-size: 12px!important;
    letter-spacing: 0.08em!important;
}
.div_title_produts_footer
{
	font-size: 12px!important;
	    margin-top: 22px !important;
}
	.div_products_first {
		margin-top: 11% !important;
		margin-left: 0px !important;
		height: 500px;
		margin-bottom: 16% !important;
	}
	.div_products_content {
		width: 100% !important;
		margin: 0 auto;
		padding-bottom: 21% !important;
		padding-top: 14.5% !important;
	}
	.frame_products img {
		height: auto;
		width: 80% !important;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.bold {
		font-weight: 600;
	}
	.products_line
	{
		margin-top: 29px!important;
	}
	.frame_products {
		
		display: inline-block;
		vertical-align: top; /*not required*/
		position: relative;
	}
	.frame_products span {
		position: absolute;
		top: 410px !important;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
	}
	.products_comtent_title {
		font-family: 'ヒラギノ角ゴシック W6','メイリオ';
		color: #333333;
		letter-spacing: 3px;
		font-size: 20px !important;
		font-weight: 800;
	}
	.products_content_enbold
	{
	font-family: 'Poppins', sans-serif;  font-weight: 500; /*Poppins-Medium*/
		
	}
	.products_content_en {
		font-family: 'Poppins', sans-serif;  font-weight: 300; /*Poppins-Light*/
		color: #666666;
		margin-top: 5px;
		font-size: 14px !important;
	}
	.div_products_header {
		
		height: 200px !important;
	}
	.div_products_marsk {
		background-color: rgba(0, 51, 153, 0.39);
		max-height: 200px;
	}
	.products_title {
		
		padding-top: 10.5% !important;
	}
	.products_detailt {
		
		font-size: 14px!important;
		padding-top: 4px;
	}
	.products_page_detail {
		
		min-height: 470px !important;
		padding-left: 0 !important;
		margin-bottom:0% !important;
	}
	.paddingmobi
	{
		margin-top:20%!important;
	}
	.btnProducts_download {
		margin-top: 8px!important;
		margin-right: 30px;
		margin-left: 15px;
		width: 95% !important;
	    font-size: 18px !important;
	    height: 60px!important;
	    font-family: 'ヒラギノ角ゴ ProN W3';
	    letter-spacing: 0.1em;
	}
	/*Product detail view start :*/
	.products_detail_title2
	{
		font-size: 36px!important;
		letter-spacing: 0.1em;
		margin-top: 18px!important;

	}
	
	.div_products_detail
	{
		margin-bottom: 140px!important;
	}

	.products_detail_title {
		margin-top: 0px !important;
		color: #3399CC;
		font-size: 18px!important;
		letter-spacing: 0.1em;
	}
	.div_products_detail_back {
		display: none;
	}
	.btnProduct_detail_back {
		display: none;
	}
	.div_products_detail_content_right {
		width: 100% !important;
		height: 517px;
		position: relative;
		margin-top: 50px;
  		 margin-right: -10px!important;
   		padding-left: 5px!important;
   		padding-right: 0px!important;
	}
	.div_products_detail_content_left {
		
		margin-top: 51px !important;
	}
	.div_products_detail {
		
		letter-spacing: 0.1em!important;
		
		padding-top: 27px!important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.frame_products_detail img {
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.frame_products_detail {
		height: 685px !important ;	/*can be anything*/
		width: 100% !important; /*can be anything*/
		display: inline-block;
		vertical-align: top; /*not required*/
		position: relative;
	}
	.frame_products_detail_right img {
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.line_products_title {
		margin-top: 39.9px;
		border-bottom: 3px solid #33CCCC;
		width: 80px;
		margin-left: 15px;
	}
	.frame_products_detail_right {
		height: 180px !important; /*can be anything*/
		width: 100% !important; /*can be anything*/
		display: inline-block;
		vertical-align: top; /*not required*/
		position: relative;
	}
	.products_detail_right {
		width: 100% !important;
		float: left;
		margin-bottom: 25px;
		display: block;
		text-align: center;
		white-space: nowrap;
		border: 1px solid #CCCCCC;
		margin-left: 0px !important;
	}
	.col-sm-4,.col-xs-4 {
		padding-left: 0px !important;
		padding-right: 19px !important;
	}
	
	.arrow {
		float: right;
		margin-right: 10px;
	}
	
	.div_title_produts_footer {
		margin-bottom: 40px !important;
	}
	.table_product td {
		border-right: 0px solid #CCCCCC !important;
		font-size: 14px;
		color: #333333;
	}
	/*Product detail view end :*/
}

@media only screen and (min-width: 600px) { /* For tablets: */
}

/*Duc end:*/ /*My Start*/
@media only screen and (max-width: 1039px) { /* For tablets: */
	.div_products_detail {
		width: 100% !important;
	}
	.div_products_detail_content_left, .frame_products_detail {
		width: 100% !important;
		height: 580px !important;
	}
}
@media only screen and (max-width: 1039px) and (min-width: 768px){
	.products_detail_title{
		margin-top: 0 !important;
	}
}

@media@print
{
	.btnProduct_detail_back,.div_products_detail_back {
		padding: 10px 0 !important;
	}
	
	.products_detail_right {
		margin-left: 5px !important;
		margin-bottom: 5px !important;
	}
	
	.div_products_detail_content_right div,.products_detail_right {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.products_detail_title {
		margin-top: 10px !important;
	}
	
	.div_products_detail_content_right {
		height: auto !important;
	}
	
	.div_products_detail {
		margin-bottom: 10px !important;
	}
	
	.div_products_detail_header,.products_detail_right {
		background-color: pink;
	}
	
	.btnProduct_detail_back, .gp_pro_img {
		background-color: green;
	}
}