base.sass

@import 'materialize'
.toast
  border-radius: 4px

html
  font-family: 'Roboto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif

#body
  background-color: #fcfcfc
  input:-webkit-autofill
    -webkit-box-shadow: 0 0 0px 1000px #fcfcfc inset

  header, main, footer
    padding-left: 240px

  @media #{$medium-and-down}
    header, main, footer
      padding-left: 0

  // picker.date.js 日本語対応
  .picker__select--month.browser-default
    width : 30%
  .picker__select--year.browser-default
    width : 35%

  .u-container
    @extend .container
    @media #{$large-and-up}
      width: 85%

  .u-title
    color: #ee6e73
    font-weight: 300
    vertical-align: middle

  .u-radio-div
    margin : 0 0 20px -16px

    label
      margin-right : 20px
      padding-left : 26px

  .u-check-box-div
    margin : 0 0 20px -10px

    label
      margin-right : 20px
      padding-left : 26px

  .u-check-box-div
    margin : 0 0 20px -10px

    label
      margin-right : 20px
      padding-left : 26px

  .u-photo-label
    margin-top : 10px
    font-size  : 0.8rem

  .u-photo-preview
    position : relative
    overflow : hidden
    cursor   : pointer
    margin   : 10px 0 16px 0

    .u-photo-icon
      cursor        : pointer
      padding-top   : 20px
      width         : 120px
      height        : 120px
      border        : 4px dotted #ccc
      border-radius : 10px

      i
        font-size : 80px

    .u-photo-delete
      position         : absolute
      width            : 100px
      height           : 100px
      background-color : rgba(0,0,0,.5)
      top              : -40px
      right            : -40px
      border-radius    : 50%
      i
        position  : absolute
        left      : 16px
        bottom    : 16px
        font-size : 40px

  form .row
    margin : 0 !important

  @media #{$small-and-down}
    .u-title
      font-size: 28px

  .pagination li.disabled a
    pointer-events: none

  ul#mobile-menu
    overflow-y: hidden
    &:hover
      overflow-y: auto

    li
      line-height: 44px
      padding: 0
      font-weight: bold
      a
        margin: 0
        line-height: 44px
        height: 44px

        &.active
          background-color: #f3f3f3
      &.active
        a
          background-color: #f3f3f3
        ul
          li
            a
              background-color: #fff

      ul
        li
          font-weight: normal
          a
            text-indent: 20px
            background-color: #fff
            &:hover
              background-color: #f3f3f3

          &.active
            a
              background-color: #ee6e73

      &.u-logo
        border-bottom: 1px solid #ddd
        &:hover
          background-color: transparent

        a
          margin: 20px
          padding: 0
          height: 140px
          &:hover
            background-color: transparent

  th, td
    &.u-indent
      text-indent: 6px

  i.left.u-slim
    margin-right: 6px

  i.right.u-slim
    margin-left: 6px

  footer
    margin-top: 64px

  .clearfix:before, .clearfix:after
    content: " "
    display: table
  .clearfix:after
    clear: both

  .u-brand-logo
    margin-left: 12px

  nav
    .u-user-name
      line-height: 24px
      margin-top: 4px
      font-size: .9em

    .u-div-sign-in
      line-height: 28px

      .u-btn-sign-in
        height: 26px
        line-height: 26px
        padding: 0 10px

  .u-ml
    margin-left: 8px

  .u-mt
    margin-top: 8px

  .u-no-mb
    margin-bottom: 0

  .u-no-pb
    padding-bottom: 0

  .u-vm
    vertical-align: middle

  .u-bold
    font-weight: bold

  .u-radius
    border-radius: 4px

  .u-progress
    width: 100%
    height: 4px
    .progress
      margin: 0

  .u-news-badge
    padding: 2px 4px 1px 4px
    border-radius: 4px
    margin-left: 2px

  .u-badge
    padding: 2px 4px 1px 4px
    border-radius: 4px

  .u-slim-table
    th, td
      padding: 6px 8px

  .u-no-last-border-table
    tr:last-child
      border-bottom: none

  .u-mti
    margin-top: -2px

  .u-large-btn
    width: 100%
    span
      vertical-align: middle
    i
      vertical-align: middle
      margin-top: -2px
      margin-left: 2px

  .u-btn-small
    height: 28px
    line-height: 28px
    padding: 0 12px