html{
	margin:0;
	padding:0;
}
body{

	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight:bold;
	position:relative !important;
	margin:0;
	padding:0;
	text-size-adjust:none !important;
	line-height: 1.8 !important;
	font-size: 100%;
}
.main_title{
	text-align:center;
	margin-bottom:30px;
}
h1,
h2{
	text-align:center;
}
h1{
	
	margin-bottom:10px;
}
h1 a{
	padding-bottom:5px;
	border-bottom:1px solid #000000;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	font-size:150%;
	
}
h1 a:hover,
h1 a:focus{
	color:#000000;
}
h1 a:visited,
h1 a:link,
h1 a:active{
	color:inherit;
}
h2{
	padding:0;
	margin:0;
	color:#017bff;
	font-weight:bold;
	letter-spacing:0.4em;
	

}
h3{
	padding:0;
	margin:0;
	color:#017bff;
	font-weight:bold;
	letter-spacing:0.2em;
	background-color:#FFFFFF;
	border:1px solid #017bff;
	border-radius:10px;
	min-height:30px;
	display:flex;
	justify-content:center;
	align-items:center;
}

#wrapper{
	width:1200px;
	margin:0 auto;
	padding:10px;
}
.piano_illust{
	
	width:525px;
	height:271px;
	position:relative;
	margin:0 auto -150px;
	
}
.piano_basyo{
	position:absolute;
	z-index:3;
	width:525px;
	height:271px;
}
	
.piano_illust .piano_basyo img{
	width:100%;
	height:auto;	
}

audio{
	width:100%;
}
footer{
	text-align:center;
}

.gnavi ul{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:120%;
	font-weight:bold;
	
	margin-bottom:25px;
	padding-left:0;
	padding-right:0;
	width:100%;
	gap:0 8px;
}
.gnavi ul li{
	width:calc(25% - 6px);
	list-style:none;
	
}
.gnavi ul li a{
	background:#4E77C2;
	color:#FFFFFF;
	display:block;
	padding:5px 10px;
	border-radius:14px;
	text-align:center;
	text-decoration:none;
}
.gnavi ul li a:hover{
	background:#2832A4;
	text-decoration:underline;
}
.news ul li dl{
	display:block;
	margin-bottom:20px;
}
.news ul li dl dt{
	display:inline;
	margin-right:25px;
}
.news ul li dl dt{
	display:inline;
	margin:none;
}