@charset "utf-8";

/*====================================================================================================

  お知らせ

====================================================================================================*/

/*--------------------------------------------------------------------------------
  日付
--------------------------------------------------------------------------------*/

.s-date {
  font-size:1.1em;
  display:inline-block;
  margin-bottom:0.8em;
}

.s-date:after {
  content:"";
  display:block;
  margin-top:0.2em;
  width:100%;
  height:4px;
  background-color:#f2e146;
}

.s-date__week {
  font-size:0.7em;
}


/*--------------------------------------------------------------------------------
  エラー
--------------------------------------------------------------------------------*/

.news-err { line-height:2; }


/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/
.news-list {
    --link-color: var(--txt-color);
    --link-deco: none;
    --link-deco-hover: none;
}
.news-list .news-list-item {
    border-bottom: 2px solid var(--txt-color);
}
.news-list .news-list-item a,
.news-list .news-list-item .nolink {
    --link-color-hover: var(--color-primary);
    display: grid;
    grid-template-columns: 8em auto;
    padding: 1em 0;
}
.news-list .news-list-item a .news-title {
    text-decoration: underline;
}
.news-list .news-list-item .news-title {
    font-weight: normal;
    line-height: var(--line-height-s);
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/
.news-detail {
  border-radius: var(--space-l);
  padding: var(--space-2l);
  background-color: #fff;
}
@media screen and (max-width:768px) {
  .news-detail {
    border-radius: var(--space-m);
    padding: var(--space-m);
  }
}
.news-detail-subject {
  margin-bottom: var(--space-2l);
}
.news-detail-subject time {
  color: #666;
  font-size: var(--fs-2s);
}
.news-detail .p-glog {
  margin-bottom: var(--space-l);
  overflow: hidden;
}
.news-detail .p-glog:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.news-detail .p-glog img {
  width: auto;
}
.news-detail .p-glog .p-glog__img--left {
  float: left;
  margin-right: var(--space-s);
}
.news-detail .p-glog .p-glog__img--right {
  float: right;
  margin-left: var(--space-s);
}
.news-detail .p-glog .p-glog__img--center {
  display: block;
  margin: 0 auto var(--space-s);
  text-align: center;
}
@media screen and (max-width:768px) {
  .news-detail .p-glog .p-glog__img--left,
  .news-detail .p-glog .p-glog__img--right {
    float: none;
    width: 100% !important;
    display: block;
    margin: 0 auto var(--space-s);
  }  
  .news-detail .p-glog .p-glog__img--center {
    width: 100% !important;
  }
}
