@charset "utf-8";

/**
 *
 * BAIKAダイアリー: 一覧
 *
 */

/*--------------------------------------------------------------------------
  overwrite スタイルの上書き
--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
	#Loading
--------------------------------------------------------------------------*/

#Loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10000;
}

#Loading p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -44px;
}



/*----------------------------------------------------------------------
	.content_wrap
----------------------------------------------------------------------*/

.search-txt {
  padding-left: 25px;
  background: url(../images/detail/ico_tag.png) no-repeat 0 .2em;
  background-size: 20px auto;
  float: left;
  height: 38px;
  margin-bottom: 24px;
}

.search-txt span {
  font-weight: bold;
}

.search-txt a {
  font-size: 10px;
  color: #2e2b2c;
}

@media all and (max-width: 767px) {
  .search-txt {
    float: none;
    padding-left: 20px;
    background-size: 15px auto;
    margin-bottom: 25px;
    height: auto;
  }

  .search-txt a {
    display: block;
  }
}

.error {
  color: #d91c5c;
  font-weight: bold;
}

/* .article_list
-----------------------------------------------------------------*/
.article_list {
  margin: -30px 0 0 -30px;
}

.article_list li {
  width: 300px;
  float: left;
  margin: 30px 0 0 30px;
}

.article_list a {
  color: #fff;
  text-decoration: none;
}

.article_list li .img {
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-size: cover;
}

.article_list li>span {
  position: relative;
  display: block;
  color: #fff;
}

.article_list li>span img {
  min-width: 300px;
}

.article_list dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.article_list dt {
  font-size: 11px;
}

.article_list dd.ttl {
  line-height: 1.3;
  margin-top: 5px;
}

.article_list dd.tag {
  display: inline-block;
  margin-top: 7px;
  padding-left: 20px;
  background: url(../images/common/ico_tag.png) no-repeat 0 5px;
  background-size: 14px;
  font-size: 10px;
}

.article_list dd.tag a {
  position: static;
  display: inline-block;
  margin: 2px 0 0 5px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.3);
}

.article_list dd.tag a:hover {
  background: #000;
}

/* .cmn_pager
-----------------------------------------------------------------*/
.cmn_pager {
  margin-top: 40px;
}


@media all and (max-width: 767px) {

  /* .article_list
	-----------------------------------------------------------------*/
  .article_list {
    margin: -15px 0 0 -2%;
  }

  .article_list li {
    width: 48%;
    margin: 15px 0 0 2%;
  }

  .article_list li a img {
    min-width: 0;
    width: 100%;
  }

  .article_list dt {
    font-size: 9px;
  }

  .article_list dd {
    font-size: 10px;
  }

  /* .cmn_pager
	-----------------------------------------------------------------*/
  .cmn_pager {
    margin-top: 40px;
  }

  .article_list li>span img {
    min-width: 0;
    width: 100%;
  }

}

@media all and (max-width: 441px) {

  /* .article_list
	-----------------------------------------------------------------*/
  .article_list {
    margin: -15px auto 0;
  }

  .article_list li {
    float: none;
    width: auto;
    margin: 15px auto 0;
  }
}