@charset "utf-8";
/*==================================================
スライダーのためのcss
===================================*/
.slider {
    width: 800px;
    margin: 20px auto;
}

.slider img {
    width: 20vw;
    /* スライダー内の画像を40vwにしてレスポンシブ化 */
    height: auto;
}

.slider .slick-slide {
    transform: scale(0.8);
    /* 左右の画像のサイズを60%に */
    transition: all 0.5s;
    /* 拡大や透過のアニメーションを0.5秒で行う */
    opacity: 0.5;
    /* 透過50% */
}

.slider .slick-slide.slick-center {
    transform: scale(1);
    /* 中央の画像のサイズだけ等倍に */
    opacity: 1;
    /* 透過なし */
}

@media screen and (max-width: 520px) {
  .slider {
    width: 100%;
    margin: 20px 0;
  }
  .slider img {
    width: 100vw;
    height: auto;
  }
.slider .slick-slide {
    transform: scale(0.8);
    /* 左右の画像のサイズを60%に */
    transition: all 0.5s;
    /* 拡大や透過のアニメーションを0.5秒で行う */
    opacity: 0.5;
    /* 透過50% */
}
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
display:none;
}

.slick-prev {
    /*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {
    /*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    display : none!important;
}
.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #ccc;
    /*ドットボタンの色*/
}

.slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
}
	.media-news-link{
		width : 160px;
		border-radius : 15px;
		margin : 10px auto;
		background : #333;
		color : #fff;
		text-align : center;
		font-size : 13px;
		padding : 2px 0px;
	}