@charset "UTF-8";

/**********************************************
 * utility.css
 * 便利class
 *********************************************/

@media all {
  .ux_ib {
    display: inline-block !important;
  }

  .ux_fontS {
    font-size: 1.2rem !important;
  }

  .ux_fontS2 {
    font-size: 1.0rem !important;
  }

  .ux_fontS4 {
    font-size: 1.2rem !important;
  }

  .ux_colorAlert {
    color: #0066cc !important;
  }

  .ux_colorPlaceholder {
    color: rgba(0, 0, 0, .5) !important;
  }

  .ux_colorNote {
    color: #818181 !important;
  }

  .ux_mtNone {
    margin-top: 0 !important;
  }

  .ux_mbNone {
    margin-bottom: 0 !important;
  }

  .ux_mtbNone {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .ux_mr {
    margin-right: 4px !important;
  }

  .ux_mr {
    margin-right: 8px !important;
  }

  .ux_mtDefault {
    margin-top: 12px !important;
  }

  .ux_mbDefault {
    margin-bottom: 12px !important;
  }

  .ux_mtbDefault {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
  }

  .ux_mtLarge {
    margin-top: 16px !important;
  }

  .ux_mbLarge {
    margin-bottom: 16px !important;
  }

  .ux_mtbLarge {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
  }

  .ux_mtHalf {
    margin-top: 6px !important;
  }

  .ux_mbHalf {
    margin-bottom: 6px !important;
  }

  .ux_mtbHalf {
    margin-bottom: 6px !important;
    margin-top: 6px !important;
  }

  .ux_bold {
    font-weight: bold !important;
  }

  .ux_spBold {
    font-weight: bold !important;
  }

  .ux_center {
    text-align: center !important;
  }

  .ux_right {
    text-align: right !important;
  }

  .ux_left {
    text-align: left !important;
  }

  .ux_vMiddle {
    vertical-align: middle !important;
  }

  .ux_vBottom {
    vertical-align: bottom !important;
  }

  .ux_tbCenter {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ux_nowrap {
    white-space: nowrap;
  }

  .ux_brAll {
    word-break: break-all;
  }
}

@media all and (min-width: 769px) {
  .ux_pcHide {
    display: none !important;
  }

  .ux_fontS2 {
    font-size: 1.2rem !important;
  }

  .ux_fontS3 {
    font-size: 1.2rem !important;
  }

  .ux_fontS4 {
    font-size: inherit !important;
  }

  .ux_mtDefault {
    margin-top: 16px !important;
  }

  .ux_mbDefault {
    margin-bottom: 16px !important;
  }

  .ux_mtbDefault {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
  }

  .ux_mtLarge {
    margin-top: 24px !important;
  }

  .ux_mbLarge {
    margin-bottom: 24px !important;
  }

  .ux_mtbLarge {
    margin-bottom: 24px !important;
    margin-top: 24px !important;
  }

  .ux_mtHalf {
    margin-top: 8px !important;
  }

  .ux_mbHalf {
    margin-bottom: 8px !important;
  }

  .ux_mtbHalf {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
  }

  .ux_PcRight {
    text-align: right !important;
  }

  .ux_pcBold {
    font-weight: bold !important;
  }

  .ux_spWrapClr {
    overflow: auto;
  }
}

@media all and (max-width: 768px) {
  .ux_spHide {
    display: none !important;
  }

  .ux_spWrapClr {
    overflow: visible;
  }

  .ux_spMtNone {
    margin-top: 0 !important;
  }

  .ux_spMbNone {
    margin-bottom: 0 !important;
  }

  .ux_spMlNone {
    margin-left: 0 !important;
  }

  .ux_spMrNone {
    margin-right: 0 !important;
  }
}