@charset "utf-8";


/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
	/*** main px ***/
	
	#top_img{
		figure{
			width:800px;
			max-width: 100%;
			margin:40px auto 0 auto;
			box-shadow: 0 0 3px 0 #a98e63;
		}
	}
	
	#breadcrumb{
		display:none;
	}

	#infobox{
		ul{
			li{
				display:grid;
				grid-template-columns: 9em 1fr;
				gap:10px;
				h3{
				}
				div{
					text-align: left;
				}
			}
		}
	}

	#top_flowers{
		ul{
			display:grid;
			grid-template-columns: repeat(2,1fr);
			gap:3em;
			li{
				a{
					display:block;
					color:var(--baceFontColor);
					figure{
						aspect-ratio: 1 / 1;
						width:min(150px,100%);
						margin:0 auto;
						position:relative;
						&::before{
							position:absolute;
						}
						
					}
					&:hover{
						figure{
							img{
								opacity: .75;
							}
						}
					}
					p{
						margin:10px auto 0 auto;
						font-family: var(--font-eibun);
						font-size: 1.3em;
						
					}
				}
				&:nth-of-type(1){
					a{
						figure{
							&::before{
								content:url(grp/kazari1.png);
								left:-15px;
								bottom:-10px;
							}
						}
					}
				}
				&:nth-of-type(2){
					a{
						figure{
							&::before{
								content:url(grp/kazari2.png);
								top:-5px;
								left:-23px;
							}
						}
					}
				}
				&:nth-of-type(3){
					a{
						figure{
							&::before{
								content:url(grp/kazari3.png);
								left:-15px;
								bottom:-10px;
							}
						}
					}
				}
				&:nth-of-type(4){
					a{
						figure{
							&::before{
								content:url(grp/kazari4.png);
								left:-15px;
								top:-5px;
							}
						}
					}
				}
				&:nth-of-type(5){
					a{
						figure{
							&::before{
								content:url(grp/kazari5.png);
								right:-20px;
							}
						}
					}
				}
				&:nth-of-type(6){
					a{
						figure{
							&::before{
								content:url(grp/kazari6.png);
								right:-25px;
								bottom:-5px;
							}
						}
					}
				}
			}
		}
	}
	
	#calendar{
		> div{
			display:grid;
			grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));
			justify-content: center;
			gap:3rem;
			> div{
				h3{

				}
				table{
					margin:10px auto 0 auto;
					font-size: .9em;
					width:100%;
					background:#f0eae1;
					border:2px solid gray;
					tr{
						&:first-child{
							background:#e4dcbe;
							td{
								&:nth-of-type(1){
									background:#e0b4b4;
								}
								&:nth-of-type(7){
									background:#d3e3eb;
								}
							}
						}
						th{
							border:1px solid rgb(var(--baceFontColor));
							padding:5px;
							background:#a98e63;
							color:white;
						}
						td{
							border:1px solid $baceFontColor;
							padding:5px;
						}
					}
				}
			}
		}
		> p{
			margin:10px auto 0 auto;
			@include font-size(15);
		}
		@include media_query_md{
			> div{
				display:block;
				> * + *{
					margin-top:30px;
				}
				> div{
					
					table{
						width:300px;
						max-width:100%;
					}
				}
			}
		}
	}