@charset "UTF-8";

/*スクロールパーツ*/
#scroll_parts + div .wrapper_item{
  overflow-x: scroll;
  flex-wrap: nowrap;
  column-gap: 1.5rem;
  scroll-snap-type: x mandatory;
}
/* スクロールバーの幅と高さを設定する */
#scroll_parts + div .wrapper_item::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}
/* スクロールバーの色を設定する */
#scroll_parts + div .wrapper_item::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #ccc;
}
#scroll_parts + div .wrapper_item .inner_item{
  min-width: 450px;
}
@media screen and (max-width: 650px){
  #scroll_parts + div .wrapper_item .inner_item{
    margin-bottom: 0;
    min-width: 280px; 
    scroll-snap-align: start;
  }
}

/* 画像横並び_SP時スライド機能 */
.img_scroll_wrap {
    max-width: 1200px;
    padding: 0 8%;
}
.img_slides {
    margin: 0 auto;
    display: flex;
}
.img_slide {
    width: calc(100% / 6);
    position: relative;
}
.img_slide_box {
    position: relative;
    padding: 0 13px;
}
.img_slide_en {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    bottom: 5px;
    line-height: 1;
    font-size: 10px;
    color: #777;
}
.img_slide img {
    aspect-ratio: 137 / 350;
    object-fit: cover;
    object-position: center;
}
.img_slide_jp {
    font-size: 14px;
    text-align: center;
    margin-top: 2rem;
    padding: 0 13px;
}
@media screen and (max-width: 800px) {
.img_scroll_wrap {
    padding: 0 5%;
}
.img_slides {
    overflow-x: auto;
}
.img_slide {
    width: 30%;
    min-width: 210px;
    flex-shrink: 0;
}
.img_slide img {
    aspect-ratio: 180 / 321;
}
}