@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
.slider {   /*横幅94%で左右に余白を持たせて中央寄せ*/
   width:1000px;
/*   background-color:#fff8dc; */
    margin:8 auto;
}

.slider img {
    width:180px;   /*スライダー内の画像を横幅100%に*/
    height:auto; 
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:5px 5px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;   /*絶対配置にする*/
    top: 140px;
    cursor: pointer;   /*マウスカーソルを指マークに*/
    outline: none;   /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;   /*矢印の色*/
    border-right: 2px solid #666;   /*矢印の色*/
    height: 15px;
    width: 15px;
}

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

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

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

.slick-dots {
    text-align:center;
/*	margin:20px 0 0 0; */
	margin:10px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px; 

}

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

.slick-dots .slick-active button{
    background:#f08080;   /*ドットボタンの現在地表示の色*/
}


/*========= レイアウトのためのCSS ===============*/

h2,p {
    text-align:center;
    padding:20px;
}

ul{
	margin:0;
/*	padding: 0; */
	padding: 0px 25px 0px 25px;
	list-style: none;
}



a:hover,
a:active{
	text-decoration: none;
}