*{margin:0; padding:0;}
body{
    height: 100%; margin: 0;
    font-family: "Noto Sans JP", sans-selif;
    background-image: url(../bg-image/oishimbo.png);
    background-size: cover; background-position: center;
    background-repeat: no-repeat; background-attachment: fixed;
}
header{
    width: 100%; height:80px; padding:40px 60% 40px 6%;  
    background-color: wheat; 
    display:flex; flex-direction: column;
}
img.logo{width:360px; padding-left:4%;}
header a{text-align:right; padding-right: 8%;}

/* 案内、次回のお知らせ */
main.container{
    width:100%; display:flex; 
}
article.guidance{
    /* margin: 20px 0px 40px 40px;  */
    width:80%;  padding-left:4%; 
    display: flex; flex-direction: column;
    order:2;
}
.section-1{margin-top: 24px; } 
.section-2{margin-top: 24px; }
p.notice{padding-left:4%; font-size:14px;}
.section-3{margin-top: 24px; }

/* 過去のメニュー */
table.record{ width:94%; padding-left:6%;
    font-size:14px; color:black;
    border-collapse: collapse; border: solid 1px  blue;
}
tr,th,td{
    border: dotted 1px blue; padding-left:8px;
}
tr.odd{
    background-color: rgba(247, 235, 239, 0.746);
}
th.date{width:5%;}
th.menu{width:28%;}
.leftside{width: 22%; order:1;}
.rightside{width: 24%; order:3;}