#category {
  margin-top: 60px;
}
#category ul li{
  font-size:12px;
}
.ma-50{
  margin-bottom: 50px;
}
.mb-30{
  margin-bottom: 30px;
}
.clearfix::after {
  content:'';
  display: block; 
  clear:both;
}
/******************************/
/* カテゴリーメニュー */
/******************************/
.accordion-container{
  box-sizing: border-box;
  padding: 0 20px;
}
@media screen and (max-width:767px){
  .accordion-container{
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    padding: 0 15px 25px;
  }
}
.accordion-container ul{
  display: flex;
  flex-wrap: wrap;
  gap: 25px 20px;
}
@media screen and (max-width:767px){
  .accordion-container ul{
    min-width: 890px;
  }
}
.accordion-container ul li{
  box-sizing: border-box;
  width: calc((100% - (20px * 5)) / 6);
  text-align: center;
  word-break: break-all;
}
.accordion-container ul li a{
  display: block;
  font-size:13px;
  font-weight: 700;
  color:#000;
  text-decoration: none;
}
.accordion-container ul li figure{
  line-height: 0;
  margin:0 0 8px; 
}
.accordion-container ul li figure img{
  border-radius: 50%;
}
.accordion-container ul li span{
  display: block;
}
@media only screen and (min-width:750px){   
  .accordion-container ul li {
    width: calc((100% - (20px * 5)) / 6);
  }
  .accordion-container ul li figure img {
  }
}

.top-sp-banner {
  margin-top: 30px;
}
@media only screen and (min-width: 40.063em){
  .top-sp-banner {
    margin-top: 50px;
  }
} 
/******************************/
/* TOP 店舗紹介 */
/******************************/
.top-message{
  margin-top:120px;
}
@media screen and (max-width:1024px){
  .top-message{
    margin-top:50px;
  }
}
.top-messageImage{
  width:100%;
  position:relative;
}
/**
.top-messageImage::before{
content:"";
padding-top:48.08%;
display:block;
}
**/
.top-message .l-content{
  width:100%;
  margin-top:40px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.top-messageManager{
  width:33%;
}
.top-messageComment{
  width:calc(100% - 33% - 40px);
  line-height:200%;
}
.top-messageManagerName{
  font-family:var(--boldfont);
  font-weight:bold;
  font-size:24px;
  line-height:150%;
}
.top-messageLink{
  display:inline-block;
  margin-top:1em;
  color:var(--defaultColor);
  font-size:16px;
  line-height:150%;
  position:relative;
}
.top-messageLink::before{
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  left:0;
  bottom:0;
  background:var(--defaultColor);
  opacity:0.5;
}

@media screen and (max-width:1024px){
  .top-messageImage{
    width:100%;
    position:relative;
  }
  .top-message .l-content{
    box-sizing: border-box;
    display:block;
    padding: 0 10px 20px;
  }
  .top-messageManager{
    width:100%;
    text-align:center;
  }
  .top-messageComment{
    width:100%;
    line-height:180%;
    margin-top:40px;
  }
  .top-messageManagerName{
    font-size:20px;
  }
  .top-messageLink{
    display:inline-block;
    margin-top:1em;
    color:var(--defaultColor);
    font-size:16px;
    line-height:150%;
    position:relative;
  }
}
/******************************/
/* バナー3つ */
/******************************/
.banner3col {
  box-sizing: border-box;
  margin: 60px 0;
}
.banner3col ul {
  display: flex;
  gap: 6px;
}
@media screen and (max-width:767px){
  .banner3col {
    margin: 30px 10px;
  }
  .banner3col ul {
    flex-wrap: wrap;
    gap: 10px 6px;
  }
  .banner3col li {
    width: calc(50% - 6px);
  }
}