@charset "UTF-8";

/* 共通 */

html {
  font-size: 100%;
}
body {
  font-family: "Times New Roman";
}
a {
  text-decoration: none;
  line-height: 20px;
}
a:hover {
  opacity: 0.5;
}
li {
  list-style: none;
}

.wrapper{
  width: 100%;
  margin: 30px auto;
  padding: 30px 50px;
}

.itemList {
  padding-top: 30px;
   display: flex;
   gap: 60px 1.4%;
}
.itemList li {
   width: 10%;
}

.itemList li .item-img {
   position: relative;
   overflow: hidden;
   padding-top: 100%;
}

.itemList li div img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.item-text {
  padding-bottom: 20px;
}

#btn {
  text-decoration: underline;
}

#btn:hover {
  color: red;
}