@charset "utf-8";

/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
.fb {
	width: auto;
	height: 100%;
}
.fb a{
	width: auto;
	height: 100%;
	display: block;
}
.fb img{
	width: auto;
	height: 100% !important;
}
.product-links > div a{
  height: 100% !important;
}
.kako01 tr td:first-child{
	width: 200px !important;
}
.kako01 tr td img {
	width: 100% !important;
}
td.tblpd0{
  padding: 0 10px !important;
}

.product-table .bg-gra03 {
  background: #b3bead;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b3bead 0%, #cecece 0%, #f2f2f2 47%, #f7f7f7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #b3bead 0%, #cecece 0%, #f2f2f2 47%, #f7f7f7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #b3bead 0%, #cecece 0%, #f2f2f2 47%, #f7f7f7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bead', endColorstr='#f7f7f7',GradientType=1 );
  /* IE6-9 */
}

.footer-nav ul {
  justify-content: flex-start;
}

.home-con4 > .news-wrap > div {
  max-width: 80%;
  margin: 0 auto;
}

.home-con4 > .news-wrap .news dl dt,
.home-con4 > .news-wrap .news .date {
  color: #ee8c00;
  font-family: "Noto Serif Japanese", "游明朝体", "Yu Mincho", YuMincho,
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  border: none !important;
  background: none !important;
  font-size: 1.8rem;
  min-width: 130px;
}

.home-con4 > .news-wrap .news .date,
.home-con4 > .news-wrap .news .category {
  width: 150px !important;
}

.home-con4 > .news-wrap .news dl dd {
  font-size: 0.9em !important;
}
.home-con4 > .news-wrap .news .category {
  margin-right: 8px;
  line-height: 32px;
}

.home-con4 > .news-wrap .news {
  height: 458px !important;
}
.home-con4 > .wrap_gley:last-child {
  background: #ccc !important;
}
.製品情報 {
  display: inline-block;
  padding: 0px 4px;
  font-size: 13px;
  margin-right: 24px;
  color: #fff;
  font-weight: bold;
  background: #19c045;
  width: 110px;
  text-align: center;
  letter-spacing: 0.1em;
}
.newsTag{
  width: 100%;
}
.newsTag .news_text{
  width: calc(100% - 130px);
}
.itemtb td {
  padding: 0px 8px !important;
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  table {
    table-layout: auto;
  }
}
/*================== ○○○○.html =================*/
@media screen and (min-width: 469px) and (max-width: 834px) {
}
@media only screen and (max-width: 834px) {
  .banner-table td {
    display: block !important;
  }
.newsTag .news_text{
  width:100%;
}
.newsTag{
  flex-wrap:wrap; 
}
.お知らせ{
  margin-right: auto!important;
}
.製品情報{
 margin-right: auto!important;
}
.プレリリース{
   margin-right: auto!important;
}
}

@media only screen and (max-width: 640px) {
#header .inner .flxL {
    width: 50% !important;
}
.kako01 tr td:first-child{
	width: 100% !important;
}
}