*{margin:0; padding:0;}
body{
    height: 100%; margin: 0;
    font-family: "Noto Sans JP", sans-selif;
    background-image: url(../bg-image/meigaza.png);
    background-repeat: no-repeat; background-attachment: fixed;
    background-size: cover; background-position: center;
}
header{
    width:100%; height:auto; 
    padding-left:4%; 
    display: flex; flex-direction:column;
    margin-bottom:40px; 
}
img.logo{ width:480px; 
    margin-top: 20px; margin-left: 12%; 
}
a.top{color: white; font-size:16px; 
    text-align:right;padding-right: 8%;}

/* 本文記事 */
main.container{
    width:100%; padding-top:40px;
    display:flex; flex-wrap: no wrap;
    color: white;
}
div.main-part{
    width:70%; padding-left:3%; margin-bottom:80px; order:2; 
}
section.next{ margin-top:40px;}
p.introduction{ padding-left:3%; font-size:14px;}
section.record{ margin-top:40px;}
table.released{padding-left:3%; font-size:14px;
    border-collapse: collapse
}
table,tr,td{ border-bottom: 1px gold  dotted;
    padding-left:8px;
}
tr.year{background-color: rgba(229, 218, 230, 0.377);}
p.salute{padding-left:3%; font-size: 14px; }

/* 左側のポスター */
aside{order:1; width: 30%; height:auto;
    padding-left: 10%; margin-bottom:40px;
    display: flex; flex-wrap: wrap;
}
img.poster{width:240px;height:auto;}

/* スマホ対応 */
@media screen and (max-width: 1024px){}
@media screen and (max-width: 780px){
    main.container{ 
        display:flex; flex-direction: column;
        padding-left:6%;
    }
    div.main-part{
        width:100%; padding-left:3%; margin-bottom:40px;; 
        order:1;
    }
    aside{width: 100%; padding-left: 3%;
        display: flex; flex-wrap: wrap;
        order:2; 
    }
    img.poster{width:180px; height:auto;}
}
@media screen and (max-width: 480px){}