/* CSS Document */
/*BLOG*/
.blog-box {
  margin-bottom: 40px;
  color: #4e3928; }

.blog-box ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -5px -10px; }

.blog-box ul li {
  padding: 0 5px;
  margin-bottom: 10px;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.blog-box ul li > div {
  width: 100%;
  background-color: #fdfbf6;
  padding: 30px 20px 66px; }

.blog-box ul li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; }

.blog-box ul li a:hover {
  background-color: rgba(255, 255, 255, 0.15); }

.blog-box .date {
  font-size: 13px;
  margin-bottom: 6px; }

.blog-box .ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 16px;
  color: #4e3928;
  overflow-y: hidden; }

.blog-detail .contributor {
  position: absolute;
  right: 25px;
  bottom: 30px;
  left: 25px; }

.blog-detail .contributor table.img-name th {
  width: 36px;
  padding-right: 12px; }

.blog-detail .contributor table.img-name th .imgArea {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 100px; }

.blog-detail .contributor table.img-name th img {
  width: 36px; }

@media screen and (max-width: 1120px) {
  .blog-box ul li {
    width: 33.33333%; } }

@media screen and (max-width: 760px) {
  .blog-box {
    margin-bottom: 15px; }
  .blog-box ul {
    margin: 0 0 15px; }
  .blog-box ul li {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0 0 5px; }
  .blog-box ul li > div {
    padding: 14px; }
  .blog-box ul li:last-child {
    margin: 0; }
  .blog-box .date {
    font-size: 12px; }
  .blog-box .ttl {
    font-size: 14px;
    margin-bottom: 3vw; }
  .blog-detail .contributor {
    position: static; } }