@charset "utf-8";


@media print,screen and (min-width : 501px) { /* ----------------------------------------------------------------------------------------------------*/

/** ブログリスト
────────────────────────────────────────────────── */

#blogList{
   
}
  #blogList h1 strong{
    color:#00712f;
  }
  #blogList ul{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
    margin-top:20px;
  }
  #blogList ul::after{
    content:"";
    display: block;
    width:30%;
  }
  #blogList ul li{
    width:30%;
    margin-bottom:20px;
  }
  #blogList .blogimage{
    width:300px;height:240px;
    overflow:hidden;
    margin-bottom:10px;
  }
  #blogList ul li img{
    width:300px;
    transition-duration: 0.3s;	
  }
  #blogList ul li img:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
  }
  .blogdate{
    margin-bottom:4px;
  }
  .blogdate p{
  }


/** お知らせ・新着情報
────────────────────────────────────────────────── */

#newsList{
  margin-top:30px;
}
  #newsList h1 strong{
    color:#00712f;
  }
  #newsList ul li{
    border-bottom:1px dotted #CCCCCC;
    padding:14px 0 14px 0;
  }
  #newsList ul li a{
    text-decoration:underline;
    color:#007BC7;
  }
  #newsList ul li a:hover{
    color:#E86D9E;
  }


}
@media screen and (max-width : 500px) {  /* ----------------------------------------------------------------------------------------------------*/

/** ブログリスト
────────────────────────────────────────────────── */

#blogList{
   
}
  #blogList h1 strong{
    color:#E96D9F;
  }
  #blogList ul{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
    margin-top:10px;
  }
  #blogList ul li{
    width:50%;
    padding:5px;
    line-height:1.2;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  }
  #blogList .blogimage{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-bottom:4px;
  }
  #blogList ul li img{
    width:100%;height:auto;
  }
  .blogdate{
    margin-bottom:8px;
  }
  .blogdate p{
  }


/** お知らせ・新着情報
────────────────────────────────────────────────── */

#newsList{
  margin-top:30px;
}
  #newsList h1 strong{
    color:#007BC7;
  }
  #newsList ul li{
    border-bottom:1px dotted #CCCCCC;
    padding:14px 0 14px 0;
  }
  #newsList ul li a{
    text-decoration:underline;
    color:#007BC7;
    display:block;
    margin-top:4px;
  }
  #newsList ul li a:hover{
    color:#E86D9E;
  }


}