@charset "UTF-8";

/* CSS Document */

/*リセット*/
ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
img,
p {
  margin: 0;
  padding: 0;
}
/*リセットここまで*/

.chara-list ul {
display: flex;
flex-wrap: wrap;
}

.chara-button:hover{
    background: #e4dc8aac;
}


#MENU_CONTENT {
width: 95%;
max-width: 600px;
Margin : 2em auto ;
  padding: 0.5em 0;
background: #dbd0bc33;
}

#MENU_CONTENT h2 {
Font-size: 1.2em;
font-weight: bold;
}

.chara-content {
text-align: center;
}

.chara-data .chara-datalist {
 display: flex;
width: 65%;
max-width: 500px;
Margin :0 auto;
justify-content: flex-start;
border-bottom: 1px solid #ccc;
}

.chara-data .chara-datalist dt {
  width: 20%;
  padding: 5px;
}
.chara-data .chara-datalist dd {
  padding: 5px;
}

.chara-history .chara-historylist {
width: 65%;
max-width: 500px;
Margin :0 auto;
}

.chara-history .chara-historylist dt {
  padding: 5px 0px;
 text-align: left;
}
.chara-history .chara-historylist dd {
 text-align: left;
 padding: 0 1em;
    border-left: 7px solid;
 border-color: #47885e;
}

.chara-about {
background: #ffffffab;
margin: 1em 1em;
 padding: 1em;
 text-align: left;
}