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

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

}*/


#menutop{
	width: 100vw;
/*	max-width:1200px;*/
	height: 60vh;
	background-image: url("../images/menutop.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 50px;
}
#menutop h2{
	font-size: 9vw;
/*	height:20%;*/
/*	text-align: justify;
	light:2vw;
	bottom:8vw;*/
	margin: auto 0 auto 48vw;
	line-height: 60vh;
	text-align: center;
}
.menu{
	max-width: 75vw;
/*	height: 400px;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.5vh;
/*	margin: 0 auto 100px;
*/}
main dd{
	border:1px sorid #001;
}
.boxflower, .bouquet, .driedflower, .plant{
	width:75vw;
	max-width: 900px;
	margin-bottom: 3vh;
}
.boxflower p, .bouquet p, .driedflower p, .plant p{
/*	height: 6vh;*/

	text-align: center;
	font-size: 1.5em;
	font-weight: bolder;
	background-color: rgba(248,195,205,.4);
	/*opacity: 0.4;*/
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;

}
.scroll-up .is-show{
	width: 30%;
}
.boxflower dl, .bouquet dl, .driedflower dl, .plant dl{
	width: 100%;
	height: auto;
/*	margin: 3vh auto 3vh;*/
	text-align: center;
}
.menu img{
	width: 100%;
}
dt,dd{
/*	height:100px;*/
	font-size:clamp(14px,1vw,20px);
}
.plant img:nth-lastcild{
	margin-top:-50px;
}
.boxflower dd, .bouquet dd, .driedflower dd, .plant dd{
	text-align: center;
}
.boxflower img, .bouquet img, .driedflower img, .plant img{
	/*height: 250px;*/
	width:100%;
	object-fit: cover;
	margin-top: 3vh;
/*	width: 80%;*/
}
span{
	font-size:0.6em;
}
/*.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}*/
/*商品をスクロールでふわっと表示させる*/
.scroll-up{
	opacity:0;
	visibility:hidden;
	transform:translateY(0px);
	transition:all 3s;
}
.scroll-up.is-show{
/*	width: calc(100% * 1 / 3);*/
	opacity:1;
	visibility:visible;/*表示させる*/
	transform:translateY(0px);
}
/*menu scroll-up img{
	width: 22%;
	height: inherit;
}*/
aside{
/*	display:sticky;
	top:300px;
	right:0;*/
	width:23%;
	height:30px;
	
}
aside .banner{
		display:sticky;
	top:300px;
	right:0;
/*	display:fixd;*/
/*	top:60vh;
	right:0;*/
/*	height:100vh;*/
/*	width: 23%;*/
/*	height: 380px;*/
/*	margin-top:10vh;*/
/*	margin-left:auto;*/
	
}
aside p{
	margin-bottom:5vh;
/*	text-align:end;*/
/*	border: 1px solid #a3a3a3;*/
}

footer{
	height:7vh;
	line-height:7vh;
	margin-top:2vh;
	display: block;
	background-color:rgba(208,16,76,30%);
	text-align:center;
}



@media screen and (max-width:749px){
	
	
	#menutop{
/*		position: absolute;
		top: 0;
		left: 20%;*/
		width: auto;
		font-size:10vw;
		overflow: hidden;
	}
	#menutop h2{
		padding-top: 15%;
		text-shadow: 2px 2px 5px #fff;
	}
	
	.container{
		display:block;
		margin:0 auto;
	}
	article{
		display:block;
	}
	.boxflower, .bouquet, .driedflower, .plant{
		width:100%;
	}
	.menu{
		display:block;
		max-width:60%;
		margin: 0 auto;
	}
	.scroll-up.is-show{
		margin-bottom:3vh;
	}
	dd:last-child{
		border-bottom:1px solid;
	}
/*	dd:nth-child(3){
		border:none;
	}*/

	.boxflower img, .bouquet img, .driedflower img, .plant img{
		width: auto;
		height: 40vh;
	}
	.boxflower img{
		height: 30vh;
	}
	.plant{
		margin-bottom: 15vh;
	}
	aside{
		width:80%;
		height:auto;
	}
	.banner{
		width:45%;
		height:auto;
		
	}
	.banner p{
		width:100%;
	}
	
	
}