@charset "UTF-8";

/*===========================================================
   メインイメージのスライドCSS
  ===========================================================*/
/*──────────────────────────
メインイメージのスライド
──────────────────────────*/
.slick-slider {
	position: relative;
	display: block;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
	
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	/*touch-action: pan-y;*/
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: "";
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: auto;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	/*pointer-events: none;*/
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/*　画像読込み中　*/
.slick-loading .slick-list {
	background: url(/contents/100000150.gif) center center no-repeat;
}


/*──────────────────────────
左右の矢印
──────────────────────────*/
.slick-prev ,
.slick-next {
	z-index: 2;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	display: block;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.slick-prev {
	margin: 0 0 0 11.5%;
	background: url(/contents/100000085.png) 50% 50% no-repeat;
	background-size: 30px auto;
}
.slick-next {
	margin: 0 11.5% 0 0;
	background: url(/contents/100000086.png) 50% 50% no-repeat;
	background-size: 30px auto;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before,
.slick-next:before {
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir="rtl"] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-next {
	right: -25px;
}
[dir="rtl"] .slick-next {
	right: auto;
	left: -25px;
}


/*──────────────────────────
再生・停止ボタン
──────────────────────────*/
.slider-box {
	position: relative;
}
.sliderBtn {
	position: absolute;
	z-index: 2;
	left: 50%;
	width: 100px;
	-webkit-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, -0);
	transform: translate(-100px, 0);
}
@media screen and (min-width: 641px) {
	.sliderBtn {
		bottom: 0px;
	}
}
@media screen and (max-width: 640px) {
	.sliderBtn {
		bottom: -120px;
	    margin: 0 0 40px 0;
	    -webkit-transform: translate(-50px, 0);
	    -ms-transform: translate(-50px, 0);
	    transform: translate(-50px, 0);
		display: none;
	}
}
.sliderBtn .startBtn , 
.sliderBtn .stopBtn {
	width: 100px;
	height: 0;
	padding: 36px 0 0 0;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
}

/*　群馬県サイトの再生・停止ボタン　*/
/*　ぐんまちゃんモードの再生・停止ボタンは「[[[pgid=100000013]]]」に記述　*/
.btn01 .sliderBtn .startBtn {
	background: url(/contents/100000072.png) center center no-repeat;
	background-size: 80px auto;
}
.btn01 .sliderBtn .stopBtn {
	background: url(/contents/100000075.png) center center no-repeat;
	background-size: 80px auto;
}

/*　県議会サイトの再生・停止ボタン　*/
.btn02 .sliderBtn .startBtn {
	background: url(/contents/100000071.png) center center no-repeat;
	background-size: 80px auto;
}
.btn02 .sliderBtn .stopBtn {
	background: url(/contents/100000074.png) center center no-repeat;
	background-size: 80px auto;
}
.sliderBtn .startBtn:hover , 
.sliderBtn .stopBtn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}


/*──────────────────────────
スライド下のドット
──────────────────────────*/
.slick-dots {
	z-index: 1;
	position: absolute;
	list-style: none;
	display: inline-block;
}
@media screen and (min-width: 641px) {
	.slick-dots {
		left: 50%;
		bottom: 16px;
		text-align: left;
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		margin: 0 5px;
		cursor: pointer;
	}
}
/* トップページのPC版スライドのみ調整 */ 
@media screen and (min-width: 981px) {
	.slider-box > .slider.type01 > .slick-dots {
		left: 30%;
	}
}
@media screen and (max-width: 640px) {
	.slick-dots {
		left: 50%;
		bottom: -33px;
		text-align: left;
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    transform: translate(-50%, 0);
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		margin: 0 5px;
		cursor: pointer;
		display: none;
	}
}
.slick-dots li button {
	line-height: 1;
	display: block;
	width: 1em;
	height: 1em;
	cursor: pointer;
	border: 0;
	background: transparent;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	position: absolute;
	left: 0;
	content: "●";
	font-size: small;
	line-height: 0em;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
}

/*　群馬県サイトのドット色　*/
/*　ぐんまちゃんモードのドット色は「[[[pgid=100000013]]]」に記述　*/
.type01 .slick-dots li button:before {
	color: #87b
}
.type01 .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #449;
}

/*　県議会サイトのドット色　*/
.type02 .slick-dots li button:before {
	color: #49b;
}
.type02 .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #069;
}