@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/

/*画像の横幅を100%にしてレスポンシブ化*/
.tenjijo__slide__body img{
  width: 100%;
  height: auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*メイン画像下に余白をつける*/
.gallery{
  margin:0 0 5px 0;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  	z-index: 3;
    top: 38%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
	width: 18px;
  	height: 34px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
}

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

.choice-btn li{
  cursor: pointer;
  outline: none;
  background:#333;
}

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

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

/*========= レイアウトのためのCSS ===============*/
/*エリア全体を中央寄せ*/
.tenjijo__slide__body{
	max-width:590px;
  	width:100%;
  	margin:0 auto;
}
.gallery .slick-arrow {
	/*display:none!important;*/
}
.choice-btn {
  	margin-top: 23px!important;
  	margin-bottom: 25px!important;
}
.choice-btn .slick-list{
  	width:calc(100% - 0px);
  	margin:0 auto;
}
.choice-btn .slick-arrow{
	width:16px;
	height:84px;
	transform: rotate(0);
	border:0
}
.choice-btn .slick-next {
    background:url("../image/next.png?v=1") right center no-repeat;
  	right: 0;
	top:0;
}
.choice-btn .slick-prev {
    background:url("../image/prev.png?v=1") left center no-repeat;
  	left: 0;
	top:0;
}
.slick-next {
	background: url("../img/next.png") no-repeat 0 0px;
  	right: -6%;
}
.slick-prev {
	background: url("../img/prev.png") no-repeat 0 0px;
  	left: -6%;
}

@media screen and (max-width: 736px) {
#SP------------------------{}
	
	.slick-slider {
		margin-bottom: 2VW;
	}
	.thumbnail .slick-track .thumbnail-img {
		width:18.3%!important;
		margin-right: 2%!important;
	}
	.thumbnail .slick-track .thumbnail-img:last-child {
		margin-right: 0px!important;
	}
}
@media screen and (min-width: 737px) {
#PC------------------------{}
    .slick-next {
        /*right: -1%;*/
    }
    .slick-prev {
        /*left: 0%;*/
    }
	.slick-prev, .slick-next {
  		top: 113%;
	}
	
	.slick-slider {
		margin-bottom: 18px;
	}
	.thumbnail .slick-track .thumbnail-img {
		width:106px!important;
		margin-right: 17.5px!important;
	}
	.thumbnail .slick-track .thumbnail-img:last-child {
		margin-right: 0px!important;
	}
}

.tenjijo__slide__body ul{
  margin:0;
  padding: 0;
  list-style: none;
}

.tenjijo__slide__body a{
  color: #333;
}

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

@media screen and (max-width: 736px) {
#SMP------------------------{}
    .choice-btn .slick-arrow {
      height: 12.2VW;
    }
}


.thumbnail .slick-track {
  transform: unset !important;
}
.thumbnail-img {
  opacity: 0.3;
  transition: opacity .3s linear;
}
.thumbnail .slick-current {
  opacity: 1;
}