@charset "utf-8";
html{
  scroll-behavior: smooth;
}
.sub_top_banner_wrap.on .sub_top_banner{
  z-index: 99999;
  top: 2.5rem;
  position: fixed;
}
.menu_contents{
    width: var(--default-width);
    margin: 0 auto;
    color: var(--text-color);
    text-align: center;
}
.menu_contents > ul::after{
    content: '';
    display: block;
    float: none;
    clear: both;
}
.menu_contents > ul{
  padding-top: 80px;
}
.menu_contents > ul > li{
  float: left;
    margin-right: 48px;
    width: 324px;
    overflow: hidden;
    margin-bottom: 70px;
}
.menu_contents > ul > li:nth-child(4n){
    margin-right: 0;
}
.menu_contents > ul > li > .img > img{
    width: 100%;
}
.menu_contents > ul > li > .con > h5{
  font-size: 24px;
  padding-top: 40px;
  font-weight: normal;
}
.menu_contents > ul > li > .con > ul{
  font-size: 16px;
  color: #afafaf;
  padding-top: 5px;
} 
.menu_contents > ul > li > .con > ul a{
  text-decoration: underline;
  color: #666
}
.menu_contents > ul > li > .price{
  color: var(--point-color);
  font-size: 16px;
  padding-top: 14px;
} 
.menu_contents > ul > li > .price span{
  font-weight: bold;
}