/**************************************************/
/***          共通                              ***/
/**************************************************/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/*エラー画面のエラーメッセージボックス*/
.inq_err_box{
  margin	: 0px;
  padding       : 5px 20px;
  width		: 100%;
  max-height	: 50px;
  font-size	: 1.6rem;
  background	: #ff0000;
  color		: #fff;
  background    : #f66;
}

/*formボタンの最適化*/
p.move button{
	width : 100%;
	background-color : transparent;
}

ul.confirm li button{
	width : 100%;
	background-color : transparent;
}

@media screen and (max-width:767px){
	ul.confirm li:first-child{
		width : 100%;
	}
}

/**************************************************/
/***      ［製品］お問い合わせ画面用CSS         ***/
/**************************************************/
.p-inquiryPlist__item label{
	text-align : left;
}


/**************************************************/
/***          SDSダウンロード用CSS              ***/
/**************************************************/
@media screen and (max-width:767px){
	.sds-contents1{
		width   : 95%;
		margin  : 60px auto;
	}
}

@media screen and (min-width:768px){
	.sds-contents1{
		margin : 60px auto 100px;
	}
}

.sds-contents1 ul.checkbox{
	text-align  : left;
}

@media screen and (max-width:767px){
	.sds-contents1 ul.checkbox{
		margin  : 30px auto;
	}
}

@media screen and (max-width:767px){
	.sds-contents1 ul li{
		width   : 100%;
		margin  : 0 0 15px;
	}
}

@media screen and (min-width:768px){
	.sds-contents1 ul li{
		display       : inline-block;
		width         : 33%;
		line-height   : 1;
		margin        : 0 0 20px;
		padding-right : 20px;
	}
}

.sds-contents1 ul li:nth-child(3n){
	padding:0;
}

@media screen and (max-width:767px){
	.sds-contents1 ul li label{
		font-size  : 12px;
		font-size  : 1.2rem;
	}
}

@media screen and (min-width:768px){
	.sds-contents1 ul li label{
		font-size  : 14px;
		font-size  : 1.4rem;
	}
}

@media screen and (max-width:767px){
	.sds-contents1 ul li label span{
		display        : inline-block;
		width          : 90%;
		line-height    : 1.3;
		vertical-align : top;
		padding-top    : 8px;
	}
}

@media screen and (min-width:768px){
	.sds-contents1 ul li label span{
		display        : inline-block;
		width          : 85%;
		line-height    : 1.3;
		vertical-align : top;
	}
}

@media screen and (max-width:767px){
	.t_dl_block{
		margin-top    : 30px;
		margin-bottom : 60px;

	}
	.t_dl_block li{
		list-style-type : disc;
		margin          : 0px 10px 20px 20px;
	}
}

@media screen and (min-width:768px){
	.t_dl_block{
		margin-top    : 30px;
		margin-bottom : 30px;
		margin-left   : 26%;
	}
	.t_dl_block li{
		list-style-type : disc;
		margin-bottom   : 20px;
	}
}

.t_dl_block a{
	padding : 10px 30px 10px 0px;
        background-image    : url(../../images/ico_pdf.png);
	background-repeat   : no-repeat;
	background-size     : 20px;
	background-position : right center;
}

@media screen and (max-width:767px){
	.sds_move{
		width : 100%;
	}
}
@media screen and (min-width:768px){
	.sds_move{
		width : 40%;
	}	
}



/**************************************************/
/***          一般お問合せ用CSS                 ***/
/**************************************************/
.form-contents table input[type="radio"]{
	width      : 10px;  /*上位からのCSS指定を打ち消し*/
	padding    : 0px;
	margin     : 0px 5px 0px 0px;
}

/**************************************************/
/***          技術資料ダウンロード用CSS         ***/
/**************************************************/
/*sds-contentsからコピー作成（3列組み⇒2列組みに変更）*/
@media screen and (max-width:767px){
	.techinfo-contents{
		width:95%;
		margin:40px auto;
	}
}

@media screen and (min-width:768px){
	.techinfo-contents{
		margin:40px auto;
	}
}

.techinfo-contents ul.checkbox{
	text-align    :left;
	margin-top    : 30px;	/*add*/
	margin-bottom : 0px;	/*add*/
}

@media screen and (max-width:767px){
	.techinfo-contents ul.checkbox{
		margin  :  30px auto;
	}
}

@media screen and (max-width:767px){
	.techinfo-contents ul li{
		width         : 100%;
		margin        : 0 0 15px;
	}
}

