#content-mask
  position: relative
  overflow: hidden
  margin: 0 auto
  max-width: $maxContentWidth

#content
  position: relative
  z-index: 10
  overflow: hidden
  background: #fff

  @extend %clearfix

  +transition(height 400ms ease-out)

.center
  float: none
  margin: 0 auto

.row
  @extend %clearfix

.text-panel
  padding: 80px 14.2857143%
  max-width: 900px

  &.less-gutter-left
    padding-left: 14.2857143%

  &.less-gutter-right
    padding-right: 14.2857143%

  +respond-to-width(480)
    padding-top: 40px
    padding-bottom: 40px

  +respond-to-width(1680)
    padding-left: 14.2857143%
    padding-right: 14.2857143%

    &.less-gutter-left
      padding-left: 7.14285715%

    &.less-gutter-right
      padding-right: 7.14285715%

  &.small
    padding-left: 25%
    padding-right: 25%

    +respond-to-width(1680)
      padding-left: 12.5%
      padding-right: 12.5%

  &.h1-padding
    margin-top: 3.15em


  ul,ol
    padding-left: .833333333em
    li
      padding-left: 30px

  ul
    li
      list-style: disc
  ol
    li
      list-style: decimal

  .article-logo
    display: inline-block
    max-height: 60px
    margin-right: 20px

    &.nen
      position: relative
      top: -15px
      left: 0
      max-height: 30px

.main-shadow
  +position(fixed, 0 null null 50%)
  margin-left: $maxContentWidth / -2
  width: $maxContentWidth
  height: 100%
  background: #fff

  $shadow: 0 0 15px -3px rgba(0,0,0,.4)
  -webkit-box-shadow:  $shadow
  -moz-box-shadow: $shadow
  box-shadow: $shadow