@charset "UTF-8";
/* =========================================================
layout
========================================================= */
.items-block {
  padding: 0 13px;
}

.items-nav {
  width: 100%;
  margin: 10px 0 15px;
}
.items-nav .items-nav-list {
  text-align: left;
}
.items-nav .items-nav-item {
  width: 25%;
  padding: 0 20px 0 0;
  display: inline-block;
  text-align: center;
}
.items-nav .items-nav-item:nth-child(4n) {
  padding-right: 0;
}
.items-nav .items-nav-item a {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 40px;
  position: relative;
}
.items-nav .items-nav-item a:before {
  content: "[";
  position: absolute;
  top: 0;
  left: -8px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.items-nav .items-nav-item a:after {
  content: "]";
  position: absolute;
  top: 0;
  right: -8px;
  opacity: 0;
  filter: alpha(opacity=0);
}

body.item-ctg01 .items-nav .ctg01 a:before,
body.item-ctg02 .items-nav .ctg02 a:before,
body.item-ctg03 .items-nav .ctg03 a:before,
body.item-ctg04 .items-nav .ctg04 a:before,
body.item-ctg05 .items-nav .ctg05 a:before,
body.item-ctg06 .items-nav .ctg06 a:before,
body.item-ctg07 .items-nav .ctg07 a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
body.item-ctg01 .items-nav .ctg01 a:after,
body.item-ctg02 .items-nav .ctg02 a:after,
body.item-ctg03 .items-nav .ctg03 a:after,
body.item-ctg04 .items-nav .ctg04 a:after,
body.item-ctg05 .items-nav .ctg05 a:after,
body.item-ctg06 .items-nav .ctg06 a:after,
body.item-ctg07 .items-nav .ctg07 a:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.items .items-list .items-item {
  width: 50%;
  margin: 0 0 20px;
  padding: 0 7px 0 0;
  display: inline-block;
  vertical-align: top;
}
.items .items-list .items-item:nth-child(even) {
  padding: 0 0 0 7px;
}
.items .items-list .img {
  width: 100%;
  padding-bottom: 120%;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 0;
}
.items .items-list .img:after {
  content: "";
  width: 65px;
  height: 14px;
  background: url(../images/common/ico_onlineshop.png) no-repeat center center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}
.items .items-list .detail {
  padding: 7px 0 0;
  position: relative;
}
.items .items-list .ctg {
  font-size: 1rem;
  line-height: 10px;
  font-weight: 500;
}
.items .items-list .date {
  position: absolute;
  top: 7px;
  right: 0;
  font-family: 'Lato','Noto Sans','ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 10px;
  color: #9f9f9f;
}
.items .items-list .txt {
  margin: 3px 0 0;
  font-size: 1.3rem;
  line-height: 22px;
}