@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

PRODUCTS

------------------------------------------------------------ */

/* ナビ
---------------------------------------------- */
.nav_products ul{
	overflow: hidden;
	margin-bottom: 50px;
}

.nav_products ul li{float: left;}

.nav_products ul li.p01{width: 140px;}
.nav_products ul li.p02,
.nav_products ul li.p03,
.nav_products ul li.p04,
.nav_products ul li.p05,
.nav_products ul li.p06{width: 136px;}
.nav_products ul li.p07{width: 140px;}

.nav_products ul li a{
	display: block;
	height: 33px;
}

.nav_products ul li.p01 a{background:url(../img/nav_products01.png) no-repeat 0 0;}
.nav_products ul li.p02 a{background:url(../img/nav_products01.png) no-repeat -140px 0;}
.nav_products ul li.p03 a{background:url(../img/nav_products01.png) no-repeat -276px 0;}
.nav_products ul li.p04 a{background:url(../img/nav_products01.png) no-repeat -412px 0;}
.nav_products ul li.p05 a{background:url(../img/nav_products01.png) no-repeat -548px 0;}
.nav_products ul li.p06 a{background:url(../img/nav_products01.png) no-repeat -684px 0;}
.nav_products ul li.p07 a{background:url(../img/nav_products01.png) no-repeat -820px 0;}

.nav_products ul li.p01 a:hover,
.nav_products ul li.p01 a.active{background:url(../img/nav_products01.png) no-repeat 0 -33px;}
.nav_products ul li.p02 a:hover,
.nav_products ul li.p02 a.active{background:url(../img/nav_products01.png) no-repeat -140px -33px;}
.nav_products ul li.p03 a:hover,
.nav_products ul li.p03 a.active{background:url(../img/nav_products01.png) no-repeat -276px -33px;}
.nav_products ul li.p04 a:hover,
.nav_products ul li.p04 a.active{background:url(../img/nav_products01.png) no-repeat -412px -33px;}
.nav_products ul li.p05 a:hover,
.nav_products ul li.p05 a.active{background:url(../img/nav_products01.png) no-repeat -548px -33px;}
.nav_products ul li.p06 a:hover,
.nav_products ul li.p06 a.active{background:url(../img/nav_products01.png) no-repeat -684px -33px;}
.nav_products ul li.p07 a:hover,
.nav_products ul li.p07 a.active{background:url(../img/nav_products01.png) no-repeat -820px -33px;}

.nav_products ul li a span{display: none;}

/* タブ
---------------------------------------------- */
.js-tab{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
}

.js-tab > div{
	flex: 1;
	background:#AAA;
	color:#FFF;
	text-align: center;
	padding:15px 0;
	cursor:pointer;
	border-right: 1px solid #CCC;
}

.js-tab > div:last-child{border: none;}

