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

/* バス旅行の本文 */
.intro{
    width:100%; margin:40px 8%;
    font-size:14px; color:black; 
}
p.salute{width:72%; margin-left:8%; margin-bottom:40px;
    font-size:14px;}
h4{margin-left:4%;}
.visited{
    width:100%; padding:0px 2% 40px 8%;
}
.posters{
    width:100%; 
    display: grid;
    grid-template-columns: 240px 240px 240px;
    grid-template-rows: repeat(4 auto);
    gap:1%;
}

/* スマホ対応 */
@media screen and (max-width: 1024px){}
@media screen and (max-width: 780px){
    .posters{
        width:50%;
        display: grid;
        grid-template-columns: 200px 200px;
        grid-template-rows: repeat(5 auto);   
        gap:10px;
    }
}
@media screen and (max-width: 480px){}