/*----------------------------------------------
スライダー指定
Flickity v2.3.0 https://flickity.metafizzy.co
---------------------------------------------- */



.flickity-enabled 	{width:100vw;
			position: relative;}

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

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

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

/* ドラッグ動作 */

.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: #fff;
  			border: 3px solid #e20090;
  			color: red;  /* 　＜の色  */
			}

.flickity-button:hover	{
			background: pink;
			color:#fff;
 	 		cursor: pointer;
			}

.flickity-button:focus 	{outline: none;
			box-shadow: 0 0 0 5px #19F;}

.flickity-button:active {opacity: 0.8;}

.flickity-button:disabled	{
				opacity: 0.6;
  				cursor: auto;
  				/* prevent disabled button from capturing pointer up event. #716 */
				pointer-events: none;
				}

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


/* ---- previous/next buttons ---- */

.flickity-prev-next-button	{
 				top: 50%;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				box-shadow:0 1px 3px #666;
  				/* vertically center */
 				transform: translateY(-50%);
				}


.flickity-prev-next-button.previous 	{top:55%;left:20px;} /*  ボタンの位置  */
.flickity-prev-next-button.next 	{top:55%;right: 20px;}


/* right to left */
.flickity-rtl .flickity-prev-next-button.previous	{left: auto;
							right: 10px;}

.flickity-rtl .flickity-prev-next-button.next		{right: auto;
							left: 10px;}

.flickity-prev-next-button .flickity-button-icon	{
							width: 60%;
							height: 60%;
							position: absolute;
							left: 20%;
							top: 20%;
							}

/* ---- page dots   インジケーター部分　---- */

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

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

.flickity-page-dots .dot	{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 5px;
				background: #e20090;
				border-radius: 50%;
				opacity: 0.25;
				cursor: pointer;
				}

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



/* 	 w798の左右矢印位置 	*/
@media screen and (min-width:1100px){
.flickity-prev-next-button.previous {top:55%;left:100px;}
.flickity-prev-next-button.next {top:55%;right:100px;}
}

/*    w400の左右矢印位置  	*/
@media screen and (max-width:450px){
.flickity-prev-next-button.previous {top:55%;left:13%;} 
.flickity-prev-next-button.next {top:55%;right:10%;}
}