@charset "utf-8";
/* CSS Document */

.mainImg .swiper-img{
	position:relative;
	padding-top:60%;
	}

.mainImg .swiper-img img {
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
  height:100%;
	width:auto;
	max-width:none;
}
@media only screen and (min-width : 1025px){
	.mainImg .swiper-img{
		padding-top:50%;
		}
}
@media only screen and (min-width : 1200px){
	.mainImg .swiper-img{
		padding-top:40%;
		}
}
@media only screen and (min-width : 1400px){
	.mainImg .swiper-img{
		padding-top:0;
		}
	.mainImg .swiper-img img {
		position:relative;
		bottom: 0;
		right:0;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		height:auto;
		width:100%;
		}
}

/**/
.mainImg .swiper-txt{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	min-width:60%;
	max-width:none;
	padding:20px;
	text-align:center;
	background:rgba(103,183,238,.85);
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;

}
.mainImg .swiper-txt span{
	display:block;
  font-family: "Zen Maru Gothic", sans-serif;
	position: relative;
	white-space:nowrap;
	color: #fff;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.1),-1px 1px 3px rgba(0,0,0,0.1),1px -1px 3px rgba(0,0,0,0.1), -1px -1px 3px rgba(0,0,0,0.1);
	}
.mainImg .swiper-txt span span.fsL{
	display:inline-block;
	font-size:1.2em;
	}

@media only screen and (min-width : 600px){
	.mainImg .swiper-txt span{
		font-size:1.8em;
		line-height:1.3em;
		}
}
@media only screen and (min-width : 900px){
	.mainImg .swiper-txt{
		padding:30px;
		}
	.mainImg .swiper-txt span{
		font-size:2.2em;
		line-height:1.3em;
		}
}
@media only screen and (min-width : 1025px){
	.mainImg .swiper-txt{
		min-width:700px;
		padding:3em 40px 3.2em;
		}
	.mainImg .swiper-txt span{
		font-size:3em;
		line-height:1.3em;
		}

}



/***********************************************************/
/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px;
	}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:0;
	}


/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #fff;
	opacity: 0.5;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
  height: 8px;
  width: 8px;
}
/* 選択されているページネーション */
.swiper-pagination-bullet-active {
	opacity: 1;
}