@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 .h-back{ position: absolute; top: 75%; left: 0; width: 100%; height: 25%; background-color: ; filter: alpha(opacity=50); -moz-opacity:0.50; -ms-filter: "alpha( opacity=50 )"; opacity:0.50; z-index: 300;}
.post-carousel .carousel-set .index { position: absolute; top: 80%; left: 0; padding: 0 10px; font-size: 11px; line-height: 1.2em; font-weight: bold; color: #FFF; text-align: justify; text-justify: inter-ideograph; z-index: 400;}
.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%;}
  .post-carousel .carousel-set .h-back{top: 70%; height: 30%;}
  .post-carousel .carousel-set .index { top: 75%;}

}


@media screen and (max-width: 768px) {
  #slider-posts {width: 80%;}
  #slider2-posts {width: 80%;}
  #slider-images {width: 80%;}
  .post-carousel .carousel-set .h-back, .post-carousel .carousel-set .index { display: none;}
}


@media screen and (max-width: 479px) {
  #slider-posts {width: 96%;}
  #slider2-posts {width: 96%;}
  #slider-images {width: 96%;}
  .post-carousel .carousel-set .h-back, .post-carousel .carousel-set .index { display: none;}
}