/* CSS Document */
.title	{ background-image: url(../../css/images/g/g1_80_green1.png);	color: #FFF;}
#area	{ max-width:1020px; margin-left:auto; margin-right:auto; background-color:#FFF;}
.wid200p{
	max-width:200px;
}
.wid300p{
	max-width:300px;
}
.wid400p{
	max-width:400px;
}
.wid500p{
	max-width:500px;
}
.wid610p{
	max-width:610px;
}
.wid700p{
	max-width:700px;
}
.wid800p{
	max-width:800px;
}
hr{
	border: none;
	border-top: 1px solid #abafa9;
}
hr.pause1{ width:100%; margin-top:30px; margin-bottom:30px;}
.inline-block{
	display:inline-block
}
#score{
	max-width:800px;
	height: auto;
}
.score-btn{
	cursor: pointer;
	background:#608050;
	color:#FFF;
	border-radius: 2px;
	text-decoration: none;
	text-underline-offset: 0.1em;
}
.score-btn a:visited{
	color:#FFF;
}
#open-score{
	display: none;
	position:fixed;
	bottom:40px;
	right:60px;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	background: #608050;
	color: #FFF;
	font-size: 16px;
}
.Qtext{
	font-family: 'Noto Serif JP', serif;
}
.Q-small{
	font-size: 0.9em;
	margin-left: 1.8em;
}
.t-indnt1{
	text-indent: -1.56em;
	padding-left: 1.56em;
}
.t-indnt2{
	text-indent: -1.15em;
	padding-left: 1.15em;
}
.Answer-box>li{
	margin: 2px;
	padding: 5px;
	border: 1px solid #afbfa7;
	border-radius: 2px;
	background: #f7f8f6;
}
.scale-box{
	padding: 10px;
	border: 1px solid #afbfa7;
	border-radius: 2px;
	background: #f7f8f6;
}
.scale-box>li{
	display:inline-block;
}
select{
	padding: 0.2em;
	margin: 2px;
	border: 1px solid #818c7c;
	border-radius: 2px;
}
.gakugo>li{
	width: 200px;
}
.gakugo>p{
	padding: 0;
}
.notes {
	font-size: 0.9em;
	text-indent: -1em;
	padding-left: 1em;
}
.Answer{
	display:block;
	position:relative;
	font-size: 20px;
	width: 120px;
	line-height: 2;
	border-radius: 2px;
	background-color:#b15272;
	color:#FFF;
	transition: all ease-in 0.1s;
	margin:0 auto;
	border: none;
	-webkit-appearance: none;
}
.Answer:hover{
	cursor:pointer;
}
.Answer:active{
	background-color:#7e3950;
	transform: translate(1px,1px);
}
.r-scroll{
	font-size:0.9em;
	display:block;
}

/*楽典②*/
.chordtype{
	font-size:0.7em;
}
/*楽典③*/
.g3-1c p{
	padding-left:0;
	margin-right: 1.5em;
}
.g3-2{
	display:inline-block;
	margin-right: 1.5em;
}
.g3-5{
	display:inline-block;
	padding:0.25em;
}
.big-btn{
	display:block;
	cursor: pointer;
	background:#608050;
	color:#FFF;
	border-radius: 2px;
	text-decoration: none;
	text-underline-offset: 0.1em;
}
.big-btn a:visited{
	color:#FFF;
}
#big1,#big2{display:none;}

/*楽典② ③調号問題*/
.imgbox{height:100px;}
.UDbtn {
	flex:0 1 50px;
	font-size:20px!important;
	height:30px;
	line-height:10px;
	border-radius:3px;
	font-weight:bold;
	margin:5px;
	cursor:pointer;
	color:#FFF;
	touch-action: none;
}
.Up { background:#00b700; text-shadow: 1px 1px 0px rgba(0,0,0,0.4);}	/* 調号を選ぶボタンの背景色 */
.Dw { background:#F60; text-shadow: 1px 1px 0px rgba(0,0,0,0.4);}

@media (min-width: 620px) {
	.r-scroll{
		display:none;
	}
}
@media (min-width: 850px) {
	.big-btn{
		display:none;
	}
}