@charset "utf-8";


/*スライダーのスタイル -------------------------------------------------------------------*/
.slider {
    width: 80%;
    margin: 50px auto;
}

.slider img {
    width: 90%;
    border-radius: 10px;
    margin: 0 5%;
}




/*スライドショーslick
---------------------------------------------------------------------------*/
.mainimg {
	position: relative;
}

/*丸いページナビボタン全体を囲むエリア*/
ul.slick-dots {
	margin:0;padding: 0;
	line-height: 1;
	width: 100%;
	text-align: center;
	position: absolute;
	/*bottom: 10px;	下からの配置場所指定*/
}

/*丸いページナビボタン１個あたりの設定*/
ul.slick-dots li {
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
}

/*buttonタグ*/
ul.slick-dots li button {
	border: none;padding: 0;
	display: block;
	text-indent: -9999px;	/*デフォルトで文字が出るので画面の外に追い出す指定*/
	width: 12px;			/*ボタンの幅*/
	height: 12px;			/*ボタンの高さ*/
	border-radius: 50%;		/*丸くする指定*/
	cursor: pointer;		/*クリックで画像へジャンプするので、わかりやすいようhover時にpointerになるように。*/
	background: #dac4bd;		/*背景色。白。*/	
}

/*buttonのアクティブ時（現在表示されている画像を示すボタン）*/
ul.slick-dots li.slick-active button {
	background: #ad664e;	/*色*/
}


.slick-prev::before,
.slick-next::before{
  color:#dac4bd;
}


/*-------------------------------------------------------------------------*/
/*画面幅480px以下*/
/*-------------------------------------------------------------------------*/
@media screen and (max-width:480px) {	
    /*丸いページナビボタン１個あたりの設定*/
    ul.slick-dots li {
        margin: 0px;
    }
	
	/*buttonタグ*/
    ul.slick-dots li button {
        width: 6px;			/*ボタンの幅*/
        height: 6px;			/*ボタンの高さ*/	
	}
}