h1,h2,h3,h4,h5,h6{
  color:#000;
  font-weight:normal;
}
th{
  color:#000;
}
header{
  position: absolute;
  width:100%;
}
header.fix{
  position: fixed;
  top:0;
}
#spnav{
  display: none;
}
.title{
    margin: 20px 0 0 0;
}
.lead{
  padding:0;
}

.lead-text{
  font-size: 8pt;
  margin: 4px;
}
.site-header {
  padding: 10px 0;
  background: #fff;
}
.fa{
	margin-right: 10px;
}

.jetmenu > li > a {
  border-top: 3px solid #FFFFFF;
  color: #777777;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.273em;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  }
 
#intro{
  background-image: none;
  background-color: rgb(217, 235, 252);
  background-size: cover;
  text-align: center;
  padding: 0;
}

.intro-left, .intro-right{
  /* background-color: #FFFFFF; */
  height:100%;
  padding: 120px 0 50px 0;
}

.intro-left{
  background-image: url("../img/main_chem.jpg");
  background-size: cover;
  background-position:center;
}

.intro-right{
  background-image: url("../img/main_bio.jpg");
  background-size: cover;
  background-position:center;
}
.intro-cont{
  background-color:rgba(255,255,255,0.4);
  color:#000;
}
#intro p.description{
  /*background-color: rgba(67, 135, 180, 0.7);*/
  display: block;
  padding: 0 30px 10px;
  text-align: left;
  font-size: 11pt;
  line-height: 18pt;
/*  height: 9em;*/
  color:#000;
}

#intro h1{
  /*background-color: rgba(67, 135, 180, 0.7);
  color: white;*/
  display: block !important;
  margin: 0;
  padding: 20px;
  font-size: 28px;
  color:#000;
}

#intro h1 a{
  text-decoration: none;
  /*color: white;*/
  color:#000;
}

#intro h1 a:hover{
  text-decoration: underline;
  color: rgb(0, 235, 252);
}

.breadcrumb {
  background-color: rgba(0, 0, 0, 0);
  border-left: 0 solid #63B76C;
  border-radius: 0;
  font-size: 16px;
  font-style: normal;
  color: #798184;
  font-family: 'Ruda', sans-serif;
  font-weight: 300;
  list-style: none outside none;
  margin: 5px auto;
  padding: 0;
  text-align: center;
}

.breadcrumb-footer{
  background-color: rgba(0, 0, 0, 0);
  border-left: 0 solid #63B76C;
  border-radius: 0;
  font-size: 16px;
  font-style: normal;
  color: #798184;
  font-family: 'Ruda', sans-serif;
  font-weight: 300;
  list-style: none outside none;
  margin: 5px auto;
  padding: 0;
  text-align: center;
}