@media screen and (min-width:768px){
	.techinfo-contents ul li{
		display:inline-block;
		width:49%;		/*33%→49%変更*/
		line-height:1;
		margin:0 0 20px;
		padding-right:15px;	/*30px→15px変更*/
	}
}

.techinfo-contents ul li{
	padding     :  0;
	text-align  : left;
}

.techinfo-contents ul li:nth-child(2n){	/*3n→2n変更*/
	/*padding  :  0;*/
}

@media screen and (max-width:767px){
	.techinfo-contents ul li label{
		font-size:1.2rem;
	}
}

@media screen and (min-width:768px){
	.techinfo-contents ul li label{
		font-size:1.4rem;
	}
}

@media screen and (max-width:767px){
	.techinfo-contents ul li label span{
		display        : inline-block;
		width          : 90%;
		line-height    : 1.3;
		vertical-align : top;
		padding-top    : 8px;
	}
}

@media screen and (min-width:768px){
	.techinfo-contents ul li label span{
		display        : inline-block;
		width          : 90%;
		line-height    : 1.3;
		vertical-align : top;
	}
}

@media screen and (max-width:767px){
	.techinfo_dl_block{
		margin-top    : 30px;
		margin-bottom : 60px;
	}

	.techinfo_dl_block ul li{
		list-style-type : disc;
		margin          : 0px 10px 20px 20px;
	}
}

@media screen and (min-width:768px){
	.techinfo_dl_block{
		margin-top    : 30px;
		margin-bottom : 30px;
		/*margin-left   : 25%;*/
		width		: fit-content;
		margin-left 	: auto;
		margin-right 	: auto;
	}
	.techinfo_dl_block ul li{
		list-style-type : disc;
		margin-bottom   : 20px;
	}
}

.techinfo_dl_block a{
	padding : 10px 30px 10px 0px;
        background-image    : url(../../images/ico_pdf.png);
	background-repeat   : no-repeat;
	background-size     : 20px;
	background-position : right center;
}


/**************************************************/
/***      レオロシール資料ダウンロード用CSS     ***/
/**************************************************/
/*sds-contentsからコピー作成（3列組み⇒1列組みに変更）*/
@media screen and (max-width:767px){
	.reolosil-contents{
		width:95%;
		margin:40px auto;
	}
}

@media screen and (min-width:768px){
	.reolosil-contents{
		margin:40px auto;
	}
}

@media screen and (max-width:767px){
	.reolosil-contents h3{
		font-size  : 1.4rem;
	}
}

@media screen and (max-width:767px){
	.reolosil-contents ul.checkbox{
		margin  :  30px 0px 30px 0px;
	}
}

@media screen and (min-width:768px){
	.reolosil-contents ul.checkbox{
		margin-top  : 30px;
		margin-left : 25%;
	}
}

@media screen and (max-width:767px){
	.reolosil-contents ul li{
		width      : 100%;
		margin     : 0 0 15px;
	}
}

@media screen and (min-width:768px){
	.reolosil-contents ul li{
		width         : 100%;
		line-height   : 1;
		margin        : 0 0 20px;
		padding-right : 15px;
	}
}

.reolosil-contents ul li{
	padding     :  0;
	text-align  : left;
}

@media screen and (max-width:767px){
	.reolosil-contents ul li label{
		font-size : 1.2rem;
	}
}

@media screen and (min-width:768px){
	.reolosil-contents ul li label{
		font-size : 1.4rem;
	}
}

@media screen and (max-width:767px){
	.reolosil-contents ul li label span{
		display        : inline-block;
		width          : 90%;
		line-height    : 1.3;
		vertical-align : top;
		padding-top    : 8px;
	}
}

@media screen and (min-width:768px){
	.reolosil-contents ul li label span{
		display        : inline-block;
		width          : 90%;
		line-height    : 1.3;
		vertical-align : top;
	}
}

@media screen and (max-width:767px){
	.reolosil_dl_block{
		margin-top    : 30px;
		margin-bottom : 60px;
	}

	.reolosil_dl_block ul li{
		list-style-type : disc;
		margin          : 0px 10px 20px 20px;
	}

}

@media screen and (min-width:768px){
	.reolosil_dl_block{
		margin-top    : 30px;
		margin-bottom : 30px;
		margin-left   : 30%;
	}

	.reolosil_dl_block ul li{
		list-style-type : disc;
		margin-bottom   : 20px;
	}

}

.reolosil_dl_block a{
	padding : 10px 30px 10px 0px;
        background-image    : url(../../images/ico_pdf.png);
	background-repeat   : no-repeat;
	background-size     : 20px;
	background-position : right center;
}

