@charset "UTF-8";
@scope (.nec-contents) {


/* ----------------------------------------------------------------------------
 * _nec.scss
 * ------------------------------------------------------------------------- */
body {
    display: table;
    width: 100%;
    margin: 0;
    text-align: left;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

[v-cloak] {
    display: none;
}

.form-horizontal>.form-group {
    margin-left: auto;
    margin-right: auto;
}

.row {
    margin: 0;
    .col-md-12 {
        padding: 0;
    }
}

#wrapper.container-fluid {
    padding: 0;
}

.mainheader {
    height: 62px;
    padding: 17px 22px;
    text-align: left;
    font-size: medium;
    line-height: normal;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;


    /* 20250723 FA側の設定を解除 */
    letter-spacing: initial;

}

.mainheader .header-row {
    width: 100%;
    min-width: 900px;
}

.mainheader .header-row .left-logo {
    float: left;
}

.mainheader .header-row .left-logo .icon-lavie {
    width: 108px;
    height: 26px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}

.mainheader .header-row .left-logo .site-title {
    float: left;
    margin: 5px 0;
    margin-right: 20px;
    font-size: 12px;
}

.mainheader .header-row .left-logo .mobile-menubtn {
    float: right;
    display: none;
}

.mainheader .header-row .left-logo .mobile-menubtn .menuicon {
    display: block;
}

.mainheader .header-row .left-logo .mobile-menubtn .menuicon-close {
    display: none;
}

.mainheader .header-row .left-logo .mobile-menubtn>div>div {
    display: block;
    text-align: center;
}

.mainheader .header-row .left-logo .mobile-menubtn>div>div span {
    font-size: 0.6em;
    font-weight: bold;
    display: block;
}

.mainheader .header-row .left-logo .mobile-menubtn>div>div .icon-menu {
    font-size: 26px;
}

.mainheader .header-row .left-logo .mobile-menubtn>div>div .icon-close {
    font-size: 20px;
    padding: 3px 0;
}

.mainheader .header-row .right-content .home-search {
    display: none;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.mainheader .header-row .right-content .home-search>div {
    display: flex;
    margin-left: 300px;
    margin-right: 20px;
    background: #fff;
    height: 62px;
    align-items: center;
}

.mainheader .header-row .right-content .home-search>div .icon-search {
    margin-right: 20px;
    font-size: 20px;
}

.mainheader .header-row .right-content .home-search>div form {
    border: 0;
    width: 100%;
    outline: 0;
}

.mainheader .header-row .right-content .home-search>div form input {
    border: 0;
    width: 100%;
    outline: 0;
}

.mainheader .header-row .right-content .home-search>div form input::-ms-clear {
    display: none;
}

.mainheader .header-row .right-content .home-search>div form input::-ms-reveal {
    display: none;
}

.mainheader .header-row .right-content .home-search>div .right-search {
    display: inline-block;
    width: 105px;
    align-items: center;
    line-height: 5px;
    height: 20px;
}

.mainheader .header-row .right-content .home-search>div .right-search a {
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
}

.mainheader .header-row .right-content .home-search>div .right-search .icon-close {
    font-size: 20px;
    margin-left: 20px;
    cursor: pointer;
}

.mainheader .header-row .right-content .home-tiles .left-tiles {
    display: inline-block;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li {
    padding: 0 5px;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li span {
    cursor: pointer;
    padding: 3px 15px;
    border-radius: 5px;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li span a {
    padding: 0;
    line-height: normal;
    font-size: 14px;
    vertical-align: text-bottom;
    color: #333;
    text-decoration: none;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li span.active {
    color: #fff;
    background: #333;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li span.active a {
    color: #fff;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li:nth-child(3) span {
    color: #fff;
    background: #333;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li:nth-child(3) span a {
    color: #fff;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li span a .circle-right {
    display: none;
    background: url("/o/nec-theme/images/menu_arrow.png") no-repeat 93% center;
    background-size: 20px 20px;
    float: right;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li span.active a .circle-right {
    display: none !important;
}

.mainheader .header-row .right-content .home-tiles .left-tiles ul li:nth-child(3) span a .circle-right {
    display: none !important;
}

.mainheader .header-row .right-content .home-tiles .right-logo {
    float: right;
}

.mainheader .header-row .right-content .home-tiles .right-logo .icon-nec {
    margin-right: 20px;
    vertical-align: middle;
}

.mainheader .header-row .right-content .home-tiles .right-logo .icon-search {
    font-size: 18px;
    vertical-align: sub;
    cursor: pointer;
}

.subheader {
    width: 100%;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.subheader>div {
    width: auto;
    max-width: 1248px;
    margin: 0 auto;
}

.subheader ul {
    display: flex;
    list-style: none;
    justify-content: center;
    margin: 5px 0;
    padding: 0;
    width: 100%;
}

.subheader ul li {
    width: 33%;
    border-right: 1px solid #ccc;
    text-align: center;
}

.subheader ul li:last-child {
    border: 0
}

.subheader ul li span {
    cursor: pointer;
    width: 95%;
    padding: 5px 0;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.subheader ul li span:hover {
    background: #dee8eb;
}

.subheader ul li span a {
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    line-height: normal;
    vertical-align: sub;
}

@media screen and (max-width :750px) {
    .deskview {
        display: none;
    }
    body {
        display: block;
    }
    .mainheader {
        padding-left: 5px;
        .header-row {
            min-width: 0;
            .left-logo {
                img {
                    transform: scale(0.8);
                    margin-right: 0;
                }
                .mobile-menubtn {
                    display: block;
                    position: absolute;
                    right: 15px;
                    top: 12px;
                    cursor: pointer;
                    >div {
                        >div {}
                    }
                }
            }
            .right-content {
                display: none;
                &.open {
                    display: block;
                    position: absolute;
                    top: 62px;
                    left: 0;
                    width: 100%;
                    .home-search {
                        display: block;
                        position: relative;
                        >div {
                            margin-left: 0;
                            width: 100%;
                            height: 70px;
                            padding: 10px;
                            border: 5px solid #e5e5e5;
                            .icon-search {
                                display: none;
                            }
                            form {
                                input {
                                    font-size: 13px;
                                    height: 16px;
                                    display: block;
                                }
                            }
                            .right-search {
                                width: 20px;
                                line-height: normal;
                                a {
                                    font-size: 0;
                                }
                                a::before {
                                    font-family: "LenovoMotoSupport";
                                    content: "\e90D";
                                    font-size: 18px;
                                }
                                .icon-close {
                                    display: none;
                                }
                            }
                        }
                    }
                    .home-tiles {
                        .left-tiles {
                            width: 100%;
                            border: 4px solid #e5e5e5;
                            border-top: 0;
                            ul {
                                width: 100%;
                                display: block;
                                li {
                                    float: left;
                                    width: 50%;
                                    border: 1px solid #e5e5e5;
                                    padding: 0;
                                    span {
                                        display: block;
                                        padding: 0;
                                        border-radius: 0;
                                        a {
                                            font-size: 13px;
                                            display: block;
                                            padding: 16px 14px;
                                            .circle-right {
                                                display: inline-block;
                                                width: 19px;
                                                height: 19px;
                                                background-size: 19px 19px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .subheader {
        margin: 0;
        border: 0;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        &.open {
            margin-top: 114px;
        }
        ul {
            margin: 0;
            li {
                padding: 3px 0;
                border-color: #e5e5e5;
                span {
                    padding: 2px;
                    border-radius: 2px;
                    a {
                        font-size: 12px;
                    }
                }
            }
        }
    }
}


/* ----------------------------------------------------------------------------
 * _footer.scss
 * ------------------------------------------------------------------------- */
.mainfooter {
    background: #333;
    text-align: left;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    .list-area {
        color: #eee;
        display: flex;
        padding: 20px 10px;
        padding-top: 60px;
        font-size: 12px;
        max-width: 1200px;
        /* min-width: 1012px; */
        margin: 0 auto;
        .link-list {
            width: 25%;
            padding: 15px;
            .list-title {
                border: 1px solid #777;
                border-left: 0;
                border-right: 0;
                &.list-title-mobile {
                    display: none;
                }
                &.list-title-desktop {
                    display: block;
                    cursor: pointer;
                }
                >div {
                    padding: 10px 0 6px;
                    .link-title {
                        font-size: 16px;
                    }
                    .circle-right {
                        float: right;
                        color: #999;
                    }
                    .mobile-toggle {
                        display: none;
                    }
                }
            }
            .list-content {
                display: block;
                margin: 10px 0;
                .link-block {
                    list-style: none;
                    padding: 0;
                    margin-bottom: 20px;
                    li {
                        margin-bottom: 5px;
                    }
                    .link-category {
                        padding: 0;
                        color: #aaa;
                    }
                    .link-a {
                        padding: 0;
                        &.link-mobile {
                            display: none;
                        }
                        a {
                            color: #eee;
                            text-decoration: none;
                        }
                    }
                    .link-a-sub {
                        padding-left: 10px;
                    }
                }
            }
        }
    }
    .info-area {
        background: #fff;
        padding: 10px 20px;
        margin-bottom: 20px;
        height: 35px;
        .sns-area {
            float: left;
        }
        .info-link-area {
            margin: 5px 0;
            margin-left: 10px;
            float: left;
            ul {
                list-style: none;
                display: flex;
                margin: 0;
                padding: 0;
                li {
                    padding: 0 5px;
                    font-size: 12px;
                    a {
                        color: #333;
                        text-decoration: none;
                    }
                }
            }
        }
        .copyright-area {
            float: right;
            margin-top: 5px;
            /* margin-right: 45p
            font-size: 12px;
        }
    }
}

@media screen and (max-width :950px) {
    .deskview {
        display: none;
    }
    .mainfooter {
        background: #fff;
        .list-area {
            padding: 0;
            display: block;
            text-align: center;
            min-width: 0;
            .link-list {
                width: 100%;
                padding: 0;
                color: #000;
                .list-title {
                    width: 100%;
                    background: 0;
                    border-bottom: 0;
                    &.list-title-mobile {
                        display: block;
                        cursor: pointer;
                    }
                    &.list-title-desktop {
                        display: none;
                    }
                    >div {
                        padding: 12px 0 8px;
                        position: relative;
                        .link-title {
                            font-size: 12px;
                        }
                        .circle-right {
                            display: none;
                        }
                        .mobile-toggle {
                            display: block;
                            position: absolute;
                            top: 7px;
                            right: 30px;
                            font-size: 18px;
                            .plus {
                                display: block;
                            }
                            .minus {
                                display: none;
                                margin-right: 3px;
                            }
                        }
                    }
                    &.open {
                        border-bottom: 1px solid #777;
                        >div {
                            .mobile-toggle {
                                .plus {
                                    display: none;
                                }
                                .minus {
                                    display: block;
                                }
                            }
                        }
                    }
                }
                .list-content {
                    display: none;
                    &.open {
                        display: block;
                    }
                    .link-block {
                        margin-bottom: 0;
                        .link-category {
                            color: #000;
                            text-align: left;
                            margin: 15px 30px;
                        }
                        .link-a {
                            background: url("/o/nec-theme/images/sp_arrow_small.png") no-repeat right 50%;
                            background-size: 1.2em;
                            color: #000;
                            margin: 15px 30px;
                            text-align: left;
                            a {
                                color: #000;
                                text-decoration: none;
                            }
                            &.link-mobile {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
        .info-area {
            border-top: 1px solid #777;
            height: auto;
            margin: 0;
            padding: 0;
            text-align: center;
            .sns-area,
            .info-link-area,
            .copyright-area {
                float: none;
                margin: 14px auto;
            }
            .sns-area {
                a {
                    padding: 0 3px;
                }
            }
            .info-link-area {
                ul {
                    justify-content: center;
                    width: 100%;
                    max-width: 600px;
                    margin: 0 auto;
                    li {
                        padding: 0 10px;
                    }
                }
            }
            .copyright-area {
                margin-bottom: 60px;
            }
        }
    }
}

/* ----------------------------------------------------------------------------
 * _core.scss
 * ------------------------------------------------------------------------- */
 /* FONT AWESOME CORE
 * -------------------------- */

[class^="icon-"],
[class*=" icon-"] {
  @include icon-FontAwesome();
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: (4em/3);
}

/* makes sure icons active on rollover in links */
a {
  [class^="icon-"],
  [class*=" icon-"] {
    display: inline;
  }
}

/* increased font size for icon-large */
[class^="icon-"],
[class*=" icon-"] {
  &.icon-fixed-width {
    display: inline-block;
    width: (16em/14);
    text-align: right;
    padding-right: (4em/14);
    &.icon-large {
      width: (20em/14);
    }
  }
}

.icons-ul {
  margin-left: $icons-li-width;
  list-style-type: none;

  > li { position: relative; }

  .icon-li {
    position: absolute;
    left: -$icons-li-width;
    width: $icons-li-width;
    text-align: center;
    line-height: inherit;
  }
}

// allows usage of the hide class directly on font awesome icons
[class^="icon-"],
[class*=" icon-"] {
  &.hide {
    display: none;
  }
}

.icon-muted { color: $iconMuted; }
.icon-light { color: $iconLight; }
.icon-dark { color: $iconDark; }

// Icon Borders
// -------------------------

.icon-border {
  border: solid 1px $borderColor;
  padding: .2em .25em .15em;
  @include border-radius(3px);
}

// Icon Sizes
// -------------------------

.icon-2x {
  font-size: 2em;
  &.icon-border {
    border-width: 2px;
    @include border-radius(4px);
  }
}
.icon-3x {
  font-size: 3em;
  &.icon-border {
    border-width: 3px;
    @include border-radius(5px);
  }
}
.icon-4x {
  font-size: 4em;
  &.icon-border {
    border-width: 4px;
    @include border-radius(6px);
  }
}

.icon-5x {
  font-size: 5em;
  &.icon-border {
    border-width: 5px;
    @include border-radius(7px);
  }
}


// Floats & Margins
// -------------------------

// Quick floats
.pull-right { float: right; }
.pull-left { float: left; }

[class^="icon-"],
[class*=" icon-"] {
  &.pull-left {
    margin-right: .3em;
  }
  &.pull-right {
    margin-left: .3em;
  }
}

/* ----------------------------------------------------------------------------
 * _icons.scss
 * ------------------------------------------------------------------------- */
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */

.icon-glass:before { content: $glass; }
.icon-music:before { content: $music; }
.icon-search:before { content: $search; }
.icon-envelope-alt:before { content: $envelope-alt; }
.icon-heart:before { content: $heart; }
.icon-star:before { content: $star; }
.icon-star-empty:before { content: $star-empty; }
.icon-user:before { content: $user; }
.icon-film:before { content: $film; }
.icon-th-large:before { content: $th-large; }
.icon-th:before { content: $th; }
.icon-th-list:before { content: $th-list; }
.icon-ok:before { content: $ok; }
.icon-remove:before { content: $remove; }
.icon-zoom-in:before { content: $zoom-in; }
.icon-zoom-out:before { content: $zoom-out; }
.icon-power-off:before,
.icon-off:before { content: $off; }
.icon-signal:before { content: $signal; }
.icon-gear:before,
.icon-cog:before { content: $cog; }
.icon-trash:before { content: $trash; }
.icon-home:before { content: $home; }
.icon-file-alt:before { content: $file-alt; }
.icon-time:before { content: $time; }
.icon-road:before { content: $road; }
.icon-download-alt:before { content: $download-alt; }
.icon-download:before { content: $download; }
.icon-upload:before { content: $upload; }
.icon-inbox:before { content: $inbox; }
.icon-play-circle:before { content: $play-circle; }
.icon-rotate-right:before,
.icon-repeat:before { content: $repeat; }
.icon-refresh:before { content: $refresh; }
.icon-list-alt:before { content: $list-alt; }
.icon-lock:before { content: $lock; }
.icon-flag:before { content: $flag; }
.icon-headphones:before { content: $headphones; }
.icon-volume-off:before { content: $volume-off; }
.icon-volume-down:before { content: $volume-down; }
.icon-volume-up:before { content: $volume-up; }
.icon-qrcode:before { content: $qrcode; }
.icon-barcode:before { content: $barcode; }
.icon-tag:before { content: $tag; }
.icon-tags:before { content: $tags; }
.icon-book:before { content: $book; }
.icon-bookmark:before { content: $bookmark; }
.icon-print:before { content: $print; }
.icon-camera:before { content: $camera; }
.icon-font:before { content: $font; }
.icon-bold:before { content: $bold; }
.icon-italic:before { content: $italic; }
.icon-text-height:before { content: $text-height; }
.icon-text-width:before { content: $text-width; }
.icon-align-left:before { content: $align-left; }
.icon-align-center:before { content: $align-center; }
.icon-align-right:before { content: $align-right; }
.icon-align-justify:before { content: $align-justify; }
.icon-list:before { content: $list; }
.icon-indent-left:before { content: $indent-left; }
.icon-indent-right:before { content: $indent-right; }
.icon-facetime-video:before { content: $facetime-video; }
.icon-picture:before { content: $picture; }
.icon-pencil:before { content: $pencil; }
.icon-map-marker:before { content: $map-marker; }
.icon-adjust:before { content: $adjust; }
.icon-tint:before { content: $tint; }
.icon-edit:before { content: $edit; }
.icon-share:before { content: $share; }
.icon-check:before { content: $check; }
.icon-move:before { content: $move; }
.icon-step-backward:before { content: $step-backward; }
.icon-fast-backward:before { content: $fast-backward; }
.icon-backward:before { content: $backward; }
.icon-play:before { content: $play; }
.icon-pause:before { content: $pause; }
.icon-stop:before { content: $stop; }
.icon-forward:before { content: $forward; }
.icon-fast-forward:before { content: $fast-forward; }
.icon-step-forward:before { content: $step-forward; }
.icon-eject:before { content: $eject; }
.icon-chevron-left:before { content: $chevron-left; }
.icon-chevron-right:before { content: $chevron-right; }
.icon-plus-sign:before { content: $plus-sign; }
.icon-minus-sign:before { content: $minus-sign; }
.icon-remove-sign:before { content: $remove-sign; }
.icon-ok-sign:before { content: $ok-sign; }
.icon-question-sign:before { content: $question-sign; }
.icon-info-sign:before { content: $info-sign; }
.icon-screenshot:before { content: $screenshot; }
.icon-remove-circle:before { content: $remove-circle; }
.icon-ok-circle:before { content: $ok-circle; }
.icon-ban-circle:before { content: $ban-circle; }
.icon-arrow-left:before { content: $arrow-left; }
.icon-arrow-right:before { content: $arrow-right; }
.icon-arrow-up:before { content: $arrow-up; }
.icon-arrow-down:before { content: $arrow-down; }
.icon-mail-forward:before,
.icon-share-alt:before { content: $share-alt; }
.icon-resize-full:before { content: $resize-full; }
.icon-resize-small:before { content: $resize-small; }
.icon-plus:before { content: $plus; }
.icon-minus:before { content: $minus; }
.icon-asterisk:before { content: $asterisk; }
.icon-exclamation-sign:before { content: $exclamation-sign; }
.icon-gift:before { content: $gift; }
.icon-leaf:before { content: $leaf; }
.icon-fire:before { content: $fire; }
.icon-eye-open:before { content: $eye-open; }
.icon-eye-close:before { content: $eye-close; }
.icon-warning-sign:before { content: $warning-sign; }
.icon-plane:before { content: $plane; }
.icon-calendar:before { content: $calendar; }
.icon-random:before { content: $random; }
.icon-comment:before { content: $comment; }
.icon-magnet:before { content: $magnet; }
.icon-chevron-up:before { content: $chevron-up; }
.icon-chevron-down:before { content: $chevron-down; }
.icon-retweet:before { content: $retweet; }
.icon-shopping-cart:before { content: $shopping-cart; }
.icon-folder-close:before { content: $folder-close; }
.icon-folder-open:before { content: $folder-open; }
.icon-resize-vertical:before { content: $resize-vertical; }
.icon-resize-horizontal:before { content: $resize-horizontal; }
.icon-bar-chart:before { content: $bar-chart; }
.icon-twitter-sign:before { content: $twitter-sign; }
.icon-facebook-sign:before { content: $facebook-sign; }
.icon-camera-retro:before { content: $camera-retro; }
.icon-key:before { content: $key; }
.icon-gears:before,
.icon-cogs:before { content: $cogs; }
.icon-comments:before { content: $comments; }
.icon-thumbs-up-alt:before { content: $thumbs-up-alt; }
.icon-thumbs-down-alt:before { content: $thumbs-down-alt; }
.icon-star-half:before { content: $star-half; }
.icon-heart-empty:before { content: $heart-empty; }
.icon-signout:before { content: $signout; }
.icon-linkedin-sign:before { content: $linkedin-sign; }
.icon-pushpin:before { content: $pushpin; }
.icon-external-link:before { content: $external-link; }
.icon-signin:before { content: $signin; }
.icon-trophy:before { content: $trophy; }
.icon-github-sign:before { content: $github-sign; }
.icon-upload-alt:before { content: $upload-alt; }
.icon-lemon:before { content: $lemon; }
.icon-phone:before { content: $phone; }
.icon-unchecked:before,
.icon-check-empty:before { content: $check-empty; }
.icon-bookmark-empty:before { content: $bookmark-empty; }
.icon-phone-sign:before { content: $phone-sign; }
.icon-twitter:before { content: $twitter; }
.icon-facebook:before { content: $facebook; }
.icon-github:before { content: $github; }
.icon-unlock:before { content: $unlock; }
.icon-credit-card:before { content: $credit-card; }
.icon-rss:before { content: $rss; }
.icon-hdd:before { content: $hdd; }
.icon-bullhorn:before { content: $bullhorn; }
.icon-bell:before { content: $bell; }
.icon-certificate:before { content: $certificate; }
.icon-hand-right:before { content: $hand-right; }
.icon-hand-left:before { content: $hand-left; }
.icon-hand-up:before { content: $hand-up; }
.icon-hand-down:before { content: $hand-down; }
.icon-circle-arrow-left:before { content: $circle-arrow-left; }
.icon-circle-arrow-right:before { content: $circle-arrow-right; }
.icon-circle-arrow-up:before { content: $circle-arrow-up; }
.icon-circle-arrow-down:before { content: $circle-arrow-down; }
.icon-globe:before { content: $globe; }
.icon-wrench:before { content: $wrench; }
.icon-tasks:before { content: $tasks; }
.icon-filter:before { content: $filter; }
.icon-briefcase:before { content: $briefcase; }
.icon-fullscreen:before { content: $fullscreen; }
.icon-group:before { content: $group; }
.icon-link:before { content: $link; }
.icon-cloud:before { content: $cloud; }
.icon-beaker:before { content: $beaker; }
.icon-cut:before { content: $cut; }
.icon-copy:before { content: $copy; }
.icon-paperclip:before,
.icon-paper-clip:before { content: $paper-clip; }
.icon-save:before { content: $save; }
.icon-sign-blank:before { content: $sign-blank; }
.icon-reorder:before { content: $reorder; }
.icon-list-ul:before { content: $list-ul; }
.icon-list-ol:before { content: $list-ol; }
.icon-strikethrough:before { content: $strikethrough; }
.icon-underline:before { content: $underline; }
.icon-table:before { content: $table; }
.icon-magic:before { content: $magic; }
.icon-truck:before { content: $truck; }
.icon-pinterest:before { content: $pinterest; }
.icon-pinterest-sign:before { content: $pinterest-sign; }
.icon-google-plus-sign:before { content: $google-plus-sign; }
.icon-google-plus:before { content: $google-plus; }
.icon-money:before { content: $money; }
.icon-caret-down:before { content: $caret-down; }
.icon-caret-up:before { content: $caret-up; }
.icon-caret-left:before { content: $caret-left; }
.icon-caret-right:before { content: $caret-right; }
.icon-columns:before { content: $columns; }
.icon-sort:before { content: $sort; }
.icon-sort-down:before { content: $sort-down; }
.icon-sort-up:before { content: $sort-up; }
.icon-envelope:before { content: $envelope; }
.icon-linkedin:before { content: $linkedin; }
.icon-rotate-left:before,
.icon-undo:before { content: $undo; }
.icon-legal:before { content: $legal; }
.icon-dashboard:before { content: $dashboard; }
.icon-comment-alt:before { content: $comment-alt; }
.icon-comments-alt:before { content: $comments-alt; }
.icon-bolt:before { content: $bolt; }
.icon-sitemap:before { content: $sitemap; }
.icon-umbrella:before { content: $umbrella; }
.icon-paste:before { content: $paste; }
.icon-lightbulb:before { content: $lightbulb; }
.icon-exchange:before { content: $exchange; }
.icon-cloud-download:before { content: $cloud-download; }
.icon-cloud-upload:before { content: $cloud-upload; }
.icon-user-md:before { content: $user-md; }
.icon-stethoscope:before { content: $stethoscope; }
.icon-suitcase:before { content: $suitcase; }
.icon-bell-alt:before { content: $bell-alt; }
.icon-coffee:before { content: $coffee; }
.icon-food:before { content: $food; }
.icon-file-text-alt:before { content: $file-text-alt; }
.icon-building:before { content: $building; }
.icon-hospital:before { content: $hospital; }
.icon-ambulance:before { content: $ambulance; }
.icon-medkit:before { content: $medkit; }
.icon-fighter-jet:before { content: $fighter-jet; }
.icon-beer:before { content: $beer; }
.icon-h-sign:before { content: $h-sign; }
.icon-plus-sign-alt:before { content: $plus-sign-alt; }
.icon-double-angle-left:before { content: $double-angle-left; }
.icon-double-angle-right:before { content: $double-angle-right; }
.icon-double-angle-up:before { content: $double-angle-up; }
.icon-double-angle-down:before { content: $double-angle-down; }
.icon-angle-left:before { content: $angle-left; }
.icon-angle-right:before { content: $angle-right; }
.icon-angle-up:before { content: $angle-up; }
.icon-angle-down:before { content: $angle-down; }
.icon-desktop:before { content: $desktop; }
.icon-laptop:before { content: $laptop; }
.icon-tablet:before { content: $tablet; }
.icon-mobile-phone:before { content: $mobile-phone; }
.icon-circle-blank:before { content: $circle-blank; }
.icon-quote-left:before { content: $quote-left; }
.icon-quote-right:before { content: $quote-right; }
.icon-spinner:before { content: $spinner; }
.icon-circle:before { content: $circle; }
.icon-mail-reply:before,
.icon-reply:before { content: $reply; }
.icon-github-alt:before { content: $github-alt; }
.icon-folder-close-alt:before { content: $folder-close-alt; }
.icon-folder-open-alt:before { content: $folder-open-alt; }
.icon-expand-alt:before { content: $expand-alt; }
.icon-collapse-alt:before { content: $collapse-alt; }
.icon-smile:before { content: $smile; }
.icon-frown:before { content: $frown; }
.icon-meh:before { content: $meh; }
.icon-gamepad:before { content: $gamepad; }
.icon-keyboard:before { content: $keyboard; }
.icon-flag-alt:before { content: $flag-alt; }
.icon-flag-checkered:before { content: $flag-checkered; }
.icon-terminal:before { content: $terminal; }
.icon-code:before { content: $code; }
.icon-reply-all:before { content: $reply-all; }
.icon-mail-reply-all:before { content: $mail-reply-all; }
.icon-star-half-full:before,
.icon-star-half-empty:before { content: $star-half-empty; }
.icon-location-arrow:before { content: $location-arrow; }
.icon-crop:before { content: $crop; }
.icon-code-fork:before { content: $code-fork; }
.icon-unlink:before { content: $unlink; }
.icon-question:before { content: $question; }
.icon-info:before { content: $info; }
.icon-exclamation:before { content: $exclamation; }
.icon-superscript:before { content: $superscript; }
.icon-subscript:before { content: $subscript; }
.icon-eraser:before { content: $eraser; }
.icon-puzzle-piece:before { content: $puzzle-piece; }
.icon-microphone:before { content: $microphone; }
.icon-microphone-off:before { content: $microphone-off; }
.icon-shield:before { content: $shield; }
.icon-calendar-empty:before { content: $calendar-empty; }
.icon-fire-extinguisher:before { content: $fire-extinguisher; }
.icon-rocket:before { content: $rocket; }
.icon-maxcdn:before { content: $maxcdn; }
.icon-chevron-sign-left:before { content: $chevron-sign-left; }
.icon-chevron-sign-right:before { content: $chevron-sign-right; }
.icon-chevron-sign-up:before { content: $chevron-sign-up; }
.icon-chevron-sign-down:before { content: $chevron-sign-down; }
.icon-html5:before { content: $html5; }
.icon-css3:before { content: $css3; }
.icon-anchor:before { content: $anchor; }
.icon-unlock-alt:before { content: $unlock-alt; }
.icon-bullseye:before { content: $bullseye; }
.icon-ellipsis-horizontal:before { content: $ellipsis-horizontal; }
.icon-ellipsis-vertical:before { content: $ellipsis-vertical; }
.icon-rss-sign:before { content: $rss-sign; }
.icon-play-sign:before { content: $play-sign; }
.icon-ticket:before { content: $ticket; }
.icon-minus-sign-alt:before { content: $minus-sign-alt; }
.icon-check-minus:before { content: $check-minus; }
.icon-level-up:before { content: $level-up; }
.icon-level-down:before { content: $level-down; }
.icon-check-sign:before { content: $check-sign; }
.icon-edit-sign:before { content: $edit-sign; }
.icon-external-link-sign:before { content: $external-link-sign; }
.icon-share-sign:before { content: $share-sign; }
.icon-compass:before { content: $compass; }
.icon-collapse:before { content: $collapse; }
.icon-collapse-top:before { content: $collapse-top; }
.icon-expand:before { content: $expand; }
.icon-euro:before,
.icon-eur:before { content: $eur; }
.icon-gbp:before { content: $gbp; }
.icon-dollar:before,
.icon-usd:before { content: $usd; }
.icon-rupee:before,
.icon-inr:before { content: $inr; }
.icon-yen:before,
.icon-jpy:before { content: $jpy; }
.icon-renminbi:before,
.icon-cny:before { content: $cny; }
.icon-won:before,
.icon-krw:before { content: $krw; }
.icon-bitcoin:before,
.icon-btc:before { content: $btc; }
.icon-file:before { content: $file; }
.icon-file-text:before { content: $file-text; }
.icon-sort-by-alphabet:before { content: $sort-by-alphabet; }
.icon-sort-by-alphabet-alt:before { content: $sort-by-alphabet-alt; }
.icon-sort-by-attributes:before { content: $sort-by-attributes; }
.icon-sort-by-attributes-alt:before { content: $sort-by-attributes-alt; }
.icon-sort-by-order:before { content: $sort-by-order; }
.icon-sort-by-order-alt:before { content: $sort-by-order-alt; }
.icon-thumbs-up:before { content: $thumbs-up; }
.icon-thumbs-down:before { content: $thumbs-down; }
.icon-youtube-sign:before { content: $youtube-sign; }
.icon-youtube:before { content: $youtube; }
.icon-xing:before { content: $xing; }
.icon-xing-sign:before { content: $xing-sign; }
.icon-youtube-play:before { content: $youtube-play; }
.icon-dropbox:before { content: $dropbox; }
.icon-stackexchange:before { content: $stackexchange; }
.icon-instagram:before { content: $instagram; }
.icon-flickr:before { content: $flickr; }
.icon-adn:before { content: $adn; }
.icon-bitbucket:before { content: $bitbucket; }
.icon-bitbucket-sign:before { content: $bitbucket-sign; }
.icon-tumblr:before { content: $tumblr; }
.icon-tumblr-sign:before { content: $tumblr-sign; }
.icon-long-arrow-down:before { content: $long-arrow-down; }
.icon-long-arrow-up:before { content: $long-arrow-up; }
.icon-long-arrow-left:before { content: $long-arrow-left; }
.icon-long-arrow-right:before { content: $long-arrow-right; }
.icon-apple:before { content: $apple; }
.icon-windows:before { content: $windows; }
.icon-android:before { content: $android; }
.icon-linux:before { content: $linux; }
.icon-dribbble:before { content: $dribbble; }
.icon-skype:before { content: $skype; }
.icon-foursquare:before { content: $foursquare; }
.icon-trello:before { content: $trello; }
.icon-female:before { content: $female; }
.icon-male:before { content: $male; }
.icon-gittip:before { content: $gittip; }
.icon-sun:before { content: $sun; }
.icon-moon:before { content: $moon; }
.icon-archive:before { content: $archive; }
.icon-bug:before { content: $bug; }
.icon-vk:before { content: $vk; }
.icon-weibo:before { content: $weibo; }
.icon-renren:before { content: $renren; }

/* ----------------------------------------------------------------------------
 * _font_custom.scss (パス書き換え)
 * ------------------------------------------------------------------------- */

@font-face {
    font-family: "LenovoMotoSupport";
    src: url("./font/NECtest.ttf");
    /* IE9*/
    src: url('./font/NECtest.ttf') format('embedded-opentype'), /* IE6-IE8 */
    url('./font/NECtest.woff') format('woff'), /* chrome, firefox */
    url('./font/NECtest.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    /* url('../font/NECtest.svg#iconfont') format('svg'); */
    /* iOS 4.1- */
}

.icon-switch:before {
    font-family: "LenovoMotoSupport";
    content: "\e900";
}

.icon-brkscreen:before {
    font-family: "LenovoMotoSupport";
    content: "\e901";
}

.icon-font:before {
    font-family: "LenovoMotoSupport";
    content: "\e902";
}

.icon-cd:before {
    font-family: "LenovoMotoSupport";
    content: "\e903";
}

.icon-tvmode:before {
    font-family: "LenovoMotoSupport";
    content: "\e904";
}

.icon-sound:before {
    font-family: "LenovoMotoSupport";
    content: "\e905";
}

.icon-mouse:before {
    font-family: "LenovoMotoSupport";
    content: "\e906";
}

.icon-mail:before {
    font-family: "LenovoMotoSupport";
    content: "\e907";
}

.icon-office:before {
    font-family: "LenovoMotoSupport";
    content: "\e908";
}

.icon-circle-right:before {
    font-family: "LenovoMotoSupport";
    content: "\e90B";
}

.icon-search:before {
    font-family: "LenovoMotoSupport";
    content: "\e90D";
}

.icon-chatwith:before {
    font-family: "LenovoMotoSupport";
    content: "\e90E";
}

.icon-repair:before {
    font-family: "LenovoMotoSupport";
    content: "\e90F";
}

.icon-recycle:before {
    font-family: "LenovoMotoSupport";
    content: "\e910";
}

.icon-tablet:before {
    font-family: "LenovoMotoSupport";
    content: "\e911";
}

.icon-others:before {
    font-family: "LenovoMotoSupport";
    content: "\e912";
}

.icon-close:before {
    font-family: "LenovoMotoSupport";
    content: "\e913";
}

.icon-menu:before {
    font-family: "LenovoMotoSupport";
    content: "\e914";
}

.icon-s-down:before {
    font-family: "LenovoMotoSupport";
    content: "\e915";
}

.icon-s-left:before {
    font-family: "LenovoMotoSupport";
    content: "\e916";
}

.icon-s-right:before {
    font-family: "LenovoMotoSupport";
    content: "\e917";
}

.icon-s-up:before {
    font-family: "LenovoMotoSupport";
    content: "\e918";
}

.icon-nocircle-right:before {
    font-family: "LenovoMotoSupport";
    content: "\e919";
}

.icon-circle-right-homepage:before {
    font-family: "LenovoMotoSupport";
    content: "\e91A";
}

.icon-circle-question:before {
    font-family: "LenovoMotoSupport";
    content: "\e91B";
}

.icon-smile:before {
    font-family: "LenovoMotoSupport";
    content: "\e91C";
}



/* ----------------------------------------------------------------------------
 * __bootstrap.scss
 * ------------------------------------------------------------------------- */
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */

/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}


/* keeps Bootstrap styles with and without icons the same */
.btn, .nav {
  [class^="icon-"],
  [class*=" icon-"] {
    //    display: inline;
    &.icon-large { line-height: .9em; }
    &.icon-spin { display: inline-block; }
  }
}
.nav-tabs, .nav-pills {
  [class^="icon-"],
  [class*=" icon-"] {
    &, &.icon-large { line-height: .9em; }
  }
}
.btn {
  [class^="icon-"],
  [class*=" icon-"] {
    &.pull-left, &.pull-right {
      &.icon-2x { margin-top: .18em; }
    }
    &.icon-spin.icon-large { line-height: .8em; }
  }
}
.btn.btn-small {
  [class^="icon-"],
  [class*=" icon-"] {
    &.pull-left, &.pull-right {
      &.icon-2x { margin-top: .25em; }
    }
  }
}
.btn.btn-large {
  [class^="icon-"],
  [class*=" icon-"] {
    margin-top: 0; // overrides bootstrap default
    &.pull-left, &.pull-right {
      &.icon-2x { margin-top: .05em; }
    }
    &.pull-left.icon-2x { margin-right: .2em; }
    &.pull-right.icon-2x { margin-left: .2em; }
  }
}

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}


/* ----------------------------------------------------------------------------
 * _reboot.scss
 * ------------------------------------------------------------------------- */

// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix

// Reboot
//
// Normalization of HTML elements, manually forked from Normalize.css to remove
// styles targeting irrelevant browsers while applying new styles.
//
// Normalize is licensed MIT. https://github.com/necolas/normalize.css


// Document
//
// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
// 2. Change the default font family in all browsers.
// 3. Correct the line height in all browsers.
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
//    we force a non-overlapping, non-auto-hiding scrollbar to counteract.
// 6. Change the default tap highlight to be completely transparent in iOS.

*,
*::before,
*::after {
  box-sizing: border-box; // 1
}

html {
  font-family: sans-serif; // 2
  line-height: 1.15; // 3
  -webkit-text-size-adjust: 100%; // 4
  -ms-text-size-adjust: 100%; // 4
  -ms-overflow-style: scrollbar; // 5
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
}

// IE10+ doesn't honor `<meta name="viewport">` in some cases.
@at-root {
  @-ms-viewport {
    width: device-width;
  }
}

// stylelint-disable selector-list-comma-newline-after
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
// stylelint-enable selector-list-comma-newline-after

// Body
//
// 1. Remove the margin in all browsers.
// 2. As a best practice, apply a default `background-color`.
// 3. Set an explicit initial text-align value so that we can later use the
//    the `inherit` value on things like `<th>` elements.

body {
  margin: 0; // 1
  font-family: $font-family-base;
  font-size: $font-size-base;
  font-weight: $font-weight-base;
  line-height: $line-height-base;
  color: $body-color;
  text-align: left; // 3
  background-color: $body-bg; // 2
}

// Suppress the focus outline on elements that cannot be accessed via keyboard.
// This prevents an unwanted focus outline from appearing around elements that
// might still respond to pointer events.
//
// Credit: https://github.com/suitcss/base
[tabindex="-1"]:focus {
  outline: 0 !important;
}


// Content grouping
//
// 1. Add the correct box sizing in Firefox.
// 2. Show the overflow in Edge and IE.

hr {
  box-sizing: content-box; // 1
  height: 0; // 1
  overflow: visible; // 2
}


//
// Typography
//

// Remove top margins from headings
//
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
// margin for easier control within type scales as it avoids margin collapsing.
// stylelint-disable selector-list-comma-newline-after
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: $headings-margin-bottom;
}
// stylelint-enable selector-list-comma-newline-after

// Reset margins on paragraphs
//
// Similarly, the top margin on `<p>`s get reset. However, we also reset the
// bottom margin to use `rem` units instead of `em`.
p {
  margin-top: 0;
  margin-bottom: $paragraph-margin-bottom;
}

// Abbreviations
//
// 1. Remove the bottom border in Firefox 39-.
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
// 3. Add explicit cursor to indicate changed behavior.
// 4. Duplicate behavior to the data-* attribute for our tooltip plugin

abbr[title],
abbr[data-original-title] { // 4
  text-decoration: underline; // 2
  text-decoration: underline dotted; // 2
  cursor: help; // 3
  border-bottom: 0; // 1
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: $dt-font-weight;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0; // Undo browser default
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic; // Add the correct font style in Android 4.3-
}

// stylelint-disable font-weight-notation
b,
strong {
  font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
}
// stylelint-enable font-weight-notation

small {
  font-size: 80%; // Add the correct font size in all browsers
}

//
// Prevent `sub` and `sup` elements from affecting the line height in
// all browsers.
//

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub { bottom: -.25em; }
sup { top: -.5em; }


//
// Links
//

a {
  color: $link-color;
  text-decoration: $link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.
  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }
}

// And undo these styles for placeholder links/named anchors (without href)
// which have not been made explicitly keyboard-focusable (without tabindex).
// It would be more straightforward to just use a[href] in previous block, but that
// causes specificity issues in many other styles that are too complex to fix.
// See https://github.com/twbs/bootstrap/issues/19402

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;

  @include hover-focus {
    color: inherit;
    text-decoration: none;
  }

  &:focus {
    outline: 0;
  }
}


//
// Code
//

// stylelint-disable font-family-no-duplicate-names
pre,
code,
kbd,
samp {
  font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
  font-size: 1em; // Correct the odd `em` font sizing in all browsers.
}
// stylelint-enable font-family-no-duplicate-names

pre {
  // Remove browser default top margin
  margin-top: 0;
  // Reset browser default of `1em` to use `rem`s
  margin-bottom: 1rem;
  // Don't allow content to break outside
  overflow: auto;
  // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
  // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
  -ms-overflow-style: scrollbar;
}


//
// Figures
//

figure {
  // Apply a consistent margin strategy (matches our type styles).
  margin: 0 0 1rem;
}


//
// Images and content
//

img {
  vertical-align: middle;
  border-style: none; // Remove the border on images inside links in IE 10-.
}

svg:not(:root) {
  overflow: hidden; // Hide the overflow in IE
}


//
// Tables
//

table {
  border-collapse: collapse; // Prevent double borders
}

caption {
  padding-top: $table-cell-padding;
  padding-bottom: $table-cell-padding;
  color: $text-muted;
  text-align: left;
  caption-side: bottom;
}

th {
  // Matches default `<td>` alignment by inheriting from the `<body>`, or the
  // closest parent with a set `text-align`.
  text-align: inherit;
}


//
// Forms
//

label {
  // Allow labels to use `margin` for spacing.
  display: inline-block;
  margin-bottom: .5rem;
}

// Remove the default `border-radius` that macOS Chrome adds.
//
// Details at https://github.com/twbs/bootstrap/issues/24093
button {
  border-radius: 0;
}

// Work around a Firefox/IE bug where the transparent `button` background
// results in a loss of the default `button` focus styles.
//
// Credit: https://github.com/suitcss/base/
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0; // Remove the margin in Firefox and Safari
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible; // Show the overflow in Edge
}

button,
select {
  text-transform: none; // Remove the inheritance of text transform in Firefox
}

// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
//    controls in Android 4.
// 2. Correct the inability to style clickable types in iOS and Safari.
button,
html [type="button"], // 1
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; // 2
}

// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
  padding: 0; // 2. Remove the padding in IE 10-
}


input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  // Remove the default appearance of temporal inputs to avoid a Mobile Safari
  // bug where setting a custom line-height prevents text from being vertically
  // centered within the input.
  // See https://bugs.webkit.org/show_bug.cgi?id=139848
  // and https://github.com/twbs/bootstrap/issues/11266
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto; // Remove the default vertical scrollbar in IE.
  // Textareas should really only resize vertically so they don't break their (horizontal) containers.
  resize: vertical;
}

fieldset {
  // Browsers set a default `min-width: min-content;` on fieldsets,
  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
  // So we reset that to ensure fieldsets behave more like a standard block element.
  // See https://github.com/twbs/bootstrap/issues/12359
  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
  min-width: 0;
  // Reset the default outline behavior of fieldsets so they don't affect page layout.
  padding: 0;
  margin: 0;
  border: 0;
}

// 1. Correct the text wrapping in Edge and IE.
// 2. Correct the color inheritance from `fieldset` elements in IE.
legend {
  display: block;
  width: 100%;
  max-width: 100%; // 1
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit; // 2
  white-space: normal; // 1
}

progress {
  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
}

// Correct the cursor style of increment and decrement buttons in Chrome.
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  // This overrides the extra rounded corners on search inputs in iOS so that our
  // `.form-control` class can properly style them. Note that this cannot simply
  // be added to `.form-control` as it's not specific enough. For details, see
  // https://github.com/twbs/bootstrap/issues/11586.
  outline-offset: -2px; // 2. Correct the outline style in Safari.
  -webkit-appearance: none;
}

//
// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
//

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

//
// 1. Correct the inability to style clickable types in iOS and Safari.
// 2. Change font properties to `inherit` in Safari.
//

::-webkit-file-upload-button {
  font: inherit; // 2
  -webkit-appearance: button; // 1
}

//
// Correct element displays
//

output {
  display: inline-block;
}

summary {
  display: list-item; // Add the correct display in all browsers
  cursor: pointer;
}

template {
  display: none; // Add the correct display in IE
}

// Always hide an element with the `hidden` HTML attribute (from PureCSS).
// Needed for proper display in IE 10-.
[hidden] {
  display: none !important;
}




/* ----------------------------------------------------------------------------
 * _type.scss
 * ------------------------------------------------------------------------- */
body {
	-moz-osx-font-smoothing: grayscale;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;

	@include clay-scale-component {
		font-size: $font-size-base-mobile;
	}
}

a {
	@if ($link-cursor != pointer) {
		cursor: $link-cursor;
	}
}

// Headings

h1,
.h1 {
	@include clay-scale-component {
		font-size: $h1-font-size-mobile;
	}
}

h2,
.h2 {
	@include clay-scale-component {
		font-size: $h2-font-size-mobile;
	}
}

h3,
.h3 {
	@include clay-scale-component {
		font-size: $h3-font-size-mobile;
	}
}

h4,
.h4 {
	@include clay-scale-component {
		font-size: $h4-font-size-mobile;
	}
}

h5,
.h5 {
	@include clay-scale-component {
		font-size: $h5-font-size-mobile;
	}
}

h6,
.h6 {
	@include clay-scale-component {
		font-size: $h6-font-size-mobile;
	}
}

b {
	font-weight: $b-font-weight;
}

strong {
	font-weight: $strong-font-weight;
}

// Reference Mark

.reference-mark {
	display: inline-block;
	font-size: $reference-mark-font-size;
	position: relative;
	vertical-align: $reference-mark-vertical-align;
}

// Marked Text

mark,
.mark {
	@include clay-highlight-text;
}

// Text Truncate

.text-truncate {
	display: block;
}

.text-truncate-inline {
	display: inline-flex;
	max-width: 100%;

	.text-truncate {
		display: inline-block;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: bottom;
		white-space: nowrap;
		word-wrap: normal;
	}
}





}