/*---------------------------------------------------------
web font
---------------------------------------------------------*/
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700);
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@700&display=swap");
/*---------------------------------------------------------
frame
---------------------------------------------------------*/
#contents.bg_gray {
  position: relative;
  padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  #contents.bg_gray {
    padding-bottom: 0;
  }
}
#contents.bg_gray #pager {
  border: none;
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #contents.bg_gray #pager {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  #contents.bg_gray #pager {
    width: 100vw;
    min-width: 320px;
    margin: 0 -6vw;
    margin-top: 50px;
    padding: 35px 0;
  }
}
#contents.bg_gray #pager .inner {
  padding: 0 20px;
}
@media screen and (max-width: 1020px) and (min-width: 768px) {
  #contents.bg_gray #pager .inner {
    padding: 0 1.9607843137%;
  }
}
@media only screen and (max-width: 767px) {
  #contents.bg_gray #side-frame {
    background-color: #fff;
    width: 100vw;
    margin: 0 -6vw;
  }
  #contents.bg_gray #side-frame #shop-info,
  #contents.bg_gray #side-frame #recent {
    padding: 0 6vw;
  }
}

/*---------------------------------------------------------
thubnail-list
---------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  ul.thubnail-list {
    margin: -15px -1.2437810945%;
  }
  .side ul.thubnail-list {
    margin: -15px -1.8656716418%;
  }
}
ul.thubnail-list li {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  ul.thubnail-list li {
    width: 30.8457711443%;
    margin: 15px 1.2437810945%;
  }
  .side ul.thubnail-list li {
    width: 46.2686567164%;
    margin: 15px 1.8656716418%;
  }
}
@media only screen and (max-width: 767px) {
  ul.thubnail-list li {
    border: none;
    width: 80vw;
    margin: 10px auto 0;
    padding: 0;
  }
  ul.thubnail-list li:first-child {
    margin-top: 0;
  }
}
ul.thubnail-list li > a {
  display: block;
  height: 100%;
  padding: 5px;
}
ul.thubnail-list li > a .txt {
  padding: 15px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  ul.thubnail-list li > a .txt {
    font-size: 1.2rem;
  }
}
ul.thubnail-list li > a .txt > span {
  display: block;
  font-size: 1.1rem;
  color: #999999;
  margin-bottom: 10px;
}
#top ul.thubnail-list li > a .txt > span, #shopnews ul.thubnail-list li > a .txt > span {
  margin-bottom: 3px;
}
ul.thubnail-list li > a .txt .date {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #666666;
  margin-bottom: 8px;
}