@charset "UTF-8";
@charset "UTF-8";

/* ニュース ヘッドライン 
=======================================================================*/


.post-list{
  padding:0;
  margin:0;
  width:100%;
	font-size:90%;
}

.post-list .post{
  border-bottom:1px solid #EFEFEF;
  width:100%;
  position:relative;
  margin:0;
  margin-bottom:10px;
  padding:0;
  display:block;
}


.post-list .post-eyecatch{
/*	float:left;*/
  overflow:hidden;
/*
  width:80px;
  height:80px;
*/
  max-width: 100%;
  margin-right:1em;
  margin-bottom:3px;
  /*display:none;*/
}
.post-list .post-eyecatch a{
/*  display:block;
	width:100%;
*/}

.post-list .post-eyecatch img{
  width:100%;
  height:100%;
    margin-bottom: 20px;
    object-fit: cover;
}


/*.news .post-eyecatch,*/
.post-list .post-date,
.post-list .post-cat,
.post-list .post-title{
  display:inline-block;
}


/* 日付 */
.post-list .post-date{
  position:relative;
  width: auto;
  white-space: nowrap;
  margin-right:0.5em;
}

/* 記事カテゴリ */
.post-list .post-cat{
/*  width:7em;*/
  margin-right:0.5em;
    margin-bottom: 10px;
}
.post-list .post-cat a{

  background-color:#000000;
  text-align:center;
  display:block;
  color:#FFFFFF;
  font-size:0.8em;
  white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}
.post-list .post-cat a:hover{
  opacity:0.8;
  text-decoration:none;
}

/* 記事タイトル */
.post-list .post-title{
}
.post-list .post-title a{
	color:#000000;
}
.post-list .post-title a:hover{
	color:#aaaaaa;
}


/* もっと見る */
.post-list .continue{
  margin-top:20px;
  text-align:right!important;
  font-weight:bold;
  display:block;
}
.post-list .continue a{
  font-size:1.4em;;
}


/******************************************* 
NEWマーク
********************************************/
.post-new {
    display: block;
    padding: 4px 4px;
    font-size: 13px;
    background-color: yellow;
    position: absolute;
    z-index: 1;
    top: -17px;
    left: -30px;
    line-height: 12px;
    transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
    font-family: 'Oswald';
    font-weight: 500;
    vertical-align: bottom;
    border-radius: 50%;
}
.post-new::before {
    content: "new!";
    font-size: 11px;
}
@media screen and (max-width: 700px) {
    .headline {
        padding-left: 10px;
    }
    .post-new {
        left: -25px;
    }
}

/******************************************* 
写真付きヘッドラインCSS
********************************************/
#headline_pic ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#headline_pic li{
    width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width: 700px) {
    #headline_pic li{
        width: 100%;
    }
}