/*コンテンツページのスライド用*/
.slidewrap{
	/*margin: 0 calc(50% - 50vw);*/
    margin: 0;/*追加、上削除*/

/*	max-width: 100vw;*/
    position: absolute;
    left:0;
    top:0;
        width: 100%;
    height: 60vh;

/*    height: calc(100vh - 70px);/*ヘッドとナビの高さを引く*/
    overflow: hidden;
}

.swiper-container{
}

.slidewrap_contents{
    margin: 0;/*追加、上削除*/

/*	max-width: 100vw;*/
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: calc(60vh);
    overflow: hidden;
    /*font-family: "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;       
    /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    background-color: #fff;
}
.swiper-container{
}

@keyframes zoom {
    0% {
    opacity: 0;
    transform: scale(1.15);
    }
    5% {
    opacity: 1;
    }
    100% {
    opacity: 1;
    transform: scale(1);
    }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom 10s linear 0s 1 normal both;  
}

.slide-img img{
	object-fit: cover;
    object-position:50% 50%;
    width: 100%;/*追加*/
    height:60vh;
/*	height: calc(100vh - 70px);/*#headerのmin-height:70pxを引く*/
}

    
@keyframes slidefadeUp{
    
  0% {
    opacity: 0;
	transform: translate(-50%,-50%);
  }   
  50% {
    opacity: 0.7;
  }
    
  100% {
    opacity: 1;

      transform: translate(-50%,-60%);
  }
}
.swiper-slide-active .slide-text1,
.swiper-slide-duplicate-active .slide-text1,
.swiper-slide-prev .slide-text1{
    animation:slidefadeUp 0.7s linear 0.3s 1 normal both;
}
.swiper-slide-active .slide-text2,
.swiper-slide-duplicate-active .slide-text2,
.swiper-slide-prev .slide-text2{
    animation:slidefadeUp 0.7s linear 0.3s 1 normal both;
}
.swiper-slide-active .slide-text3,
.swiper-slide-duplicate-active .slide-text3,
.swiper-slide-prev .slide-text3{
    animation:slidefadeUp 0.7s linear 0.3s 1 normal both;
}
.swiper-slide-active .slide-text4,
.swiper-slide-duplicate-active .slide-text4,
.swiper-slide-prev .slide-text4{
    animation:slidefadeUp 0.7s linear 0.3s 1 normal both;
}
.slide-text1{
	position: absolute;
    height: 250px;
	botom: calc(60vh);
	left: 50%;
    padding: 53px 50px 50px 50px;
	font-size: 200%;/*変更*/
	font-family: serif;
    text-align: center;
	font-weight: bold;
	text-shadow: 2px 2px 6px #000, 3px 3px 8px #000;
	color: #fff;
    line-height: 1.5em;
	transform: translate(-50%,-50%);
    /*border: 5px rgba(0,0,0,0.5) solid;*/
    background:rgba(0,0,0,0.7);
}
.slide-text1 span.space {
        padding-left:1em;
}

.slide-text2{
	position: absolute;
    height: 300px;
	top: calc(60vh - 300px);
	left: 50%;
    padding: 50px;
	font-size: 200%;/*変更*/
	font-family: serif;
    text-align: center;
	font-weight: bold;
	text-shadow: 2px 2px 6px #000, 3px 3px 8px #000;
	color: #fff;
    line-height: 1.5em;
	transform: translate(-50%,-50%);
    /*border: 5px rgba(0,0,0,0.5) solid;*/
    background:rgba(0,0,0,0.7);
}
.slide-text2 span.space {
        padding-left:1em;
}



/*******************************************************
タブレット・スマートフォン
*******************************************************/

@media only screen and (max-width:1024px){/*767*/

	
.slidewrap_contents{
    margin: 0;/*追加、上削除*/

/*	max-width: 100vw;*/
    position: absolute;
    left:0;
    top:70px;
    width: 100%;
    height: 250px;
    /*height: calc(65vh);/*ヘッド（ナビ）の高さを引く*/
    overflow: hidden;
    font-family: "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;       
    /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    background-color: #fff;
}	
	
	
.slidewrap{
    margin: 0;/*追加、上削除*/
    /*position: relative;*/
    position: absolute;
/*    left:0;*/
    top:70px;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.iphone .slidewrap{
    margin: 0;/*追加、上削除*/
    /*position: relative;*/
    position: absolute;
/*    left:0;*/
    top:70px;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.slide-img img{
	object-fit: cover;
    width: 100%;/*追加*/
	height: 250px;
}    

.slide-text1 span.space {
        padding-left:1em;
}    

.slide-text1{
	position: absolute;
	
    height: 150px;
	botom: calc(250px);
	left: 50%;
	/*width: 60%;*/
	/*
	min-width: 30%;
    height: 100px;
	top: 220px;
	left: 50%;
	*/
    padding: 20px 20px 0 20px;
	font-size: 180%;
	font-family: serif;
    text-align: center;
	font-weight: bold;
	/*text-shadow: 2px 2px 6px #000, 3px 3px 8px #000;*/
	color: #fff;
    line-height: 1.5em;
	transform: translate(-50%,-50%);
    /*border: 5px rgba(0,0,0,0.5) solid;*/
    background:rgba(0,0,0,0.7);
}	
	
    
}

/*******************************************************
スマートフォン
*******************************************************/

@media only screen and (max-width:767px){
	
.slidewrap_contents{
    margin: 0;/*追加、上削除*/

/*	max-width: 100vw;*/
    position: absolute;
    left:0;
    top:70px;
    width: 100%;
    height: 180px;
    /*height: calc(65vh);/*ヘッド（ナビ）の高さを引く*/
    overflow: hidden;
    font-family: "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;       
    /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    background-color: #fff;
}	
	
	
.slidewrap{
    margin: 0;/*追加、上削除*/
    /*position: relative;*/
    position: absolute;
/*    left:0;*/
    top:70px;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.iphone .slidewrap{
    margin: 0;/*追加、上削除*/
    /*position: relative;*/
    position: absolute;
/*    left:0;*/
    top:70px;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.slide-img img{
	object-fit: cover;
    width: 100%;/*追加*/
	height: 200px;
}    

.slide-text1 span.space {
        padding-left:1em;
}    

.slide-text1{
	position: absolute;
	
    height: 150px;
	botom: calc(180px);
	left: 50%;
	width: 60%;
	/*
	min-width: 30%;
    height: 100px;
	top: 220px;
	left: 50%;
	*/
    padding: 20px 10px 0 10px;
	font-size: 140%;
	font-family: serif;
    text-align: center;
	font-weight: bold;
	text-shadow: 2px 2px 6px #000, 3px 3px 8px #000;
	color: #fff;
    line-height: 1.5em;
	transform: translate(-50%,-50%);
    /*border: 5px rgba(0,0,0,0.5) solid;*/
    background:rgba(0,0,0,0.7);
}	
}