.container {
  width: 100%;
  max-width: 796px;
  padding: 112px 24px 0;
  margin: 0 auto 96px; }
  .container .cat {
    display: inline-block;
    padding: 0 40px;
    margin: 0 auto 16px;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .2em;
    background-color: #C7C7C7; }
  .container .ttl {
    margin: 0 auto 24px;
    font-size: 1.8rem;
    line-height: 1.6; }
  .container .day {
    display: none; }
  .container .eyecatch {
    margin: 0 auto 24px; }
  .container .content {
    margin: 0 auto 48px; }
    .container .content strong {
      font-weight: bold; }
    .container .content > *:not(:last-child) {
      margin: 0 auto calc(1em * 1.8); }
  .container .back a {
    display: inline-block;
    padding: 0 0 0 16px;
    color: #7D7D7D;
    position: relative; }
    .container .back a:before, .container .back a:after {
      content: "";
      width: 6px;
      height: 6px;
      margin: auto;
      vertical-align: middle;
      border-bottom: 1px solid #7D7D7D;
      border-left: 1px solid #7D7D7D;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      bottom: 0; }
    .container .back a:before {
      left: 5px; }
    .container .back a:after {
      left: 0; }

@media screen and (min-width: 1080px) {
  .container {
    padding: 209px 15px 0;
    margin: 0 auto 110px; } }

/*# sourceMappingURL=style.css.map */