@charset "UTF-8";

/* PC用cssここから *********************************************/

@media screen and (min-width: 641px),print {

#slider-pc {display:block;}
#slider-sp {display:none;}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 30px;
    z-index: 99;
}
.slick-prev {
    left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}

/* 追加分 */

#slider-pc {
	margin: 0 auto;
    width: 960px;
    position: relative;
    top: -8px;
}

.thumb-item {
	margin-bottom:5px;
}

.thumb-item,
.thumb-item-nav {
  display:none;
}

.thumb-item.slick-initialized,
.thumb-item-nav.slick-initialized {
  display: block;
}

.thumb-item-nav {
    width:870px;
    margin:10px 0 0 48px;
}

.thumb-item .slick-list{
   width:960px !important;
   height:220px;
}

.prev-arrow {
    position: absolute;
    top: 0px;
    left: -48px;
}

.slick-prev:before {
	content:'';
}

.next-arrow {
    position: absolute;
    top: 0;
    right: -42px;
}

.slick-next:before {
	content:'';
}

#tglBtn {
   background: #68B449;
   border: 2px solid #fff;
   border-radius: 3px;
   color: #fafafa;
   padding: 0;
   position: absolute;
   top: 189px;
   left: 928px;
   width:30px;
   height:25px;
}

#tglBtn:hover {
   cursor: pointer;
}

#tglBtn span {
	color:#fff;
	font-size:14px;
	font-weight: bold;
}

/* 表示中のサムネイル枠 */
#pointer {
    position: absolute;
    top: 245px;
    left: 97px;
    z-index: 200;
    cursor: pointer;
    height: 40px !important;
    width: 210px !important;
    border: #68B449 3px solid;
}

#pointer img {
    position: absolute;
    z-index: 0;
    top: -22px;
    left: 90px;
}

#page-top #content {
	padding-top:10px;
	margin-top: -17px;
}

@media print {
#page-top #content{background:none;}
}

}/* PC用cssここまで ********************************************/


/* SP用cssここから *********************************************/
@media screen and (max-width: 640px) {

#slider-pc {display:none;}
#slider-sp {display:block;}

#slider-sp .thumb-item-sp {
	padding-left: 0;
}

/*スライド画像の横幅可変*/
img {
    width: 100%;
    height: auto;
}

.slick-dots li button:before {
	font-size:45px;
	width: 10px;
    height: 10px;
}

.slick-dots li.slick-active button:before {
	color:#449053;
	opacity:1;
}

}/* SP用cssここまで ********************************************/