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

/* 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) {
  .container_ {
    width: 100%;
    max-width: 1200px;
    margin: 60px auto;
  }

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

  .news-container{margin: 50px 0 0;}
  .news-container{gap: 35px;}
  .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;}
  .news-datail-freearea .news-datail-venue-ttl{font-size: 16px;}    
}

.news-datail-held-store-list{margin-top: 16px;}
.news-datail-held-store-list .root_genre_item > li{margin-top: 16px;}
.news-datail-held-store-list .root_genre_item > li > span{
    font-weight: 600;
    display: block;
	font-size: 14px;
}

.news-datail-held-store-list .child_genre_item{
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
}

.news-datail-held-store-list .child_genre_item > li > span{font-size: 14px;}
.news-datail-held-store-list .child_genre_item > li a{text-decoration: underline;}
.news-datail-freearea .news-datail-venue .news-datail-held-store-list > li > .item_node.root_genre_item > .item_node.child_genre_item{display: none;}
.news-datail-freearea .news-datail-venue{margin-bottom: 20px;}

.news-datail-freearea .news-datail-venue{display: none;}
:root:has(.news-datail-venue-item) .news-datail-freearea .news-datail-venue{display: block;}