@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
html {
    background: #e6e9e9;
/*    background-image: url(Image/backgraund.png);*/
    -webkit-font-smoothing: antialiased;
}
menu {
    background-color: #333;
}
body {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1500px;
    min-width: 960px;
/*    padding: 2em 2em 4em;*/
}
h2{
    font-size: 32px;
}

/* メニュー アコーディオン*/
.accordion1 {text-align:left;}
.accordion1 .inner {display: none;}
.accordion1 p{cursor: pointer; padding: 5px;}
.accordion1 .inner li {
    cursor: pointer; 
    padding: 5px;
}


/*メニュー*/
.characterMenu{
/*    overflow: hidden;*/
/*    flex: 1;*/
    min-width: 200px;
/*    max-width: 300px;*/
    padding: 10px;
}
/*紹介ページ　ラッパー*/
.wrapper{
    flex: 1;
    display: flex;
/*    width: 800p;*/
}
/*名前*/
.name{
    min-width: 800px;
}
/*キャラ絵*/
.characterImage{
    flex: 1;
    /* position: relative; */
    max-width: 600px;
    /* width: 100%; */
}
/*プロフィール*/
.profile{
    min-width: 350px;
    min-height: 500px;
    padding: 10px;
    
}
/*ステータス レーダーチャート*/
.status{
/*    min-width:350px;*/
    width:350px;
    height:350px;
}