.flicking-arrow-prev,
.flicking-arrow-next {
  display: none;
}

@media(min-width:768px) {

  .flicking-arrow-prev,
  .flicking-arrow-next {
    position: absolute;
    display: initial;
    cursor: pointer;
    z-index: 2;
  }

  /* トップカルーセルのArrow */
  .top_slider_block .flicking-arrow-prev,
  .top_slider_block .flicking-arrow-next {
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-110%);
  }

  .top_slider_block .flicking-arrow-prev {
    left: 10px;
  }

  .top_slider_block .flicking-arrow-next {
    right: 10px;
  }

  /* ブランドカルーセルのArrow */
  .top_banner_block .flicking-arrow-prev,
  .top_banner_block .flicking-arrow-next {
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-70%);
  }

  .top_banner_block .flicking-arrow-prev {
    left: 20px;
  }

  .top_banner_block .flicking-arrow-next {
    right: 20px;
  }

  .flicking-arrow-prev.is-circle,
  .flicking-arrow-next.is-circle {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%;
  }

  .flicking-arrow-disabled.is-circle {
    background-color: rgb(10 10 10 / 10%);
  }

  .flicking-arrow-prev.is-circle::before,
  .flicking-arrow-prev.is-circle::after,
  .flicking-arrow-next.is-circle::before,
  .flicking-arrow-next.is-circle::after {
    background-color: #fff;
  }

  .flicking-arrow-prev.is-outside {
    left: -74px;
  }

  .flicking-arrow-next.is-outside {
    right: -74px;
  }

  .flicking-arrow-prev::before,
  .flicking-arrow-prev::after,
  .flicking-arrow-next::before,
  .flicking-arrow-next::after {
    content: "";
    width: 18px;
    height: 2px;
    position: absolute;
    background-color: #f2a65e;
  }

  .flicking-arrow-prev::before {
    top: 50%;
    left: 17px;
    transform: rotate(-45deg);
    transform-origin: 0% 50%;
  }

  .flicking-arrow-prev::after {
    top: calc(50% - 1px);
    left: 17px;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
  }

  .flicking-arrow-next::before {
    top: 50%;
    right: 17px;
    transform: rotate(45deg);
    transform-origin: 100% 50%;
  }

  .flicking-arrow-next::after {
    top: calc(50% - 1px);
    right: 17px;
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
  }

  .flicking-arrow-disabled {
    display: none;
    cursor: default;
  }

  .flicking-arrow-disabled::before,
  .flicking-arrow-disabled::after,
  .flicking-arrow-disabled::before,
  .flicking-arrow-disabled::after {
    background-color: #e6e6e6;
  }

  .flicking-arrow-prev.is-thin::before,
  .flicking-arrow-prev.is-thin::after,
  .flicking-arrow-next.is-thin::before,
  .flicking-arrow-next.is-thin::after {
    height: 3px;
  }

  .flicking-arrow-prev.is-thin::after,
  .flicking-arrow-next.is-thin::after {
    top: calc(50% - 2px);
  }
}