@charset "UTF-8";
/* CSS Document */

/*==================================================
スライダーのためのcss
===================================*/
/*画像の横幅を100%にしてレスポンシブ化*/
img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
	margin: 0 auto;
}

/*メイン画像下に余白をつける*/

.gallery{
	margin:5px 0 0px 0;
}

.gallery li{
list-style:none;
}




/*選択するサムネイル画像の設定*/

.choice-btn li{
	margin: 0 auto;
	padding: 0px 2%;
	cursor: pointer;
	outline: none;
	width:20%!important;
}

.choice-btn li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}



/*メイン画像下に余白をつける*/

.gallery02{
	margin:5px 0 15px 0;
}

.gallery02 li{
list-style:none;
}



/*選択するサムネイル画像の設定*/

.choice-btn02 li{
	cursor: pointer;
	outline: none;
	background:#ffffff;
	width:50%!important;
	max-width: 300px;
	list-style:none;
}

.choice-btn02 li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn02 li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn02 .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}


/*メイン画像下に余白をつける*/

.gallery03{
	margin:5px 0 15px 0;
}

.gallery03 li{
list-style:none;
}



/*選択するサムネイル画像の設定*/

.choice-btn03 li{
	cursor: pointer;
	outline: none;
	background:#ffffff;
	width:50%!important;
	max-width: 300px;
	list-style:none;
}

.choice-btn03 li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn03 li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn03 .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}



/*選択するサムネイル画像の設定*/

.choice-btn04 li{
	cursor: pointer;
	outline: none;
	background:#ffffff;
	width:50%!important;
	max-width: 300px;
}

.choice-btn04 li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn04 li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn04 .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}


/*選択するサムネイル画像の設定*/

.choice-btn05 li{
	cursor: pointer;
	outline: none;
	background:#ffffff;
	width:50%!important;
	max-width: 300px;
	list-style:none;
}

.choice-btn05 li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn05 li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn05 .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}














/*選択するサムネイル画像の設定*/

.choice-btn06 li{
	cursor: pointer;
	outline: none;
	background:#ffffff;
	width:50%!important;
	max-width: 300px;
	list-style:none;
}

.choice-btn06 li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn06 li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn06 .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}