.cb-slideshow,
.cb-slideshow:after {
/*
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -999;
*/
	position: relative;
	overflow:hidden;
	width: 100%;
	height: 650px;
	background: #fff;
	border-top: solid 1px #ededed;
	border-bottom: solid 1px #ededed;

}
.cb-slideshow:after {
	z-index:10;
	content: '';
}

/* 背景 */
.cb-slideshow li .backimg {
	z-index:10;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 75s linear infinite 0s;
	-moz-animation: imageAnimation 75s linear infinite 0s;
	-o-animation: imageAnimation 75s linear infinite 0s;
	-ms-animation: imageAnimation 75s linear infinite 0s;
	animation: imageAnimation 75s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) .backimg {
	background-image: url(../content/slide/Slide-01.png) 
}
.cb-slideshow li:nth-child(2) .backimg {
	background-image: url(../content/slide/Slide-02.png);
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
.cb-slideshow li:nth-child(3) .backimg {
	background-image: url(../content/slide/Slide-03.png);
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
.cb-slideshow li:nth-child(4) .backimg {
	background-image: url(../content/slide/Slide-04.png);
	-webkit-animation-delay: 45s;
	-moz-animation-delay: 45s;
	-o-animation-delay: 45s;
	-ms-animation-delay: 45s;
	animation-delay: 45s;
}
.cb-slideshow li:nth-child(5) .backimg {
	background-image: url(../content/slide/Slide-05.png);
	-webkit-animation-delay: 60s;
	-moz-animation-delay: 60s;
	-o-animation-delay: 60s;
	-ms-animation-delay: 60s;
	animation-delay: 60s;
}

/* キャッチコピー */
.cb-slideshow li .txt {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 650px;
	text-align: center;
	opacity: 0;
	color: #fff;
	text-shadow: 0 1px 3px #888;
	-webkit-animation: titleAnimation 75s linear infinite 0s;
	-moz-animation: titleAnimation 75s linear infinite 0s;
	-o-animation: titleAnimation 75s linear infinite 0s;
	-ms-animation: titleAnimation 75s linear infinite 0s;
	animation: titleAnimation 75s linear infinite 0s;
}
/* キャッチコピー：文字サイズ通常 */
.cb-slideshow li .txt h3 {
	position: absolute;
	margin: 0;
	width: 85%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	
	font-family: 'Noto Sans Japanese','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 270%;
	font-weight: 400;
	line-height: 100%;
}
/* キャッチコピー：文字サイズ小 */
.cb-slideshow li .txt h3 .fontS{
	display:block;
	width: 85%;
	font-size: 65%;
	margin:0 auto 20px;
	background-image: none;
}
.cb-slideshow li .txt h3 .fontM{
	font-size: 78%;
	line-height: 200%;
	background-image: none;
}
.cb-slideshow li .txt h3 .fontL{
	font-size: 140%;
	line-height: 120%;
	background-image: none;
}
.cb-slideshow li .txt h3 br{
	content: " ";
	display: block;
	margin: 0;
	line-height: 100%;
}

.cb-slideshow li:nth-child(2) .txt {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
.cb-slideshow li:nth-child(3) .txt {
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
.cb-slideshow li:nth-child(4) .txt {
	-webkit-animation-delay: 45s;
	-moz-animation-delay: 45s;
	-o-animation-delay: 45s;
	-ms-animation-delay: 45s;
	animation-delay: 45s;
}
.cb-slideshow li:nth-child(5) .txt {
	-webkit-animation-delay: 60s;
	-moz-animation-delay: 60s;
	-o-animation-delay: 60s;
	-ms-animation-delay: 60s;
	animation-delay: 60s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
	0% {opacity: 0;
	-webkit-animation-timing-function: ease-in;}
	10% {opacity: 1;
		 -webkit-animation-timing-function: ease-out;}
	20% {opacity: 1 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@-moz-keyframes imageAnimation {
	0% {opacity: 0;
	-moz-animation-timing-function: ease-in;}
	10% {opacity: 1;
		 -moz-animation-timing-function: ease-out;}
	20% {opacity: 1 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@-o-keyframes imageAnimation {
	0% {opacity: 0;
	-o-animation-timing-function: ease-in;}
	10% {opacity: 1;
		 -o-animation-timing-function: ease-out;}
	20% {opacity: 1 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@-ms-keyframes imageAnimation {
	0% {opacity: 0;
	-ms-animation-timing-function: ease-in;}
	10% {opacity: 1;
		 -ms-animation-timing-function: ease-out;}
	20% {opacity: 1 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@keyframes imageAnimation {
	0% {opacity: 0;
	animation-timing-function: ease-in;}
	10% {opacity: 1;
		 animation-timing-function: ease-out;}
	20% {opacity: 1 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
	0% {opacity: 0 }
	10% {opacity: 1 }
	20% {opacity: 1 }
	25% {opacity: 0 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@-moz-keyframes titleAnimation {
	0% {opacity: 0 }
	10% {opacity: 1 }
	20% {opacity: 1 }
	25% {opacity: 0 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@-o-keyframes titleAnimation {
	0% {opacity: 0 }
	10% {opacity: 1 }
	20% {opacity: 1 }
	25% {opacity: 0 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@-ms-keyframes titleAnimation {
	0% {opacity: 0 }
	10% {opacity: 1 }
	20% {opacity: 1 }
	25% {opacity: 0 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
@keyframes titleAnimation {
	0% {opacity: 0 }
	10% {opacity: 1 }
	20% {opacity: 1 }
	25% {opacity: 0 }
	30% {opacity: 0 }
	100% {opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li .backimg{
	opacity: 1;
}

/* =============== Responsive =============== */

@media (min-width: 1000px) and (max-width: 1180px){
	.cb-slideshow{
		height: 600px !important;
		background-position: 60% 50% !important;
	}
	.cb-slideshow li .txt {
		height: 600px !important;
	}
}
@media (min-width: 860px)  and (max-width: 999px){
	.cb-slideshow{
		height: 550px !important;
		background-position: 60% 50% !important;
	}
	.cb-slideshow li .txt {
		height: 550px !important;
	}
}
@media (min-width: 768px) and (max-width: 859px){
	.cb-slideshow{
		height: 450px !important;
		background-position: 60% 50% !important;
	}
	.cb-slideshow li .txt {
		height: 450px !important;
	}
}
@media (min-width: 620px) and (max-width: 767px){
	.cb-slideshow{
		height: 350px !important;
		background-position: 60% 50% !important;
	}
	.cb-slideshow li .txt {
		height: 350px !important;
	}
}
@media (min-width: 500px) and (max-width: 619px){
	.cb-slideshow{
		height: 280px !important;
		background-position: 63% 50% !important;
	}
	.cb-slideshow li .txt {
		height: 280px !important;
	}
}
@media (max-width: 499px){
	.cb-slideshow{
		height: 240px !important;
		background-position: 63% 50% !important;
	}
	.cb-slideshow li .txt {
		height: 240px !important;
	}
}
@media screen and (max-width: 1140px) {
	.cb-slideshow li .txt h3 {font-size: 280%;line-height: 120%; }
	.cb-slideshow li .txt h3 .fontS{font-size: 50%;line-height:150%;}
}
@media screen and (max-width: 950px) {
	.cb-slideshow li .txt h3 {font-size: 200%;line-height: 120%;}
	.cb-slideshow li .txt h3 .fontS{font-size: 55%;line-height:150%;}
}
@media screen and (max-width: 600px) {
	.cb-slideshow li .txt h3 {font-size: 130%;line-height: 120%;}
	.cb-slideshow li .txt h3 .fontS{font-size: 55%;line-height:150%;}
}