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

/**{
	margin:0;
	padding:0;
	color:#484848;
	font-size:16px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}*/
/*イベント情報ページ*/
/*nav span{
	border-bottom:1.5px solid rgb(60,179,113);
}
*/
#eventtop{
	width: 100vw;
/*	max-width:1200px;*/
	height: 60vh;
	background-image: url("../images/eventtop.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 50px;
}
#eventtop h2{
	font-size: 8vw;
	margin: auto 0 auto 30vw;
	line-height: 60vh;
	text-align: center;
}
article{
	width:80%;
}



#flowerarrangement{

	width: 80vw;
	margin-left: auto;
	margin-right: auto;
}
#eventname{
	width:100%;
	font-size: clamp(20px,2.5rem,5rem);
	margin-top: 80px;
	margin-bottom: 50px;
	font-weight: bolder;
/*	overflow: hidden;*/
}
.meinevent{
	width: 60vw;
	position:relative;
	margin-top: 80px;
}
#eventphoto{
	position:absolute;
	top:5%;
	right:3%;
	width:min(25vw,35vw);
/*	margin-left: max(45vw,30vw);
	margin-bottom: -300px;*/
}
.meinevent #eventphoto img{
	width: 100%;
	animation: fadeIn 3s ease .5s 1 normal;

}
#flowerarrangement dl{
	margin-bottom: 30px;

}
#flowerarrangement dt{
	display:inline;
	border-bottom:1px solid #063;
	font-size: clamp(18px,2rem,4rem);
	font-weight: bolder;
}

#flowers dd:nth-child(4){
	margin-top: -130px;
}

#flowerarrangement dd{
	margin-top: 5px;
	font-size: clamp(16px,1.7rem,3rem);
}
.flowerillast{
	padding-left: 350px;
	transform-origin:center bottom; /*変形要素の中心点指定*/
	animation:yurayura 5s linear infinite;　/*5秒かけて　等速で　無限繰返し*/
}

#scissors{
	position:absolute;
	top:98%;
	left:40%;
	margin-top: -300px;
	margin-left: 400px;
	margin-bottom: 200px;
	animation:idou 3s ease-in-out infinite alternate;
/*1秒かけて　変速　斜め移動　繰返し*/

}
aside{
	width: 20%;
	margin-right: 2%;
}


@keyframes yurayura{
	0%,100%{
		transform:rotate(10deg);
	}
	50%{
		transform:rotate(-10deg);
	}
}
@keyframes idou{
	0%,100%{	
		transform:translate(0,0);
	}
	30%{
		transform:translate(30px,-30px);
	}
	70%{
		transform:translate(60px,-60px);
	}

}
@keyframes fadeIn{
	from{
		opacity:0;
		transform:translateX(100px);
	}
	to{
		opacity:1;
		transform:translateX(0);
	}
}


@media screen and (max-width:749px){
	
/*各ページ共通部分*/	
	#eventtop{
/*		position: absolute;
		top: 0;
		left: 20%;*/
		width: auto;
		font-size:10vw;
		overflow: hidden;
	}
	#eventtop h2{
		padding-top: 15%;
		text-shadow: 1px 1px 1px #fff;
	}
	.container{
		display:block;
		margin:0 auto;
	}
	article{
		display:block;
		width: 100%;
	}
	/*各ページ共通部分ここまで*/	
	#eventname{
		margin-top: 40px;
	}
	.meinevent{
		margin-top: 30px;
	}
	#eventphoto{
		top: 0;
		left: 0;
	
	}
	.meinevent #eventphoto img{
		width: auto;
		height: 155px;
	}
	#flowerarrangement dl{
		margin-bottom: 50px;
	}
	#flowerarrangement dl:first-of-type{
		padding-top: 175px;
	}
	.flowerillast, #scissors{
	position: absolute;
	right: -40vw;
	width: 20vw;
	padding: 100px;
	}
	#scissors{
		top: auto;
		left: auto;
	}
	.flowerillast img, #scissors img{
		width: 100%;
	}
	#flowers dd:nth-child(4){
	margin-top: 0px;
}

	/*各ページ共通部分ここから*/
	aside{
		width:95%;
		display: flex;
		justify-content: space-around;
		height:400px;
	}
	aside p{
		width: 45%;
		height: 200px;
	}
	.banner{
		width:45%;
		height:auto;
		
	}
	.banner p{
		width:100%;
	}
	
}