@charset "UTF-8";


/* 
$post_color : 投稿カルーセルの文字背景色
$posts_back_color : 投稿カルーセルの背景色
$images_back_color：自由画像カルーセルの背景色
$carousel_text_size: 見出しの文字サイズ
$slidewidth：カルーセルの幅
$slidemaxwidth：カルーセルの最大幅
$slideupwidth：カルーセルの上部幅
$slidedownwidth：カルーセルの下部幅
 */



.post-carousel { display: none; background-color: ;}
.post-carousel .carousel-set {position:relative; width: 98%; overflow: hidden;}
.post-carousel .carousel-set .carousel-exp { position: absolute; top: calc(100% - 1.3em);  left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 400; -webkit-transition: .2s;	transition: .2s;}
.post-carousel .carousel-set:hover .carousel-exp{top: 0; left: 0; padding-top: 15px;  background-color: rgba(0,0,0,0.4); }
.post-carousel .carousel-set .carousel-exp .index{ margin: 0; padding: 0 15px; font-size: 11px; line-height: 1.3em; font-weight: bold; color: #FFF; text-align: center; display: block;  z-index: 500;}
.post-carousel .carousel-set .carousel-exp p {padding: 10px 15px; font-size: 10px; color: #FFF; line-height: 1.2em; font-weight: 300; text-align: justify; text-justify: inter-ideograph;}
.post-carousel .carousel-set a { color: #FFF; text-decoration: none;}
.post-carousel .carousel-set a:hover.link img,a:hover img.link{ transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}

.image-carousel { display: none; background-color: ;}
.image-carousel .carousel-set {position:relative; width: 98%; overflow: hidden;}
.image-carousel .carousel-set a { color: #FFF; text-decoration: none;}
.image-carousel .carousel-set a:hover.link img,a:hover img.link{ transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}


#slider-posts {width: 80%; max-width: 1100px; margin: 0 auto; padding: 20px  0 20px;}
#slider2-posts {width: 80%; max-width: 1100px; margin: 0 auto; padding: 20px  0 20px;}
#slider-images {width: 80%; max-width: 1100px; margin: 0 auto; padding: 20px 0;}

.slick-prev:before, .slick-next:before { color: ; opacity: 0.6;}
.slick-prev:before,.slick-next:before{ font-size: 25px;}
.slick-prev {left: -35px;}
.slick-next {right: -27px;}

@media screen and (max-width: 979px) {
  #slider-posts {width: 80%;}
  #slider2-posts {width: 80%;}
  #slider-images {width: 80%;}
}


@media screen and (max-width: 768px) {
  #slider-posts {width: 80%;}
  #slider2-posts {width: 80%;}
  #slider-images {width: 80%;}
}


@media screen and (max-width: 479px) {
  #slider-posts {width: 96%;}
  #slider2-posts {width: 96%;}
  #slider-images {width: 96%;}
}