@charset "UTF-8";
@media (max-width: 768px){
  /*
  //モデル
  */
  .mini_model-scroll-wrapper {
    position: relative;
  }
  .mini_model-scroll-table {
    padding: 0 0 0 20px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .mini_model-btn {
    position: relative;
    width: 23vw;
    height: 23vw;
    background-color: #FFFFFF;
    border: 4px solid pink;
    border-radius: 3px;
    margin: 10px 2px 5px 0px;
    box-shadow: 0px 5px 1px rgb(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .mini_model-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      -90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.1) 70%,
      rgba(255, 255, 255, 0.4) 74%,
      rgba(255, 255, 255, 0.5) 86%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .mini_model-name {
    font-size: 0.8rem;
    color: #000000;
    font-weight: bold;
    margin: 8px 0 -2px 0;
    text-align:center;
    line-height: 1.2;
    text-shadow: 5px 5px 5px #FFFFFF, 
    -2px -2px 2px #FFFFFF,
    -2px 2px 2px #FFFFFF,  
    2px -2px 2px #FFFFFF,
    2px 0 2px #FFFFFF, 
    -2px  0 2px #FFFFFF,
    0 2px 2px #FFFFFF,  
    0 -2px 2px #FFFFFF;
  }


  .scroll_table {
    max-width: 980px;
  }
  .model {
    width: 22vw;
    background: url("/assets/img/products/bg/contents_model_bg_22.webp") repeat center top;
    background-size: cover;
    border-radius: 3px;
    margin: 0px 0px 8px 2px;
    padding: 5px 0 1px 0;
    box-shadow: 0px 5px 1px rgb(0, 0, 0, 0.4);
  }
  p.name {
    font-size: 0.8rem;
    font-weight: bold;
    margin: 4px 0 4px 0;
    text-shadow: 5px 5px 5px #FFFFFF, 
    -2px -2px 2px #FFFFFF,
    -2px 2px 2px #FFFFFF,  
    2px -2px 2px #FFFFFF,
    2px 0 2px #FFFFFF, 
    -2px  0 2px #FFFFFF,
    0 2px 2px #FFFFFF,  
    0 -2px 2px #FFFFFF;
  }
  .txt-hide {
    display: none;
  }
  button.more {
    margin: 20px auto;
    display: block;
    transition: .1s;
    -erbkit-transition: .1s;
  }
  .more.on-click::after {
    display: none;
  }
  .more.on-click {
    display: none;
  }
  .more {
    margin: 0 0 30px 0;
  }
  
}