@charset "UTF-8";

html{
  scroll-behavior: smooth;
}
body{
    margin: 0;
    background-color: white;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3"
    
}
.textnone a {
    text-decoration:none;
}
     
.listA .container{
  display: flex;
  flex-wrap: wrap;
}

.listA article{
  flex: 1 1 250px;
  display: flex;
}

.listA p h2 {
  font-size: 20px;
  font-weight: bold;
}

.listA p {
  font-size: 14px;
  opacity: 0.8;
}

.listA .photo {
  min-height: 150px;
  background-position: center;
  background-size: cover;
}

.listA a {
  flex: 1;
  margin: 10px;
  display: block;
  border: solid 1px #ddd;
  color: inherit;
  text-decoration: none;
}

.listA a:hover {
  opacity: 0.8;
  color:black ;
  background-color:lightgreen;
  transition: color 0.5s;
}

.listA .text {
  margin: 10px;
}