/*-------------------------------------------*/
/*共通CSS 読み込み*/
/*-------------------------------------------*/
/*パンくず*/
@import url("/product/promotion/promotion_assets/css/breadcrumb.css");
/*サイトナビ*/
@import url("/product/promotion/promotion_assets/css/special-nav.css");
/*ローカルナビ 3階層*/
/*@import url("/product/promotion/promotion_assets/css/local-nav.css");*/
/*コンバージョン*/
/*@import url("/product/promotion/promotion_assets/css/conversion-area.css");*/
/*プロダクトリンク*/
/*@import url("/product/promotion/promotion_assets/css/productlinks_5.css");*/
/*最新ニュース*/
/*@import url("/product/promotion/promotion_assets/css/page-top_news.css");*/
/*サイト内リンク*/
/*@import url("/product/promotion/promotion_assets/css/site_link.css");*/
/*サブナビゲーション2021/10/04*/
/*@import url("/product/promotion/promotion_assets/css/sub_navigation.css");*/
/*PDFリンク*/
@import url("/product/promotion/promotion_assets/css/product_links.css");
/*リンクバナー*/
/*@import url("/product/promotion/promotion_assets/css/style_product_irregular.css");*/

/*-------------------------------------------*/
/*専用CSS 読み込み*/
/*-------------------------------------------*/
@import url("/guide/connection_partner/assets/css/base_style_2026.css");

/*-------------------------------------------*/
/*CSS*/
/*-------------------------------------------*/
#special-nav{
	background-color:#fff !important;
}
#product section.contents h1 strong{
	display:block;
	font-weight:normal;
	margin-bottom: 0.5em;
}
#product section.contents h1 span {
	font-size: 2.0rem;
	display: block;
	margin-bottom: 0rem;
}
#product section.contents h1 span.iolink {
	font-size: 1.6rem;
	display: block;
	margin-top: 0.5em;
}
#product section.contents h1 span.iolink::after,
#product section.contents h1 span.iolink::before {
	content:" － ";
}


#product section.contents h2 strong{
	display:block;
	font-weight:normal;
	margin-bottom: 0.5em;
}
#product section.contents h2 span {
	font-size: 1.8rem;
	display: block;
	margin-bottom: 0rem;
}

/*画像付タイトル*/
#product section.contents .flexbox-dl-h2{
	display:flex;
	align-items:center;
}
#product section.contents .flexbox-dl-h2 img{
	margin:0 0 0 1rem;
	top: 0.2rem;
	position: relative;
}

/*iweb 非ログイン*/
#product .attention{
	border:1px solid #F9CCCC;
	margin-bottom:4rem;
}
#product .attention p{
	padding:0 1rem;
}
#product .attention p.title{
	padding: 0.5rem 1rem; 
	background: #F9CCCC;
	border:none;
}


/*商品情報リンク*/
#product article .product_links{
	display: flex;
	justify-content: center;
	position:relative;
}
#product article .product_links a{
	background-color:#fff;
	width: calc(25rem);
	margin: 1rem;
	text-align: center;
	padding: 2rem;
	color:#333;
}
#product article .product_links a h3{
	margin-bottom:1rem;
	position: unset;
}

#product article .product_links a h3 span{
	margin-bottom:0;
}
#product article .product_links a p{
	text-align:left;
	display:_none;
}
#product article .product_links a[target="_blank"]::after{
	content:none;
}
#product article .product_links a p::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 0.4rem;
	margin-right: 0.8rem;
	margin-top: 0.3rem;
	background-image: url("../images/open_in_new.svg");
}
/*受注終了*/
#product article .product_links a h3 .closed{
	color: rgba(229,0,0,1.0);
	font-size: 1.4rem;
	position: absolute;
	top: 1rem;
	left: 1rem;
}

/*横幅1200*/
#product section div.w1200 {
	width: 120rem;
	margin: 0 auto;
	position: relative;
}

/*会社情報リンク*/
#product article .company_links{
	display: flex;
	justify-content: center;
}
#product article .company_links a{
	background-color:#fff;
	width: calc(50% - 2rem);
	margin: 1rem;
	text-align: center;
	padding: 2rem;
	color:#333;
	border:1px solid #e3e3e3;
}
#product article .company_links a:hover{
	background-color:#fafafa;
}
#product article .company_links img{
	mix-blend-mode: multiply;
	padding:1rem 0;
}
#product article .company_links a h4{
	margin-bottom:1rem;
	margin-top:0rem;
	text-align:center;
}
#product article .company_links a[target="_blank"]::after{
	content:none;
}
#product article .company_links a h4::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 0.4rem;
	margin-right: 0.8rem;
	margin-top: 0.3rem;
	background-image: url("../images/open_in_new.svg");
}

