/* ログイン画面と新規会員登録 */
.top-decoration {
	height: 40px;
	background: linear-gradient(135deg, #FFB8CC, #FFD9E7); border-radius :
	0 0 20px 20px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	border-radius: 0 0 20px 20px;
}

.login{
	text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}

.top{
font-size: 25px;
border-bottom: 4px solid rgba(255,170,190,0.35);
padding-bottom: 5px;
}

#id,#pw {
font-size: 15px;
padding: 10px;
width: 400px;
border-radius:30px;
border:1px solid #FFB8CC;
}

.submit{
	background: linear-gradient(135deg, #FFB8CC, #FFD9E7);
box-shadow: 0 5px 15px rgba(255,170,190,0.35);
color: #fff;
padding: 15px;
width: 150px;
border-radius: 30px;
border: none;
}

.box-outer{
background-color: #EFEEEE;
padding: 40px;
border-radius: 40px;
}

.box-inner {
background-color: #FFFFFF;
border: 2px solid #FFB8CC;
border-radius: 30px;
padding: 30px;
}
.box-inner p {
text-align: left;
width: 400px;
margin: 0 auto 20px auto;
}

/*リンク触った時など　まだ色未定で適当*/
    .nav a:link{
color: rgb(21, 53, 141);
text-decoration: none;}

.nav a:visited{
color: rgb(87, 39, 168);
text-decoration: none;}

    .nav a:hover{
color: rgb(226, 16, 16);
text-decoration: underline;}

.nav a:active{
color: rgb(228, 16, 16);
text-decoration: underline;}