@charset "utf-8";

#slide1 {
    position  : relative;
    height    : 600px;      
    background-image:url(img/toppho01_bg.jpg);
    background-repeat:no-repeat;
    background-position: 50% 50%;     
}

#slide1s {
	position: relative;
	width: 100%;
	height: auto;
}

/*CSSスライドショー設定
---------------------------------------------------------------------------*/
/*１枚目*/
/*@keyframes slide1 {
	0% {opacity: 1;}
	30% {opacity: 1;}
	50% {opacity: 1;}
	80% {opacity: 1;}
	100% {opacity: 1;}
}*/
/*２枚目*/
/*@keyframes slide2 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	50% {opacity: 1;}	
	80% {opacity: 1;}
	100% {opacity: 0;}
}*/

/*２枚画像の共通設定*/
/*#slide1s,#slide2s {
	-webkit-animation-duration: 8s;	
	animation-duration: 8s;			
	-webkit-animation-iteration-count:infinite;	
	animation-iteration-count:infinite;			
	vertical-align: bottom;
}*/

/*１枚目*/
/*#slide1s {
	-webkit-animation-name: slide1;		
	animation-name: slide1;				
	position: relative;
	width: 100%;
	height: auto;
}*/

/*２枚目*/
/*#slide2s {
	-webkit-animation-name: slide2;		
	animation-name: slide2;				
	position: absolute;
	left:0px;
	top:60px;
	width: 100%;
	height: auto;
}*/

/*２枚画像の共通設定*/
/*#slide1,#slide2 {
	-webkit-animation-duration: 8s;	
	animation-duration: 8s;			
	-webkit-animation-iteration-count:infinite;	
	animation-iteration-count:infinite;		
}*/

/*１枚目*/

/*	
#slide1 {
	-webkit-animation-name: slide1;		
	animation-name: slide1;				
    position  : relative;
    height    : 600px;      
    background-image:url(img/toppho01.jpg);
    background-repeat:no-repeat;
    background-position: 50% 50%;      	
}*/ 

/*２枚目*/
/*
#slide2 {
	-webkit-animation-name: slide2;		
	animation-name: slide2;				
    position  : relative;
    top    : -600px; 
    height    : 600px;     
    background-image:url(img/toppho02.jpg);
    background-repeat:no-repeat;
    background-position: 50% 50%;    
}*/