/*ボタンスタイル*/
header #piano-login, #piano-subscription-login {
	background-color: #fff;
	border: solid 1.5px #e30000;
	color: #e30000;
	font-size: 1.4rem;
	font-weight: bold;
	height: 35px;
	padding: 5px 5px;
	width: 95px;
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 1;
	margin-right: 10px;
}
header #piano-register {
	background-color: #FFE5E5;
	border: solid 1.5px #e30000;
	color: #e30000;
	font-size: 1.4rem;
	font-weight: bold;
	height: 35px;
	padding: 5px 5px;
	width: 95px;
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 1;
	margin-right: 10px;
}
header #piano-subscription {
	background-color: #e30000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	height: 35px;
	padding: 5px 5px;
	width: 95px;
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 1;
}
header #piano-mypage {
	display:none;
	background-color: #e30000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	height: 35px;
	padding: 5px 5px;
	width: 110px;
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 1;
	margin-right: 10px;
}
header #piano-myaccount {
	display:none;
	background-color: #fff;
	color: #e30000;
	font-size: 1.5rem;
	font-weight: bold;
	height: 35px;
	padding: 5px 5px;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 1;
}
#piano-logout-button, #piano-subscription-member {
	background-color: #132038;
	color: #fff;
	font-size: 1.4rem;
	height: 35px;
	padding: 10px 10px;
	width: 105px;
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 1;
	text-decoration: none;
}
.button-right {
	text-align: right;
}
/*ボタンhover処理*/
#piano-login:hover {
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-subscription:hover {
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-subscription-login:hover {
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-register:hover{
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-mypage:hover{
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-myaccount:hover{
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-logout-button:hover {
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
#piano-subscription-member:hover {
	cursor: pointer;
	opacity: .6;
	transition: .3s all;
}
.fa, .far, .fas:hover {
	opacity: 1;
}
/*ボタンレスポンシブ*/
@media (max-width: 700px){
	header #piano-login, #piano-subscription, #piano-subscription-login, #piano-register, #piano-mypage, #piano-myaccount {
		width: auto;
		font-size: 1.8vw;
	}
}
@media(max-width: 768px) {
	#gnav-right-logout {
		width: 33%;
	}
	#gnav-right-login {
		width: 33%;
	}
	header #piano-login, #piano-subscription-login {
		font-size: 0;
		width: 40px;
		height: 40px;
		padding: 5px 8px;
		margin-right: 1px;
	}
	header #piano-register {
		font-size: 0;
		width: 40px;
		height: 40px;
		padding: 5px 8px;
		margin-right: 1px;
	}
	header #piano-subscription {
		font-size: 0;
		width: 40px;
		height: 40px;
		padding: 5px 8px;
	}
	header #piano-mypage {
		font-size: 0;
		width: 40px;
		height: 40px;
		padding: 5px 8px;
		margin-right: 1px;
	}
	header #piano-myaccount {
		font-size: 0;
		width: 40px;
		height: 40px;
		padding: 5px 8px;
	}
	.fa, .far, .fas{
		font-size: 1.5rem;
	}
	.fa-user-circle {
		font-size: 1.8rem; 
	}
}
#piano-button02{
	display:none;
}
/*マイアカウント*/
.lv-underline {
	margin-bottom: 3rem;
}
/* inputform用 */
.button-right {
	text-align: right;
} 
.button-center {
	text-align: center;
}