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

#path .btn01{
	margin-left:650px;}
	
#path{
	margin-top:5px;}
	
#contents{
	background-image:url(img/sakura2.gif);
	background-repeat:no-repeat;
	background-position:top right;}


#text{
	width:450px;
	float:left;
	margin:80px 30px;
	}
	
#text p{
	margin-top:55px;
	color:#666;}
	
#right a{
	color:#666;
	font-size:90%;}
	
#text a{
	color:#060;
	font-size:90%;}
	
#text a:hover,#right a:hover{
	color:#900;}
	
h2{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#333333;
	font-size:190%;
	font-weight:bold;
	border-bottom:dotted 1px #999999;
	border-left:solid 5px #060;
	padding-left:20px;}
	
#right{
	width:320px;
	float:right;
	font-size:90%;
	color:#666;
	margin-top:130px;
	margin-right:30px;
	background-color:#fff;}
	
#right dl{
	border:solid #900 2px;
	padding:10px 20px;
	margin-bottom:20px;
	height:250px;
	overflow:auto;}
	
#right dt{
	font-size:109%;
	font-weight:bold;
	margin-bottom:10px;}
	
#right dd{
	padding-top:10px;
	font-size:90%;}
	
#right span{
	color:#F00;
	font-size:65%;
	font-weight:bold;
	background-color:#FF3;}
	
#right table{
	width:320px;
	border:solid #900 2px;
	color:#666;
	padding:10px 0;}
	
th{
	text-align:left;
	padding-bottom:10px;
	padding-left:20px;}
	
td{
	line-height:1.3;
	padding-left:10px;}
	
#photo{
	margin:50px 0 30px 30px;}
	
	
	
#news2020{
	border:#99C solid 2px;
	padding:20px 30px;}
	
#news2020 p{
	font-size:16px;
	line-height:2;
	padding-top:10px;}






	.img-box{
		width: 100%;
		height: 46vw;
		overflow: hidden;
		position: relative;
	  }
	  .img-box>div{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 46vw;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 10;
		opacity: 0;
		animation-name: fade;
		animation-duration: 52s;
		animation-iteration-count: infinite;
	  }
	  @keyframes fade {
		0%{
		  opacity: 0;
		}
		10%{
		  opacity: 1;
		}
		90%{
		  opacity: 0;
		  transform: scale(1.2.3.4.5.6.7.8.9.10.11.12);
		}
		100%{
		  opacity: 0;
		  z-index: 0;
		}
	  }

	  /* 1枚目のスライド */
	  .img-box>div:first-of-type{
		background-image: url(./slide_img/slide_01.jpg);
	  }
	  
	  /* 2枚目のスライド */
	  .img-box>div:nth-of-type(2){
		background-image: url(./slide_img/slide_022.jpg);
		animation-delay: 4s;
	  }
	  
	  /* 3枚目のスライド */
	  .img-box>div:nth-of-type(3){
		background-image: url(./slide_img/slide_03.jpg);
		animation-delay: 8s;
	  }
	  
	  /* 4枚目のスライド */
	  .img-box>div:nth-of-type(4){
		background-image: url(./slide_img/slide_04.jpg);
		animation-delay: 12s;
	  }
	  
	  /* 5枚目のスライド */
	  .img-box>div:nth-of-type(5){
		background-image: url(./slide_img/slide_077.jpg);
		animation-delay: 16s;
	  }
	  
	  /* 6枚目のスライド */
	  .img-box>div:nth-of-type(6){
		background-image: url(./slide_img/slide_06.jpg);
		animation-delay:20s;
	  }

	  /* 7枚目のスライド */
	  .img-box>div:nth-of-type(7){
		background-image: url(./slide_img/slide_05.jpg);
		animation-delay:24s;
	  }
	  
	  /* 8枚目のスライド */
	  .img-box>div:nth-of-type(8){
		background-image: url(./slide_img/slide_051.jpg);
		animation-delay:28s;
	  }
	  
	  /* 9枚目のスライド */
	  .img-box>div:nth-of-type(9){
		background-image: url(./slide_img/slide_052.jpg);
		animation-delay:32s;
	  }
	  
	  /*10枚目のスライド */
	  .img-box>div:nth-of-type(10){
		background-image: url(./slide_img/slide_053.jpg);
		animation-delay:36s;
	  }
	  
	  /*11枚目のスライド */
	  .img-box>div:nth-of-type(11){
		background-image: url(./slide_img/slide_054.jpg);
		animation-delay: 40s;
	  }
	  
	  /*12枚目のスライド */
	  .img-box>div:nth-of-type(12){
		background-image: url(./slide_img/slide_055.jpg);
		animation-delay:44s;
	  }
	  
	  /*13枚目のスライド */
	  .img-box>div:last-of-type{
		background-image: url(./slide_img/slide_08.jpg);
		animation-delay: 48s;
	  }