@charset "utf-8";

/*
===== NEWS ==========================================
*/

/*ロゴとメニュー色↓*/
#newsTop header #head-logo a .icoStyle {
  fill: #ffffff;
}
#newsTop .menu-trigger span {
  background-color: #ffffff;
}
/*背景外のロゴとメニュー色↓*/
#newsTop header.scrollColor #head-logo a .icoStyle {
  fill: #1a1918;
}
#newsTop header.scrollColor #head-logo.active a .icoStyle {
  fill: #ffffff;
}

#newsTop header.scrollColor .menu-trigger span {
  background-color: #1a1918;
}
#newsTop header.scrollColor .menu-trigger.active span {
  /*アクティブ時*/
  background-color: #ffffff;
}

#newsTop #contents #kv {
  width: 100%;
  height: auto;
}
#newsTop #contents #kv img {
  width: 100%;
  height: auto;
}
#newsTop #contents #newsList {
  padding: 40px 24px 0;
}
#newsList ul {
  padding: 0 12px;
}
#newsList li {
  margin-bottom: 44px;
}
#newsList li:last-child {
  margin-bottom: 0;
}
#newsList li span.date {
  display: block;
  margin-bottom: 0px;
  font-family: "BrownLLWeb";
  font-size: 1.3rem;
  line-height: 1.3rem;
  color: #c8bcaf;
}
#newsList li p {
  font-size: 1.3rem;
  line-height: 2.6rem;
  font-weight: 500;
}
#newsList li p a {
    font-weight: 500;
    color: #1a1918;
    text-decoration: underline;
}
#newsList .readmoreBtn {
  padding: 84px 12px 0 12px;
  text-align: right;
}
#newsList .readmoreBtn a {
  font-family: "BrownLLWeb";
  font-weight: 700;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  /*pc769以上*/
  /*ロゴとメニュー色↓*/
  #newsTop header #head-logo a .icoStyle {
    fill: #ffffff;
  }
  #newsTop div#menuNavPc li a {
    color: #ffffff;
  }
  #newsTop header div#menuNavPc li.snsLink a .icoStyle {
    fill: #ffffff;
  }
  /*背景外のロゴとメニュー色↓*/
  #newsTop header.scrollColor #head-logo a .icoStyle {
    fill: #1a1918;
  }
  #newsTop header.scrollColor div#menuNavPc li a {
    color: #1a1918;
  }
  #newsTop header.scrollColor div#menuNavPc li a::after {
    background: #1a1918;
  }
  #newsTop header.scrollColor div#menuNavPc li.snsLink a .icoStyle {
    fill: #1a1918;
  }
  #newsTop #contents #kv {
    height: 400px;
    background: url("../img/news/kv_pc.jpg") no-repeat 30% center;
    background-size: cover;
  }

  #newsTop #contents #newsList {
    padding: 75px 0 0;
  }
  #newsList ul {
    width: calc(100% - 32px);
    max-width: 808px;
    padding: 0 16px;
  }
  #newsList li {
    margin-bottom: 30px;
  }
  #newsList li span.date {
    font-size: 1.5rem;
    line-height: 1;
  }
  #newsList li p {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 500;
  }
　#newsList li p a{
    text-decoration: underline;
  }
　#newsList li p a:hover{
	text-decoration: none; 
  }
  #newsList .readmoreBtn {
    height: 44px;
    padding: 32px 16px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #newsList .readmoreBtn a {
    font-size: 1.7rem;
  }
}

/*-----------------
	詳細ページ
-----------------*/
#newsDetail .newsTitle {
  border-bottom: 1px solid #d9d1c7;
  padding: 0 12px 44px;
  margin: 0 0 44px;
}

div#menuNavPc.newsDetailMenu li a::after {
  background: #1a1918;
}

#newsDetail .newsTitle span.date {
  display: block;
  padding-bottom: 8px;
  font-family: "BrownLLWeb";
  font-size: 1.5rem;
  line-height: 1.3rem;
  letter-spacing: 0.75px;
  color: #c8bcaf;
}
#newsDetail .newsTitle h1 {
  font-size: 2.7rem;
  font-weight: 500;
  line-height: 4rem;
  letter-spacing: 2px;
}

#newsDetail .newsText {
  padding: 0 12px 0;
}
#newsDetail .newsText p {
  font-size: 1.3rem;
  line-height: 2.6rem;
  margin-bottom: 36px;
}
#newsDetail .newsText p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  /*pc769以上*/
  #newsDetail .newsTitle {
    width: calc(100% - 32px);
    max-width: 808px;
    padding: 0 16px 40px;
    margin: 0 0 40px;
  }
  #newsDetail .newsText {
    width: calc(100% - 32px);
    max-width: 808px;
    padding: 0 16px;
  }
  #newsDetail .newsText p {
    margin-bottom: 40px;
  }
}