header {
    position:fixed;
    height:60px;
    width:100%;
    background-color: none;
    background-color: white;
    /*border-bottom:1px solid gray;*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

#icon{
    position: absolute;
    top: 10px;
    right: 20px;
    float: left;
}

#button{
    width: 40px;
    height: 40px;
    border-radius: 50%;         /* ← 円形にする核心 */
    background-color: gray;     /* 任意、今の色でもOK */
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#Logo_are {
    width:300px;
    height:100%;
    margin-top:0px;
    float:left;
    background-color:black;  
}

#Logo_are h1{
    margin-top:5%;
    text-align: center;
    text-decoration: none;
    color:white;
}
/*
#user_are {
    width:180px;
    height:20px;
    float:right;
    margin-right:15px;
    margin-top:15px;
    background-color:none;
    border:1px inset black;
}
*/
body {
    font-family:sans-serif;
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    /*background-image:url(images/genre02.png);*/
   /* background-color:white;*/
    
}
main {
    height:800px;
    margin:0px;
    /*background-color: white;*/
    width:auto;
    height:600px;
    margin-right:40px;
    margin-left:40px;
    margin-top:0px;
    padding-top:70px;
    float:none;
    border:1px inset black
}