@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");

/* =========================================================
  レイアウト
========================================================= */

h1.u-title{
 font-size: 16px;
 margin: 0 0 calc(20 * (100vw / 375)) calc(20 * (100vw / 375));
 font: 700 18px / 1.4 "Noto Sans JP", sans-serif;
}

.u-info-label{
  border: 1px solid #999;
  color: #999;
}

.u-info-label.u-info-label-news_news1{
  border: 1px solid #ea0b29;
  color: #ea0b29;
}

.u-info-label.u-info-label-news_important{
  border: 1px solid #ea0b29;
  color: #ea0b29;
}

.u-info-date {
    font-weight: 400;
    color: #777;
}

/* SP */
@media screen and (max-width: 750px) {
  a:hover{opacity:1}
}

@media screen and (min-width: 751px) {
  div.container_ div.contents_{
    display: flex;
    gap: 50px;
  }

  div.mainframe_{width: 100%;}
  .u-hr{display: none;}
}

/* =========================================================
共通
========================================================= */
.news-list-container {
  display: flex;
  gap: 35px;
  margin: 50px 0 0;
}

.u-info-td-list {
  display: flex;
  gap: 10px;
}
.u-info-label:empty,
.u-info-td .u-tag a:empty {display: none;}

/* SP */
@media screen and (max-width: 750px) {
  .news-list-container{
    margin: 20px 0 0;
    display: block;
  }

  .shop-info .u-title-page{margin: 0 0 calc(20 * (100vw / 375)) calc(20 * (100vw / 375));}
  .u-info-td .u-tag-b span{
      line-height: 1.5;
      padding: 5px 10px;
    }

}