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

.swiper.mainImg{}

.swiper.mainImg .swiper-img{
	position:relative;
	padding-top:60%;
	}
.swiper.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){
	.swiper.mainImg .swiper-img{
		padding-top:50%;
		}
}
@media only screen and (min-width : 1200px){
	.swiper.mainImg .swiper-img{
		padding-top:40%;
		}
}
@media only screen and (min-width : 1400px){
	.swiper.mainImg .swiper-img{
		padding-top:0;
		}
	.swiper.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%;
		}
}

/**************/



/**/
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Regular");
  font-weight: 500;
	}
.swiper.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;
}
.swiper.mainImg .swiper-txt > div::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width:0;
	z-index: -1;
	background: #225eac;
	background:        -webkit-gradient(linear, left top, right top, from(rgba(34,151,172,.85)), to(rgba(34,94,172,.85)));
	background:         linear-gradient(to right, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background:    -moz-linear-gradient(left, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background:      -o-linear-gradient(left, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background: -webkit-linear-gradient(left, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background:-ms-linear-gradient(left, rgba(234,151,172,.85), rgba(34,94,172,.85));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D92297ac,EndColorStr=#D958eac);
	}
.swiper.mainImg .swiper-txt span{
	display:block;
	position: relative;
	white-space:nowrap;
	color: #fff;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-shadow: 1px 1px 3px #333, -1px 1px 3px #333,1px -1px 3px #333, -1px -1px 3px #333;
	opacity:0;
	z-index:2;
	}
/*表示されからアニメ*/
.swiper.mainImg .swiper-slide-visible .swiper-txt > div::before{
	animation-name: sw-txtBg;
	animation-duration: 0.5s;
	animation-delay:1s;
	animation-fill-mode: forwards;/*最後の状態でSTOP*/
	}
.swiper.mainImg .swiper-slide-visible .swiper-txt span{
	animation-name: sw-txt;
	animation-duration: 0.5s;
	animation-delay:1.5s;
	animation-fill-mode: forwards;/*最後の状態でSTOP*/
	}
@keyframes sw-txt {
  0%  { opacity:0;}
  100%{ opacity:1;}
}
@keyframes sw-txtBg {
  0%   { width: 0;    margin: 0 0 0 0;}
  100% { width: 100%; margin: 0 0 0 0;}
}

@media only screen and (min-width : 600px){
	.swiper.mainImg .swiper-txt span{
		font-size:1.8em;
		line-height:1.3em;
		}
}
@media only screen and (min-width : 900px){
	.swiper.mainImg .swiper-txt{
		padding:30px;
		}
	.swiper.mainImg .swiper-txt span{
		font-size:2.2em;
		line-height:1.3em;
		}
}
@media only screen and (min-width : 1025px){
		.swiper.mainImg .swiper-txt{
			min-width:700px;
		}
}
@media all and (-ms-high-contrast:none){
	.swiper.mainImg .swiper-txt span{
		/* アンチエイリアスを有効にさせたい要素に指定 */
		-webkit-transform: rotate(.028deg);
		-ms-transform: rotate(.028deg);
		transform: rotate(.028deg);	
	}
}



/***********************************************************/
/* ページネーションの余白 */
.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;
}