.box_left {
  /* color: #FFF; */
  width:200px;
  height:100px;
  margin-left:10px;
  float:left;
  /* background-color:#F00; */
}
.box_wrap {
  /* width:500px; */
  height:auto;
  /* border:1px solid #000; */
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.white{
  background-color: white;
}

.widget {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.recent_posts li {
  list-style: none;
  display: inline-block;
  width: 49%;
}

a.readmore {
  text-transform: none;
  display: block;
  font-family: 'Ruda', sans-serif !important;
  font-size: 14px;
  font-style: normal;
}

.author_box {
  background: white;
  border: 1px solid white;
  padding: 20px;
}
.title-date{
  margin-left: 10px;
  display: inline;
}

.entry{
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}
.entry .entry-block{
  display: flex;
  flex-wrap: wrap; 
  align-items: flex-start;
  padding:0;
}


.entry .entry-block .label{
  width:100px;
}
.entry .entry-block .title-date{
  width:100px;
}

.entry .entry-block .ttl,
.entry .entry-block .ttl_s{
    font-weight: bold;
    font-size:16px;
    margin: 10px 0 0;
    width:100%;
}

.entry .entry-block .text{
  width:100%;
}

.chemi{
  background-image: url("../img/chemi4.jpg");
  background-size: cover;
  background-position: center;
  color: white;
}

.text-white{
  color: white;
}

.ipros{
  display: block;
  width: 100%;
}

.corp-info{
  display: block;
  margin: 15px 0 30px;
}

.corp-info dl{
  display:flex;
  flex-wrap:wrap;
  font-size:16px;
  margin: 0 0 20px 0;
}
.corp-info dt{
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom: 1px solid #ccc;
  width:100%;
}
.corp-info dd{
  width:100%;
}
.corp-info dd.half{
  width:50%;
  font-size:18px;
}
.lined{
  padding-bottom: 5px;
  border-bottom: 1px solid #aaaaaa;
}

.space-top{
/*  display: inline-block;
  margin-top: 10px;*/
}

.recent_posts li {
  list-style: none;
  display: inline-block;
  width: 100%;
}

.blogimg{
  margin-bottom: 15px;
}

.jetmenu > li > a {
  border-top: 3px solid #FFFFFF;
  color: #777777;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.273em;
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.menutitle{
  display: none;
}

.footer-navi ul {
  list-style: none;
  list-style-position: outside;
  display: inline;
  margin: 5px;
}

.footer-navi{
  text-align: center;
  padding: 20px;
}

.swiper-pagination-bullet-active { background-color: white; }
.swiper-container{
  padding-bottom: 20px;
}

.english{
  display: inline;
}

dl.space-top{
  margin-left: 0;
}

#sidebar a.text-white{
  color: white;
}

.no-padding{
  padding: 0;
}

.content-box {
  background: #FFFFFF;
  /* border: 1px solid #DCDBD7; */
  margin: 0;
  padding: 10px 30px 35px;
}

dl.information{
  margin-left: 0;
  font-size: 110%;
}

ul.footermenu li {
  /* background: url(../img/list_1.png) no-repeat; */
  margin-bottom: 15px;
  /* padding-left: 15px; */
  margin-top: 10px;
}

ul.footermenu >li::before{
  margin-right:4px;
  content:'\f101';
  font-family:FontAwesome;
}

ul.footermenu li a {
  text-decoration: none;
  color: white;
}

.jumbotron{
  margin-top: 100px;
}

ul.menu li{
  margin-bottom: 10px;
}

.scroll-fade.fade-in {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fid;
  animation-name: fid;
  visibility: visible !important;
}
@-webkit-keyframes fid {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fid {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.read-more{
  background-color: rgb(83, 109, 187);
}

.p-0{ padding:0;}
.p-1{ padding:10px;}
.p-2{ padding:15px;}
.p-3{ padding:20px;}
.mb-0{ margin:0px;}
.mb-1{ margin:10px;}
.mb-2{ margin:15px;}
.mb-3{ margin:20px;}
.mt-0{ margin:0px;}
.mt-10{ margin-top:10px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:50px;}
.mt-60{ margin-top:60px;}

#sidebar .list-group .active{
  color:#fff;
}
#sidebar .list-group .active a{
  color:#fff;
}
.label{
  min-width:80px;
}
/*product*/
h3.cat1{
  font-size:18px;
  border-bottom:1px solid #3498db;
  margin-top: 30px;
  padding:5px;
}
.list-inline>li{
  padding:5px 10px;
  font-size:16px;
}
.pankuzu h1{
  font-weight:normal;
  font-size:inherit;
  margin:5px 0;
}
.productpage .alert h3,
.sellerpage h3,
.newspage .alert h4{
  margin-top: 0;
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid ;
  margin-bottom: 20px;
  font-weight:normal;

}
.productpage .alert{
  margin-bottom:40px;
}
.productpage .panel-heading{
  color:#fff;
}

/*news*/
.newspage .alert{
  margin-top:40px;
}
.newspage .alert i{
  margin-right:10px;
}
/*seller*/
.sellerpage .alert{
  margin-bottom:40px;
}
.sellerpage h4{
  font-weight:normal;
  font-size:16px;
}
.sellerpage .list-group-item i,
.sellerpage .list-group-item .label,
.brandpage i,
.brandpage .label
.eventpage i,{
  margin-right:10px;
}
.sellerpage .list-group-item .list-inline>li,
.brandpage .list-inline>li{
  padding:5px 15px 5px 5px;
}
.sellerpage .list-group-item .list-inline{
  margin-bottom: -5px;
}

/*brand*/
.brandpage h3{  
  margin-top: 0;
  font-size: 18px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}


/*event*/
.eventpage dl{
  margin:0;
}
.eventpage .gallery{
  margin-left:0px;
}
.eventpage .gallery img{
  width:20%;
  height: auto;
}
.eventpage .side dd{
  margin-bottom:0;
}


/*companypage*/
.companypage table{
  margin-bottom:60px;
}
.companypage iframe{
  width:100%;
}
/*contactpage*/
.contactpage{
  margin-bottom:30px;
}
.contactpage dd,
.contactpage dt{
  border-top:1px solid #ccc;
  padding:20px 0;
  float:left;
  box-sizing: border-box;
  margin-bottom: 0;

}
.contactpage .form{
  margin:30px 0;
}
.contactpage .ttl{
  width:20%;
  clear:both;
}
.contactpage .atn,
.contactpage .atn2{
  width:10%;
}
.contactpage .atn2 span{
  border:1px solid #999;
  border-radius: 6px;
  padding:3px 8px;
  color:#999;
}
.contactpage .atn span{
  border:1px solid #F00;
  border-radius:6px;
  padding:3px 8px;
  font-weight:bold;
  color:#F00;
}
.contactpage dd{
  width:70%;
}
.contactpage dd.half{
  width:35%;
  padding-right:5px;
}
.contactpage input,
.contactpage textarea,
.contactpage select{
  margin-bottom: 0;
}
.contactpage input[type=text],
.contactpage textarea{
  width:100%;
  box-sizing: border-box;;
  border:1px solid #000;
  padding:8px;
  font-size:16px;
}
.contactpage input[type=text]#half,
.contactpage select{
  width:49%;
  box-sizing: border-box;
  border:1px solid #000;
  padding:8px;
  font-size:16px;
}
.contactpage .send{
  text-align:center;
  clear:both;
  padding:50px 0;
  border-top:1px solid #ccc;
}
.contactpage .send .label{
  font-size:16px;
  padding:10px 30px;
}
.contactpage .error{
  width:100%;
  background-color:red;
  color:#fff;
  padding:3px 10px;
  margin-top:2px;
}

.initial{
  background: rgb(61,209,165);
  background: linear-gradient(-40deg, rgba(61,209,165,1) 00%, rgba(8,58,139,1) 25%, rgba(8,58,139,1) 75%, rgba(61,209,165,1) 100%);
  text-align: center;
}
.initial h1{
  padding:20px;
  font-size: 24px;
  margin:0;
  color: #fff;
}
.visual{
  height:300px;
  width:100%;
  background-size: cover;
  background-position: center;
}
.visual.top{
  background-image: url(../img/top-mainv.jpg);
}
#intro{
  background: rgb(242,242,242);
}
#intro h2{
  color:rgba(8,58,139,1);
  padding:20px;
    font-style: italic;
}
#intro p{
  font-size:18px;
  color: #000;
}
#intro .category{
  list-style: none;
  width: 1170px;
  margin:0 auto;
}
#intro .category .chem,
#intro .category .science{
  display: flex;
  align-items:stretch;
  margin: 30px 0;
}
#intro .category .chem .image,
#intro .category .chem .text,
#intro .category .science .image,
#intro .category .science .text{
  width:50%;
  padding:0 15px;
}
#intro .category .chem .image,
#intro .category .science .image{
  min-height:300px;
  background-size: cover;
  background-position: center;
}
#intro .category .chem .image{
  background-image: url(../img/chem-img.jpg);
}
#intro .category .science .image{
  background-image: url(../img/science-img.jpg);
}
#intro .category h3{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
    width: calc(100% - 40px);
    padding:15px;
    color:#FFF;
}
#intro .category h3::before{
    transform: skewX(-30deg);
    content: ""; 
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#00FBFF;
}
#intro .category .chem h3::before{
    background-color:#073a87;
}
#intro .category .science h3::before{
    background-color:#077164;
}
#intro .category .text p{
  padding:20px;
  font-size:16px;
  text-align: left;
}
#intro .category h4{
  margin:0;
  text-align: left;
}

#intro .category .image a{
  width: 100%;
  height: 100%;
  display: block;
}
#intro .category .chem h4{
  color:#073a87;
}
#intro .category .science h4{
  color:#077164;
}
#intro .category h4 i{
  margin-left:10px;
}
#intro .category h4::before{
  content: "▶";
  margin-right: 5px;
}

#intro .category .text .sml{
  font-size: 13px;
  padding:10px 20px 0;
}
#intro .category .text .search-form{
  margin-bottom: 0;
}
#intro .category .text .search-form label{
  width:80%;
}
#intro .category .text .search-form label input[type="search"]{
  background-color: #fff;
  color:#000;
  width: 100%;
  border:solid #333 1px;
  margin-bottom: 0;
}
#intro .category .chem .text .search-form input[type="submit"]{
  color: #fff;
  background-color:#073a87;
  margin-bottom: 0;
}
#intro .category .science .text .search-form input[type="submit"]{
  color: #fff;
  background-color:#077164;
  margin-bottom: 0;
}