@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : style
================================================================= */


/* PC START ###################################################### */


/* 外枠：4枚分の幅だけ表示し、はみ出た画像（5枚目以降）を隠す */
.small {
  width: 100%;
  max-width: 1200px; /* 表示したい全体の最大幅（必要に応じて変更してください） */
  margin: 0 auto;
  overflow: hidden!important;  /* 重要：枠からはみ出た画像を表示しない */
}

/* リスト：折り返しを絶対に禁止して横1列に固定する */
.small ul {
  display: flex;
  flex-wrap: nowrap!important; /* 重要：自動折り返しを防止 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 各画像枠：常に全体の「25%（＝4枚表示）」のサイズに固定 */
.small li {
  flex: 0 0 25%!important;
  max-width: 25%!important;
  box-sizing: border-box;
  padding: 0 6px;
  height: 80px;
}

/* PC END ###################################################### */



@media screen and (max-width: 768px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */

.small li {
    flex: 0 0 50%;
    width: 50%;
  }




/* tablet END ###################################################### */



}
@media screen and (max-width: 468px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
.inner-1200 {
  max-width: 450px!important;
  padding-right: 0.25em!important;
  padding-left: 0.25em!important;
}

.page-shop-detail .item_view {
  margin-top:3%!important;
}


/* smartphone END ################################################## */
}

/* PC only  START ###################################################### */
@media screen and (min-width: 835px)  {



/* PC END ###################################################### */
}