/*関連PDFリンク*/
#product article .pdf_links{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#product article .pdf_links div.guide{
	background-color:#fff;
	width: calc(25% - 2rem);
	margin: 1rem;
	padding: 1.5rem 1.5rem 5rem 1.5rem;
	color:#333;
	border:1px solid #e3e3e3;
	transition:0.3s;
	cursor:pointer;
	position: relative;
}
/*接続毎の色*/
#product article .pdf_links div.guide .connection_type.EtherNet_IP{
	background-color:#a6dbd3;
	color:#000;
}
#product article .pdf_links div.guide .connection_type.CompoNet{
	background-color:#fec787;
	color:#000;
}
#product article .pdf_links div.guide .connection_type.useEthernet{
	background-color:#ccc;
	color:#000;
}
#product article .pdf_links div.guide .connection_type.EtherCAT{
	background-color:#feec98;
	color:#000;
}
#product article .pdf_links div.guide .connection_type.DeviceNet{
	background-color:#a1c1e7;
	color:#000;
}
#product article .pdf_links div.guide .connection_type.useserial{
	background-color:#ccc;
	color:#000;
}
#product article .pdf_links div.guide .connection_type.IOLink{
	background-color:#333;
	color:#fff;
}
#product article .pdf_links div.guide .connection_type{
	background-color:#666;
	color:#fff;
}

#product article .pdf_links div.guide p.date{
	position:absolute;
	bottom:0;
	right:0;
	padding:1.5rem;
}
#product article .pdf_links div.guide p.new{
	position:absolute;
	top:0;
	right:0;
	background-color:red;
	color:#fff;
	padding:0.2em 0.7em;
}
#product article .pdf_links div.guide:hover{
	opacity:0.7;
	background-color:#fafafa;
}
#product article .pdf_links img{
	mix-blend-mode: multiply;
	padding:1rem 0;
}
#product article .pdf_links div.guide h3{
	margin-bottom:1rem;
	margin-top:0rem;
	text-align:left;
}
#product article .pdf_links div.guide h4{
	margin-bottom:0rem;
	margin-top:0rem;
	text-align:left;
}
#product article .pdf_links div.guide h5{
	margin-bottom:1rem;
	margin-top:0.5rem;
	text-align:left;
}
#product article .pdf_links div.guide p{
	margin-bottom:0rem;
	margin-top:0rem;
	text-align:left;
}
#product article .pdf_links a[target="_blank"]::after{
	content:none;
}
#product article .pdf_links a h3::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 0.4rem;
	margin-right: 0.8rem;
	margin-top: 0.3rem;
	background-image: url("../images/open_in_new.svg");
}

/*その他*/
.imageNone{
	display:none;
}
#product .guidelink{
}
#product .guidelink img{
	display:block;
	margin:auto !important;
}
.l-footer {
	margin-top: 0px;
}

#product .disp0,
#product .disp1{
	display:none;
}

#product .disp0.type0{
	display: inline;
}

#product .disp1.type1{
	display: inline;
}

#product .caution{
	font-size:1.2rem;
	display: block;
	margin: 0.5em 0 0 0;
	color: #e50000 !important;
}
/*-------------------------------------------*/
/*タブレット*/
/*-------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
	/*横幅1200*/
	#product section div.w1200 {
		width: 100%;
		margin-top: 6rem;
		padding:0 20px;
	}
	/*商品情報リンク*/
	#product article .product_links{
		width: 100%;
		padding:0 20px;
		flex-wrap: wrap;
	}
	#product article .product_links a{
		background-color:#fff;
		width: calc(30%);
	}
}

/*-------------------------------------------*/
/*モバイル向け*/
/*-------------------------------------------*/
@media screen and (max-width:768px) {
	/*iweb 非ログイン*/
	#product section.contents .attention img{
		width:1em;
		height:auto;
		display:inline;
	}
	#product section.contents .flexbox-dl-h2 img{
		width:8rem;
		height:auto;
	}

	/*商品情報リンク*/
	#product article .product_links {
		flex-flow: wrap;
	}
	#product article .product_links a{
		background-color:#fff;
		width: calc(80%);
	}
	#product article .product_links a img{
		width:40% !important;
		height:auto;
	}
	#product article .product_links a h3{
		margin-bottom:1rem;
	}
	#product article .product_links a p::after {
		width: 10px;
		height: 10px;
	}

	/*横幅1200*/
	#product section div.w1200 {
		width: 100%;
		margin-top: 6rem;
		padding:0 20px;
	}
	#product article .company_links a {
		width: 100%;
	}
	#product article .pdf_links div.guide{
		width: calc(50% - 2rem);
	}



}