@charset "utf-8";

/* slider レイアウト */
.swiper-container .txt_message{
	text-align: left;
	margin: 2em auto;
	font-size: 1.25rem !important;
}

.swiper-container {
  position: relative;
  padding: 20px 0;
}
.swiper-container .swiper-slide {
	text-align: center;
    line-height: 1;
    display: flex;
    align-items: flex-start; /*画像の高さを統一させない*/
    justify-content: center; /*左右の中央揃え*/
	height: 450px;
	background-color: #333;
	overflow: hidden;
}
.swiper-container .swiper-slide img {
	display: inline; /*念のため*/
	width: auto; /*念のため*/
	max-height: 100%;
	align-self: center; /*上下の中央揃え*/
  }

/* メイン画像 */

.swiper-wrapper img {
	padding: 0;
}
.swiper-slide .swiper-slide-content {
	opacity: 0;
	
}
.swiper-slide .swiper-slide-content-1 {
	opacity: 1;
}


/* PC 
@media all and (min-width: 769px) {
	.swiper-slide img {
		width: 560px;
		/float: left;
	}
	.swiper-slide .swiper-slide-content {
		width: 560px;
		float: left;
	}
}*/


/* サムネイル */

.swiper-container-horizontal > .swiper-my-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}
.swiper-my-pagination{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	text-align: left;
	padding: 0 10px;
	margin-top: 36px;
}
.swiper-my-pagination .swiper-pagination-bullet {
	border-radius: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	width: calc((100% - 21px) / 3);
	height: 130px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: transparent;
	opacity: 1;
	overflow: hidden;
}


.swiper-my-pagination .swiper-pagination-bullet-active {
	background: transparent;
	opacity: 0.6;
}

.swiper-my-pagination img {
	box-shadow: none;
	margin: 0;
	vertical-align: bottom;
	width: 100%;
}

@media screen and (min-width: 815px) {
	.swiper-my-pagination .swiper-pagination-bullet:nth-child(3n) {
	margin-right: 0;
}
}

@media screen and (max-width: 814px) {
	.swiper-my-pagination .swiper-pagination-bullet {
	width: calc((100% - 21px) / 2);
}
}


