@charset "utf-8";

/* スマホでは画像の上下をトリミングして高さを小さく */
.trim {
  width: 100%;  /* トリミングしたい幅 */
  height: 250px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

/*Swiper スライダー自体のcss */
		.mb15{
			margin-bottom: 15px;
		}	
		.swiper-container{
			text-align: center;
		}
		.swiper-container .swiper-slide img{
			max-width: 100%;
			width: 100%;
			height: auto;
		}
		.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
		}
		#thumbs {
	        height: 55px;
	        box-sizing: border-box;
	        padding: 10px 0;
	    }
	    #thumbs .swiper-slide {
	        width: 20%;
	        height: 100%;
	        opacity: 0.2;
	        cursor: pointer;
	    }
	    #thumbs .swiper-slide-active {
	        opacity: 1;
	    }