@charset "UTF-8";
.carousel {
  background:;




}

.carousel-cell {
position:relative;
top:0px;/*これで画像1枚の全体が入る*/
width: 100%;  /* full width */
height:51vw; /* height of carousel  画像比率2:1の場合。100×（画像幅÷画像高） */


border-radius: 5px;
counter-increment: carousel-cell;

 margin-right: 10px;/*表裏の間の余白*/
 padding-bottom:0px;/*月刊記述のための余白　ここでは余白不要なので0*/
}

.carousel-cell.is-selected {
  background:;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 5px;
  font-size: 0px;
  color:black;
}

@media only screen and (max-width: 768px) { /* スマホサイズここで調整 */

.carousel-cell {
  width:100%; /* full width */
height:100vw; /* height of carousel  画像比率2:1の場合。100×（画像幅÷画像高） */
   
  margin-right: 10px;
  padding-bottom:0px;

}


.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 17px;
  height:17px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}





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

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
	display: none;
	width: 8px;
	height: 10px;
	margin: 0 8px;
	border-radius: 50%;
	opacity: 0.25;
	cursor: pointer;
	background-color: #bcaaa5;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}



}

/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}