.__u-cf:before,
.__u-cf:after{
  content:"";
  display: table;
}
.__u-cf:after { clear:both; }

.__listTtl {
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 10px;
}
.__archDList {
  font-size: 14px;
  background-color: #f0f0f0;
}

.__archDList > dt {
  float: left;
  width: 91px;
  height: 33px;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
  background-color: #ccc;
}

.__archDList > dd {
  float: left;
  height: 33px;
  line-height: 33px;
  padding: 0 19px;
}

.__monthList {
white-space: nowrap;
overflow-x: auto;
}

.__monthList > li {
  display: inline-block;
  color: #ccc;
  margin-left: 18px;
}
.__monthList > li:first-child {
  margin-left: 0;
}
.__monthList > li.is-active {
  color: #333;
  font-weight: bold;
}

.__archMove {
  margin: 10px 0;
}

.__archMove__prev {
  float: left;
}

.__archMove__prev > a {
}
.__archMove__prev > a:before {
  content: "＜";
  display: inline-block;
margin-right: 0.5em;
}

.__archMove__back {
  float: right;
}

.__archMove__back > a {
}
.__archMove__back > a:after {
  content: "＞";
  display: inline-block;
  margin-left: 0.5em;
}

.__archPostDlist {
  margin-bottom: 20px;
}

.__archPostDlist > dt {
  float: left;
  width: 65px;
  font-size: 12px;
}

.__archPostDlist > dd {
  padding-left: 65px;
  margin-bottom: 8px;
}

.__bcList {
  width: 980px;
  margin: 10px auto 0;
}
.__bcList > li {
  float: left;
  font-size: 13px;
}
.__bcList > li:after {
  content: "＞";
  color: #999;
  margin: 0 1em;
}
.__bcList > li.last:after {
  content: ""
}
@media screen and (max-width: 767px){ 
.__archDList {
}
.__archDList dt {
width: 20%;
}
.__archDList dd {
width: 80%;
}

}