.js-tab > div:hover{background:#CCC;}

.js-tab > div.active{background:#3352C5;}

.js-tab > div.active:hover{cursor: auto;}

.js-tab_content{
	display:none;
	padding:20px 0 0;
}

.js-tab_content table{width: 100%;}

.js-tab_content table th{
	background: #000;
	color: #FFF;
	font-size: 1.5rem;
	padding: 7px 10px;
}

.js-tab_content table td{
	background: #FFF;
	padding: 10px;
}

.js-tab_content table th,
.js-tab_content table td{border: 1px solid #888;}

.js-tab_content table td a{
	color: #3455C9;
	text-decoration: underline;
}

.js-tab_content table td a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.js-tab_content.active{display:block;}

/* 新着情報
---------------------------------------------- */
.products_news{
	border: 2px solid #3454C7;
	padding: 30px 25px;
	margin-bottom: 40px;
}

.products_news h2{
	background: #E6EFF9;
	border-left: 5px solid #2F2F77;
	padding: 10px 10px 10px 15px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #2F2F77;
}

.products_news h4{
	background: #E6EFF9;
	border-left: 5px solid #2F2F77;
	padding: 10px 10px 10px 15px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #2F2F77;
}

.products_article{
	border-bottom: 1px dashed #2F2F77;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.products_article:last-of-type{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.products_article time{
	color: #888;
	display: block;
	font-size: 1.5rem;
	margin-bottom: 8px;
}

.products_article h5{
	background: url(../img/ico_arrow06.png) no-repeat left 0.6em;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 15px;
	color: #444;
}

.products_article a{
	color: #3354C6;
	text-decoration: underline !important;
}

.products_article a:hover{
	color: #71A5D9;
	text-decoration: none !important;
}

.products_article table{width: 100%;}

.products_article table th{
	background: #000;
	color: #FFF;
	font-size: 1.5rem;
	padding: 7px 10px;
}

.products_article table td{padding: 10px;}

.products_article table th,
.products_article table td{border: 1px solid #888;}

/* ヒト由来サンプル
---------------------------------------------- */
/*--table--*/
.table_human01{
	background: #FFF;
	width: 100%;
	table-layout: fixed;
}

.table_human01 th,
.table_human01 td{
	border: 1px solid #C0C0D1;
	padding: 15px;
}

/*--list--*/
/*human01*/
.list_human01{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	margin-bottom: -8px;
}

.list_human01 li{
	background: url(../img/ico_circle01.png) no-repeat left 0.6em;
	padding-left: 17px;
	margin-bottom: 8px;
	width: 50%;
}

/*human02*/
.list_human02{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	margin-bottom: 20px;
}

.list_human02 li{
	margin-bottom: 14px;
	width: 50%;
	font-size: 1.4rem;
}

.list_human02 li a{
	display: block;
	background:url(../img/ico_arrow09.png) no-repeat left 0.6em;
	padding-left: 15px;
	text-decoration: underline;
	color: #333;
}

.list_human02 li a:hover{
	opacity: 0.7;
	text-decoration: none;
}

/* Bio X Cell社
---------------------------------------------- */
.bio_products01{
	border: 2px solid #AAA;
	padding: 30px 25px;
	margin-bottom: 40px;
}

.bio_products02{
	border: 2px solid #AAA;
	padding: 30px 25px;
	margin-bottom: 100px;
}

#promotion{
	padding: 15px;
	border: 2px solid #EB6B1F;
	margin-bottom: 50px;
	background: ivory;
}

#promotion figure img{max-width: 100%;}

#promotion h2{
	background: #F5EEC0;
    border-left: 5px solid #EB6B1F;
    padding: 10px 10px 10px 15px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #EB6B1F;
}

#promotion h4{
	background: #F5EEC0;
    border-left: 5px solid #EB6B1F;
    padding: 10px 10px 10px 15px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #EB6B1F;
}

.txt_promotion01{
	font-size: 1.8rem;
	text-align: center;
}

.txt_promotion01 .note01{
	font-weight: bold;
	text-decoration: underline;
	color: #E32528;
}

.txt_promotion02{
	background: #EB6B1F;
	color: #fff;
	padding: 5px;
}

/*--商品リスト--*/
.products_type{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	-webkit-justify-content:space-between;/*--safari用--*/
	justify-content:space-between;
}

.products_type .type{width: 210px;}

.products_type .type > p{
	text-align: center;
	margin-bottom: 15px;
}

.products_type .heightLine-group1{
	background: #12AC9E;
	padding: 15px 10px;
	color: #FFF;
	box-sizing: content-box;
}

.products_type .type ul li{
	background: url(../img/ico_circle03.png) no-repeat left 0.45em;
	padding-left: 15px;
	margin-bottom: 12px;
	line-height: 1.2;
}

.products_type .type ul li:last-child{margin-bottom: 0;}

/*--In Vivo Mab--*/
/*ナビ*/
.nav_mab{
	width: 600px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.nav_mab ul{
	text-align: center;
	margin-bottom: -5px;
	letter-spacing: -0.4em;
}

.nav_mab ul li{
	display: inline-block;
	border-right: 1px solid #CCC;
	padding: 0 10px;
	margin-bottom: 5px;
	letter-spacing: normal;
}

.nav_mab ul li a{
	display: block;
	color: #3354C6;
	text-decoration: underline;
}

.nav_mab ul li a:hover{
	opacity: 0.7;
	text-decoration: none;
}

/* Precision BioLogic社
---------------------------------------------- */
/* Controls and Specialty Plasmas, Reagents */
.content{
	border: 1px solid #AAA;
	padding: 25px;
	margin-bottom: 40px;
}

.content:last-of-type{margin-bottom: 0;}

/* pepperprint
---------------------------------------------- */
.pepperprint{
	border: 1px solid #AAA;
	padding: 30px 25px;
}

.pepperprint dl dt{
	color: #3453C3;
	font-weight: bold;
	margin-bottom: 5px;
}

.pepperprint dl dd{
	padding-left: 1.2em;
	margin-bottom: 15px;
}

.pepperprint dl dd:last-of-type{margin-bottom: 0;}

/* 一覧
---------------------------------------------- */
#wrap_products{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-flex-wrap:wrap;/*--safari用--*/
	flex-wrap:wrap;
	margin-bottom: -20px;
}

.products{
	background: #FFF;
	width: 470px;
	border: 1px solid #C0C0D1;
	margin: 0 20px 20px 0;
}

.products:nth-child(2n){margin-right: 0;}

.products a{
	display: table;
	color: #333;
	padding: 5px 15px 5px 5px;
}

.products a:hover{opacity: 0.7;}

.products a .photo{
	width: 140px;
	height: 160px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.products_inner{
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	width: 293px;
}

.products_inner .name{
	display: table-cell;
	vertical-align: middle;
	width: 293px;
	height: 60px;
	padding: 5px 0 10px;
	color: #3352C5;
	font-weight: bold;
	line-height: 1.6;
}

.products_inner .txt{
	padding: 11px 0 0;
	overflow: hidden;
	width: 293px;
	line-height: 1.6;
	border-top: 1px solid #DADAE4;
}

/* 詳細
---------------------------------------------- */
.info{
	border-top: 1px solid #DADAE4;
	padding-top: 60px;
	margin: 60px 0 50px;
}