@charset "utf-8";


#road{
  margin:30px auto 0 auto;
  h3{
    text-align: left;
    font-family: var(--font-family-minchou);
    font-size: 1.3em;
    font-weight: 500;
    color:rgb(var(--mainColor));
  }
  p{
    margin:10px auto 0 auto;
    text-align: left;
  }
  aside{
        text-align: right;
        margin:30px auto 0 auto;
        a{
            color:#666;
            &:hover{
                text-decoration: none;
            }
        }
    }
    @media (max-width: 768px) {
        aside{
            text-align: left;
        }
    }
}

#ph_list{
    margin:30px auto 0 auto;
    ul{
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(min(400px,100%),1fr));
        gap:20px;
        img{
            border-radius:10px;
        }
    }
}