table{
  color:#000;
}

.products{
  width:100%;
  max-width: 900px;
  margin: 0 auto;
  color:#000;
  margin-bottom: 86px;
  text-align:center;

}

ul#products-grid{
  list-style: none;
  width: 100%;
  min-height: 300px;
}

ul#products-grid > li{
  text-align: left;
  padding: 10px;
  background-color:#01348b;
  background-position: center;
  display: inline-block;
  vertical-align: top;
  box-sizing:border-box;
  width:280px;
  height:280px;
  margin:0 10px 20px 10px;
  position: relative;
  /*border: 1px solid #C6C4C4;*/
  box-sizing:border-box;
}


/*ul#news-grid > li:first-child{
    width:580px;
    padding:0px;
    background-color: #000;
}*/　

ul#products-grid{
    color:#fff;
}

ul#products-grid > li > a:link,a:visited{
  text-decoration: none;
}

ul#products-grid > li > a > div.title{
  line-height: 40px;
  font-size: 25px;
}

ul#products-grid > li.read-more{
  padding-top:100px;
  font-family: 'Gotham-Medium';
  background-color:#01348b;
  line-height: 30px;
}

ul#products-grid > li{
  background:linear-gradient(180deg,
             rgba(255,255,255,.8),
             rgba(255,255,255,1),
             rgba(255,255,255,1),
             rgba(255,255,255,1));

  text-align: center;
  color:#000;
  border: solid 1px #fff;
}

ul#products-grid  > li > a > div.title{
  margin-top: 20px;
  height: 66px;
  font-family: "Times New Roman",sans-serif;
  font-weight: bold;

}

ul#products-grid  > li > a > div.title > div.en_title{
  font-size: 14px;
  color:#000;
  text-decoration:none;
}

ul#products-grid  > li > a > div.title > div.jp_title{
  font-size: 12px;
  margin-top: -10px;
  color:#000;
  text-decoration:none;
}


ul#products-grid div.detail{
  margin: 0 auto;
  font-size: 12px;
  width: 180px;
  padding:10px 0;
  font-family:sans-serif;
  color:#307ABB;
  cursor: pointer;
}

ul#products-grid div.detail > *{
  display: inline-block;
}

ul#products-grid div.detail > div:last-child{
  vertical-align: top;
  margin-left: 10px;
}


ul#products-grid.grid > li.read-more{
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
}

ul#products-grid.grid > li.read-more img{
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

div.product_thumbnail{
  height: 130px;
}

.box .date{
  position: absolute;
  top:10px;
  left:10px;
  /*border: 1px solid #fff;*/
  font-family: sans-serif;
  font-size: 14px;
  background-color: #006bc8;
  padding:4px;
}

.box .bg{
  position: absolute;
  width:280px;
  height: 60px;
  top:0;
  left:0;
  /*background:linear-gradient(180deg,
             rgba(0,0,0,.6),
             rgba(0,0,0,0));*/
}

.box .category{
  position: absolute;
  top:10px;
  left:10px;
  font-size: 14px;
  color:#fff;
  background-color: #006bc8;
  padding: 4px;
}

.box .modal{
  font-family: sans-serif;
  background-color:rgba(255,255,255,.9);
  width: 280px;
  height: 280px;
  position: absolute;
  top:0px;
  left:0px;

}


.modal .short_tilte{
  color:#000  ;
  position: absolute;
  top:60px;
  left:14px;
  width:252px;
  line-height: 20px;
}

.product_thumbnail > img{
  height: 140px;
  width: 100%;
  object-fit: cover;
}

/* pc */
@media screen and (min-width: 1200px) {
  ul.grid{
		text-align: left;
	}
  /* ul#news-grid > li:nth-child(3){
    margin-right: 0;
  }
  ul#news-grid > li:nth-child(7){
    margin-right: 0;
  }
  ul#products-grid > li:nth-child(4n){
    margin-right: 0;
  } */
}

/* pc */
/* @media screen and (min-width: 880px) and (max-width: 1199px) {

  ul#news-grid > li:nth-child(2){
    margin-right: 0;
  }
  ul#news-grid > li:nth-child(5){
    margin-right: 0;
  }
  ul#news-grid > li:nth-child(8){
    margin-right: 0;
  }
  ul#products-grid > li:nth-child(3n){
    margin-right: 0;
  }
} */

/* tablet  */
@media screen and (max-width: 879px) {
/*ここにtablet用スタイルを記述*/
  ul#news-grid > li:nth-child(odd){
  margin-right: 0;
  }
  /* ul#products-grid > li:nth-child(2n){
    margin-right: 0;
  } */
}