/* -----------------------------------------------------------------------------
   f-c09: Article
*/
/* line 9, components/scss/f-c09.scss */
.f-c09v0 {
  max-width: 1100px;
  margin: auto;
  padding: 0 0;
  background: #ffffff;
  padding: 18px;
}
/* line 13, components/scss/_mixins.scss */
.f-c09v0.is-full {
  max-width: none;
  padding: 0;
}

/* line 15, components/scss/f-c09.scss */
.f-c09_inner {
  max-width: 810px;
  margin: 0 auto;
}

/* line 20, components/scss/f-c09.scss */
.f-c09_headline {
  margin-bottom: 9px;
}

/* line 24, components/scss/f-c09.scss */
.f-c09_date {
  margin-bottom: 32px;
  letter-spacing: 2px;
}

/* line 29, components/scss/f-c09.scss */
.f-c09_social-share > *,
.f-c09_tag-list > * {
  margin: 0 auto 36px;
  text-align: center;
}

@media (min-width: 48em) {
  /* line 36, components/scss/f-c09.scss */
  .f-c09_inner {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  /* line 41, components/scss/f-c09.scss */
  .f-c09_social-share > *,
  .f-c09_tag-list > * {
    margin: 0 0 36px;
    text-align: left;
  }

  /* line 47, components/scss/f-c09.scss */
  .f-c09_social-share > * {
    position: relative;
    left: -12px;
    top: -22px;
    margin-bottom: 0;
  }

  /* line 15, bourbon/addons/_clearfix.scss */
  .f-c09_head:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 58, components/scss/f-c09.scss */
  .f-c09_headline {
    float: right;
    width: 80%;
    position: relative;
    top: -7px;
    margin-bottom: 32px;
  }

  /* line 66, components/scss/f-c09.scss */
  .f-c09_date {
    width: 20%;
    float: left;
  }

  /* line 15, bourbon/addons/_clearfix.scss */
  .f-c09_body:after {
    content: "";
    display: table;
    clear: both;
  }

  /* line 75, components/scss/f-c09.scss */
  .f-c09_main {
    float: right;
    width: 80%;
  }

  /* line 80, components/scss/f-c09.scss */
  .f-c09_aside {
    width: 20%;
  }

  /* line 84, components/scss/f-c09.scss */
  .f-c09_footer {
    padding-left: 20%;
  }
}