@charset "UTF-8";
/* CSS Document */
.SlideAR{
	position:relative;
}

/*スライド*/
.slide {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
}
 
@keyframes slideshow{
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
 
.slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 24s linear infinite;
}
 
.slide img:nth-child(2){
  animation-delay: 8s;
}
 .slide img:nth-child(3){
  animation-delay:8s;
}
.slide img:last-child{
  animation-delay: 16s;
}
#spslide{
	display:none;
}

#TopImgCatch{
	position:absolute;
	width:600px;
	top:250px;
	right:10%;
}
#TopImgCatch img{
	position:relative!important;
	opacity: 100;
	margin-bottom:0px;
	animation:none;
	transform: translate(-50%, 0%);
}
#TopImgCatch p{
	width:85%;
	margin:auto;
	color:#483B2A;
	font-size:20px;
	line-height:1.6em;
	padding-bottom:30px;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-shadow:
    #FFF 2px 0px,  #FFF -2px 0px,
    #FFF 0px -2px, #FFF 0px 2px,
    #FFF 2px 2px , #FFF -2px 2px,
    #FFF 2px -2px, #FFF -2px -2px,
    #FFF 1px 2px,  #FFF -1px 2px,
    #FFF 1px -2px, #FFF -1px -2px,
    #FFF 2px 1px,  #FFF -2px 1px,
    #FFF 2px -1px, #FFF -2px -1px;
}
#TopImgCatch div{
	width:250px;
	line-height:55px;
	background-color:#DE8A39;
	text-align:center;
	color:#FFF;
	font-size:18px;
	margin:auto;
	border-radius:8px;
}
#TopImgCatch div a{
	display:block;
	background-color:#DE8A39;
	border-radius:8px;
	color:#FFF;
}
#TopImgCatch div a:hover{
	background-color:#F5AB64;
}
.slide #SP-TopImgCatch{
	display:none;
}