/**
 *  breakpoint
 */
#single .single_main {
  background-color: #FFF;
  padding: 5em 6.25em;
  padding-bottom: 5.625em;
}
#single .art-head .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.1875em;
}
#single .art-head .meta .date,
#single .art-head .meta .category {
  font-size: 0.9375em;
  letter-spacing: 0.1em;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#single .art-head .meta .date:not(:last-child)::after,
#single .art-head .meta .category:not(:last-child)::after {
  content: "";
  display: inline-block;
  border-right: 1px solid #B3B3B3;
  margin: 0 1.7333333333em;
  height: 0.8em;
}
#single .art-head .meta .category span {
  color: #BB2C25;
}
#single .art-head .ttl {
  font-size: 1.6875em;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
#single .slider_gallery ._slider_thumbs::before {
  background: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(10%, #FFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #FFF 0%, #FFF 10%, rgba(255, 255, 255, 0) 100%);
}
#single .slider_gallery ._slider_thumbs::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(90%, #FFF), to(#FFF));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 90%, #FFF 100%);
}
#single .art-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#single .art-navi .prev a,
#single .art-navi .next a {
  width: 2.5em;
  height: 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#single .art-navi .prev a:active, #single .art-navi .prev a:hover,
#single .art-navi .next a:active,
#single .art-navi .next a:hover {
  background-color: #000;
}
#single .art-navi .prev a:active .i::before, #single .art-navi .prev a:hover .i::before,
#single .art-navi .next a:active .i::before,
#single .art-navi .next a:hover .i::before {
  opacity: 0;
}
#single .art-navi .prev a:active .i::after, #single .art-navi .prev a:hover .i::after,
#single .art-navi .next a:active .i::after,
#single .art-navi .next a:hover .i::after {
  opacity: 1;
}
@media screen and (max-width:767px) {
  #single .single_main {
    padding: 2.6923076923em 2.1153846154em;
  }
  #single .art-head .meta {
    margin-bottom: 2.1875em;
  }
  #single .art-head .meta .date,
  #single .art-head .meta .category {
    font-size: 0.9230769231em;
  }
  #single .art-head .meta .date:not(:last-child)::after,
  #single .art-head .meta .category:not(:last-child)::after {
    margin: 0 1.0833333333em;
    height: 18em_24;
  }
  #single .art-head .ttl {
    font-size: 1.5384615385em;
    letter-spacing: 0em;
  }
  #single .art-navi .prev a,
  #single .art-navi .next a {
    width: 2.8076923077em;
    height: 2.8076923077em;
  }
  #single .art-navi .prev a .i,
  #single .art-navi .next a .i {
    font-size: 1.186em;
  }
}/*# sourceMappingURL=single.css.map */