@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html{
 font-size: 62.5%;
}
.shop-item-list{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.shop-item-list li{
 width: 20%;
 font-size: 1.8rem;
 font-family: Montserrat;
 letter-spacing: 0.05rem;
 line-height: 1.5;
}
.shop-item-list li:not(:nth-child(4n)){
 margin-right: 40px;
}
.shop-item-list li{
 margin-bottom: 50px;
}
.shop-item-list li a:last-child{
 display: block;
 margin: 20px 0 0;
 font-size: 1.8rem;
 font-weight: 600;
 line-height: 1.5;
 letter-spacing: 0.05rem;
 font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "¥Ò¥é¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
}
.pageNav{
 width: fit-content;
 margin: 100px auto 0;
 display: flex;
 align-items: center;
}
.pageNav span.before,
.pageNav span.after,
.pageNav span.carent,
.pageNav span{
 background-color: #fff;
 display: block;
 width: 50px;
 text-align: center;
 border-radius: 100%;
 line-height: 1.5;
 font-size: 1.8rem;
 letter-spacing: 0.05rem;
 height: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.pageNav span.carent{
 background-color: #444;
 color: #fff;
}
.pageNav span:not(:last-child){
 margin-right: 10px;
}
@media screen and (max-width: 800px) {
 .shop-item-list li:not(:nth-child(4n)){
  margin-right: 0;
 }
 .shop-item-list li:not(:nth-child(even)){
  margin-right: 10px;
 }
 .shop-item-list li{
  width: 48%;
  margin-bottom: 20px;
  font-size: 1.4rem;
 }
 .shop-item-list li a:last-child{
  font-size: 1.6rem;
  margin: 10px 0 5px;
 }
 .pageNav{
  margin: 0 auto;
 }
}