body.topcool{
    font-family:"Yu Gothic","YuGothic","Hiragino Sans","ヒラギノ角ゴシック",Meiryo,sans-serif;
    font-weight: 500;
}

body.topcool #sp-main-body{padding:10px 0 50px 0;}

body.topcool h2 {
    line-height: normal;
  /*  width: 100%;*/
    margin: 0.6rem 0 0.4rem 0;
    padding: 0.2em 0 0.2em 1.4em;
    border: 1px solid     rgba(142, 220, 74, 0);
    background: linear-gradient(
      to right,
        rgba(142, 220, 74, 0.55) 0%,
        rgba(89, 192, 21, 0.45) 50%,
        rgba(60, 138, 14, 0.40) 100%
    );
    background-repeat: no-repeat;
    background-size: 0.9em 100%;



    font-size: 1.1rem;
    font-weight: bold;
  /*  scroll-margin-top: 6rem;*/
}
.cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .cards-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1400px) {
  .cards-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.card-item{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:10px;
  overflow:hidden;
  transition:all .2s ease;
}

.card-item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}


body.topcool h3.item-title{font-size: 1.3rem;font-weight: 700;margin: 0;padding:0.5rem 0;color: var(--text-color);}
@media(max-width:575px){
  body.topcool h3.item-title{font-size: 1.2rem;}
}

/*article*/
body.topcool [itemprop="articleBody"] h1{font-size:1.75rem; font-weight: 800;}

.left-wrapper{
  flex:0 0 60%;
}

.right-wrapper{
  flex:0 0 40%;
}

.right-wrapper img{
  width:100%;
  height:auto;
}
@media (max-width:768px){

.wrapper{
  flex-direction:column;
}

.left-wrapper,
.right-wrapper{
  flex:unset;
  width:100%;
}

}

.specification{
    border-collapse: separate;
}

.specification thead th{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
}


.fixed-td, .top-colleft{
    position: sticky;
    left:0;
    background:#fff;
    z-index:9;
}

.top-colleft.fixed-td{
    position: sticky;
    left:0;
    top:0;
    background:#fff;
    z-index:999;
}

.tbl_container{
    max-height:70vh;
    overflow:auto;
}

body.topcool table th.top-col,
body.topcool table td.fixed-td
{white-space: nowrap;}
body.topcool .table{
  --bs-table-striped-bg : rgba(242, 246, 252, 1);
--bs-table-bg: #FFF;
}

.my-article-gallery{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;
}
@media(min-width:992px){
  .my-article-gallery{
  grid-template-columns:repeat(3,1fr);
  }
}


.my-article-gallery img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:1/1;
}

body.topcool .gslide-description{display: none;}

/*article*/

/*footer*/
/*footer*/
body.topcool #sp-bottom a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.6);
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
/*footer*/