@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
body {
  font-family: 'Noto Sans JP', sans-serif;
}

/* single product */
/* product-thumbnail-slider */
.product-thumbnail-slider {
  height: 740px;
}
@media screen and (max-width:992px) {
  .product-thumbnail-slider {
    margin-top: 20px;
    height: auto;
  }
}
@media screen and (min-width:992px) {
  .product-thumbnail-slider {
    height: 520px;
  }
}
@media screen and (min-width:1200px) {
  .product-thumbnail-slider {
    height: 740px;
  }
}

@media screen and (min-width:1200px) {
    .container{max-width:1160px}
}

@media screen and (min-width:1480px) {
    .container{max-width:1400px}
}
@media screen and (min-width:1780px) {
    .container{max-width:1600px}
}
@media screen and (min-width:1900px) {
    .container{max-width:1880px}
}
@media screen and (min-width:2200px) {
    .container{max-width:2180px}
}
@media screen and (min-width:2500px) {
    .container{max-width:2480px}
}

/*　スクロールバーの実装 */
.table_sticky {
    display: block;
    overflow-y: scroll;
/*    height: calc(100vh/2); */
    height: 70vh;
    border:1px solid;
    border-collapse: collapse;
    border-color: gainsboro;
}
.table_sticky thead th {
    position: sticky;
    top: 0;
    z-index: 1;
/*   background:#3399cc;    */
/*    color: #ffffff; */     /* 文字色指定 */
    border-top:#FFFFFF;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}


.table_box{
    overflow-y: auto;
/*  height: 70vh;   */
/*  width:1800px;   */
    width:90wh;
    -webkit-overflow-scrolling: touch;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th, td {
  vertical-align: middle;
  white-space: nowrap;
/*
  text-align: left;
  border: 1px solid #000;
  padding: 20px;
  color: #000;
  font-size: 14px;
*/
}

/*
th {
  background: #000;
}
td {
  background: #fff;
}
.sticky {
  position: sticky;
  top: 0;
  left: 0;
  border-top: none;
}
.sticky::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #ccc;
  z-index: -1;
}
*/