@charset "UTF-8";
/* //////////////////////////////////////////////////
[新着情報一覧css] 
////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////
スマホ
////////////////////////////////////////////////// */

#imagebox {
  background-image: url("../common/img/bg_h2.png"), url("img/h2_charaicon.png"), url("../common/img/bg1_blue.jpg");
}

/* //////////////////////////////////////////////////
 [新着情報] 
////////////////////////////////////////////////// */
.newtopics {
  clear: both;
  margin: 0px 0 30px 0;
  padding: 25px 20px 20px 20px;
  text-align: left;
  background-color:#f6fefd;
  border-radius: 20px 20px;
}


.newtopics h3{  background-size: 24px auto,0px;
  padding: 0px 0px 20px 0px;}

.newtopics p.button {
  margin-top: 20px;
}
ul.newsList {
  border-bottom: 1px dotted #c8c8c8;
  padding: 8px 0 8px 0;
  margin: 5px 0 7px 0;}
ul.newsList li {
  display: block;
  margin: 0px 0px 0px 0px;
  line-height: 1.5em;
}
ul.newsList li:first-child { /* 日付  */
  color: #969696;
  padding-bottom: 5px;
}

/* //////////////////////////////////////////////////
PC
////////////////////////////////////////////////// */
@media only screen and (min-width: 769px) {
 
.newtopics {
    padding: 25px 40px 40px 40px;
  }
  .newtopics p.button {
    margin-top: 35px;
  }
  ul.newsList li {
    line-height: 1.7em;
  }

}


.midashi.news_detail{
  >p{ font-weight: bold;color: #6a474c; display: block; padding: 0px 0px 0px 0px; letter-spacing: 0.02em; margin: 0;}
@media only screen and (min-width: 769px) { width: 500px;
  >p{ font-size: 23px;}
}
@media only screen and (max-width: 768px) {
  >p{ font-size: 19px;}
}
}

.news_detail_container{ display: flex; justify-content: center; margin: 0 auto;}


.news_detail_yt{ border-bottom: 1px #d9c2b6 dashed; color: #6A474C;
  >.ymd{ font-weight: 500; margin: 0 0 .25em; padding: 0;}
  >.ttl{ font-weight: 700; margin: 0; padding: 0 0 .75em;}
@media only screen and (min-width: 769px) {
  >.ymd{ font-size: 14px;}
  >.ttl{ font-size: 18px;}
}
@media only screen and (max-width: 768px) {
  >.ymd{ font-size: 12px;}
  >.ttl{ font-size: 14px;}
}
}

@media only screen and (min-width: 769px) {}
@media only screen and (max-width: 768px) {}