/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

 .gallery {
  background: #FFF;
}
 
.gallery-cell {
  width: 100%;
  height: 300px;
}
 
 
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -2%;
}

/* 手が表示　ドラッグ */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ----矢印の色 ---- */

.flickity-button {
  position: absolute;
  background: none;
  border: none;
  color: #F90;
}

.flickity-button-icon {
  fill: currentColor;
}


/* ---- 矢印の位置と大きさ ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 35px;
  height: 35px;
  /* vertically center */
  transform: translateY(-50%);
}

/* ---- 矢印の外側・内側の位置 ---- */
.flickity-prev-next-button.previous { left: -40px; }
.flickity-prev-next-button.next { right: -40px; }
/* right to left */


/* ---- page dots ---- */


.flickity-page-dots .dot {
  display: none;
}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

.gallery-cell {
  width: 100%;
  height: 450px;
}
 
 
/* ---- 矢印の位置と大きさ ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 30px;
  height: 30px;
  /* vertically center */
  transform: translateY(-50%);
}

	
/* ---- 矢印の外側・内側の位置 ---- */
.flickity-prev-next-button.previous { left: -18px; }
.flickity-prev-next-button.next { right: -18px; }
/* right to left */

}