@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');

/* animation */

.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: opacity 2s, visibility 2s, transform 2s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* PAGE */

#logo_100th{
	height:100px;
	position:relative;
}

#logo_100th img{
	width:150px;
	vertical-align:bottom;
	position:absolute;
	top:15px;
	right:20px;
}

#topicpath{
	position:absolute;
	bottom:-15px;
	left:20px;
}

#seeds_contents_area{
	max-width:900px;
	margin:0 auto;
	padding:80px 40px;
}

#key_area img{
	width:100%;
}

#seeds_contents_area a.btn{
	margin:0 auto 20px;
}

#seeds_contents_area section{
	margin:0 0 100px;
}

#seeds_contents_area h2{
	margin:0 0 50px;
	font-size:30px;
	font-weight:400;
	line-height:1.2;
	color:#3b3e46;
	letter-spacing:1px;
}

#seeds_contents_area h3{
	margin:0 0 20px;
	font-size:20px;
	font-weight:400;
	line-height:1.2;
	color:#3b3e46;
	letter-spacing:1px;
}

#seeds_contents_area p{
	margin:0;
	text-align:justify;
	font-family: "Noto Serif", serif;
	font-size:16px;
	font-weight:300;
	line-height:2;
	color:#3b3e46;
}

#seeds_contents_area #overview h2{
	margin:0 0 30px;
	font-family: "Noto Serif", serif;
	font-size:24px;
	line-height:1.5;
}

#seeds_contents_area #schedule{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	color:#3b3e46;
}

#seeds_contents_area #schedule thead td{
	background-color:#eee;
	padding:5px;
	text-align:center;
	font-size:14px;
}

#seeds_contents_area #schedule tbody th{
	font-size:20px;
	font-weight:400;
	border-bottom:1px solid #ddd;
}

#seeds_contents_area #schedule tbody td{
	padding:30px;
	font-size:16px;
	font-weight:300;
	border-bottom:1px solid #ddd;
}

#seeds_contents_area #schedule tbody td b{
	font-weight:300;
	text-decoration:underline;
}

#seeds_contents_area #schedule tbody td small{
	display:inline-block;
	margin:5px 0 0;
	text-align:left;
	font-size:12px;
	line-height:1.4;
}

#seeds_contents_area #schedule tbody td:last-child{
	text-align:right;
	line-height:1.8;
}

#seeds_contents_area #schedule tbody td em{
	font-style:normal;
	font-size:18px;
	font-weight:400;
}

#seeds_contents_area #schedule tbody td a.map{
	display:inline-block;
	padding:4px 8px 6px;
	font-size:13px;
	line-height:1;
	color:#fff;
	background-color:#3b3e46;
	border-radius:5px;
	text-decoration:none;
}

#seeds_contents_area #exhibits>div{
	display:flex;
}

#seeds_contents_area #exhibits>div ul{
	width:40%;
	margin:0;
	padding:0 40px 0 25px;
	font-size:18px;
	font-weight:300;
	box-sizing:border-box;
}

#seeds_contents_area #exhibits>div ul li{
	margin:0 0 20px;
}

#seeds_contents_area #exhibits>div img{
	width:60%;
}


@media only screen and (max-width:767px){
	br.pc{
		display:none;
	}
	
	#logo_100th{
		height:70px;
	}
	
	#topicpath{
		bottom:-15px;
		left:0px;
	}

	#logo_100th img{
		width:100px;
		top:15px;
		right:10px;
	}
	
	#seeds_contents_area a.btn{
		width:100%;
		box-sizing:border-box;
	}

	#seeds_contents_area{
		padding:30px 20px;
	}
	
	#seeds_contents_area section{
		margin:0 0 60px;
	}
	
	#seeds_contents_area h2{
		margin:0 0 40px;
		font-size:25px;
	}
	
	#seeds_contents_area p{
		font-size:15px;
		line-height:1.9;
	}

	#seeds_contents_area #schedule tbody th{
		padding:20px 10px 20px 0;
		font-size:15px;
	}
	
	#seeds_contents_area #schedule tbody td{
		padding:20px 10px 20px 0;
		font-size:13px;
	}
	
	#seeds_contents_area #schedule tbody td:last-child{
		padding:20px 0 20px 0;
	}
	
	#seeds_contents_area #schedule tbody td em{
		font-size:15px;
	}
	
	#seeds_contents_area #exhibits>div{
		display:block;
	}
	
	#seeds_contents_area #exhibits>div ul{
		width:100%;
		margin:0 0 30px;
		padding:0 0 0 25px;
		font-size:16px;
	}
	
	#seeds_contents_area #exhibits>div ul li{
		margin:0 0 10px;
	}
	
	#seeds_contents_area #exhibits>div img{
		width:100%;
	}
}