@charset "utf-8";
.scroll-box {
  /* スクロールバーを見えなくするため */
  height: 115px; /* 実際に表示する高さ */
  overflow-y: hidden;
}

/* 中身がスクロールするビュー */
.scroll__view {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}

/* 実際にスクロールするオブジェクト */
.scroll-list {
  /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
  display: table;
  list-style: none;
  margin: 0 auto;
  /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される */
  padding: 0 0 57px 0;
}

.scroll-item {
  /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
  display: table-cell;
}

.scroll-box a {
  display: block;
  padding: 12px;
  /* 文字列の自動改行を禁止 */
  white-space: nowrap;
}

/* 以下サンプル用デザイン */
.scroll-list li{
	text-align: center;
}

.circle{
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

.circle-item-a{
	background-image:url("https://kisste.itembox.design/item/TOP.jpg");
	background-size:109% auto;
	background-position:45% 10%;
}

.circle-item-b{
	background-image:url("https://kisste.itembox.design/item/IMG_2803.JPG");
}

.circle-item-c{
	background-image:url("https://kisste.itembox.design/item/scroll-zori-new.jpg");
	background-size:340% auto;
	background-position:50% 53%;
}

.circle-item-d{
	background-image:url("https://kisste.itembox.design/item/scroll-obib.jpg");
	background-size:330% auto;
	background-position:48% 90%;
}

.circle-item-e{
	background-image:url("https://kisste.itembox.design/item/5-6-00035an.jpg");
	background-size:200% auto;
	background-position:45% 2%;
}

.circle-item-f{
	background-image:url("https://kisste.itembox.design/item/2020-01_newyear/img/item/3000/7-5-02933a.jpg");
	background-size:150% auto;
	background-position:80% 100%;
}

.circle-item-g{
	background-image:url("https://kisste.itembox.design/item/2020-01_newyear/img/item/3000/7-6-00504a.jpg");
	background-size:120% auto;
	background-position:80% 100%;
}

.circle-item-h{
	background-image:url("https://kisste.itembox.design/item/5-6-03169c.jpg");
	background-size:220% auto;
	background-position:75% 32%;
}

.circle-item-i{
	background-image:url("https://kisste.itembox.design/item/wazakka/hurosiki/5-3-02023a.jpg");
	background-size:150% auto;
	background-position:1% 90%;
}

.circle-item-j{
	background-image:url("https://kisste.itembox.design/item/8-7-00292.jpg");
	background-size:115% auto;
	background-position:50% 30%;
}

.circle-item-k{
	background-image:url("https://kisste.itembox.design/item/8-6-00904c.jpg");
	background-size:180% auto;
	background-position:60% 1%;
}

.circle-item-l{
	background-image:url("https://kisste.itembox.design/item/scroll-yukata.jpg");
	background-size:150% auto;
	background-position:50% 20%;
}

.circle-item-m{
	background-image:url("https://kisste.itembox.design/item/scrollkamikazari.jpg");
	background-size:330% auto;
	background-position:70% 20%;
	
}

.circle-item-n{
	background-image:url("https://image.rakuten.co.jp/kisste/cabinet/kimono/5-7-01223a.jpg");
	background-size:200% auto;
	background-position:97% 50%;
	
}

.circle-item-o{
	background-image:url("https://image.rakuten.co.jp/kisste/cabinet/wakomono/wagara-bag/wagara-bag/7-3-00048a.jpg");
	background-size:115% auto;
	background-position:100% 80%;
	
}


.scroll-item-text{
	font-size: 1.2rem;
}

.scroll-box {
 
}

.scroll-box a {
  color:#333333;
  font-family: sans-serif;
  font-size: 14px;
  /* 行高が24pxになるように調整 24/14 */
  line-height: 1.71428;
  text-decoration: none;
}

.scroll-box{
	margin-top: 65px;
}


@media screen and (min-width: 767px) {

    .scroll-box {
        display: none;
    }
}