@charset "utf-8";

header{
  background-color:#ccc;
}
/*ログインメッセージ*/
div.login_message{
  border:1px #ffbf00 solid;
  padding:10px;
  text-align:left;
  font-size:1.3rem;
}
/*全体のサイズ*/
#wrapper{
  margin:0 auto;
  width:100%;
  padding: 0 10px;
max-width:720px;/*後でminに変えてOK*/}

#wrapper{
  margin-top:10px;
  margin-bottom:20px;
}


/*ヘッダ*/


/*ロゴ*/

section#user{
  font-size: 1.15rem;
  padding:10px;
}


#wrapper section#main_content{
  background:#000;
  flex:1;
}


#wrapper section#sub_content{
}

/*サブコンテンツ*/
#sub_link ul{
  margin:0 0 10px 0;
  }
#sub_link li{
  font-size:1.2rem;
  text-align: center;
}

#sub_link li a{
  display:block;
  padding:5px 0;
}

footer{
  background:#333;
  font-size:1.1rem;
}