@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");

/* =========================================================
共通
========================================================= */

.news-container{display: flex;}
.news-datail-freearea p{font: 400 14px / 1.8 "Noto Sans JP", sans-serif;}
.news-datail-freearea p a,
.linkArea a{
  font: 400 14px / 1.8 "Noto Sans JP", sans-serif;
  color: #777;
  text-decoration: underline;
}
.news-detail-tag-list{
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.news-list-link{text-align: center;}

.news-datail-main-desc,
.news-datail-event-period,
.news-datail-period-store,
.news-datail-online,
.news-datail-spare{margin-bottom: 40px;}

.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;
}

/* SP */
@media screen and (max-width: 750px) {
  .mainframe_{margin: 0 0 60px;}
  .l-container{margin-top: 20px;}
  .news-container{
    padding: 0 20px 40px;
    flex-direction: column;
  }
  .news-detail-info-label{
    display: flex;
    flex-wrap: wrap;
    gap: 10px
  }
  .news-datail-freearea img{
    width: 100%;
    height: auto;
  }
  .news-detail-tag-list{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .related-items{padding: 40px 0;}
  .related-items .u-title{padding: 0 20px;}
  .news-list-link{padding-top: 40px;}
}


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

  .news-facet{width: 212px;}
  .news-content{
    width: 893px;
    margin: 60px auto 0;
  }

  .news-container{margin: 50px 0 0;}
  .news-container{display: block;}
  .u-title{font: 700 20px / 1.4 "Noto Sans JP", sans-serif;}
  .news-list-link{
    margin: 40px 0 0;
    padding: 40px 0 0;
    border-top: 1px solid #ddd;
  }
  .related-items{
    margin: 40px 0 0;
    padding: 40px 0 0;
    border-top: 1px solid #ddd;
  }

  .u-hr{display: none;}
}