html {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}

body {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active, a:hover {
    outline: 0;
    color: green;
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

html {
    box-sizing: border-box
}

*, *::after, *::before {
    box-sizing: inherit
}

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url("../font/fontawesome-webfont-79ca9ce5b9c7c14dfdb51836572008eb.eot?v=4.4.0");
    src: url("../font/fontawesome-webfont-79ca9ce5b9c7c14dfdb51836572008eb.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../font/fontawesome-webfont-311a4806b67ecc349ccfad4cf324419b.woff2?v=4.4.0") format("woff2"), url("../font/fontawesome-webfont-5b00886e49fc1e938e6a5d9eb6827e64.woff?v=4.4.0") format("woff"), url("../font/fontawesome-webfont-67caf62da3fa1ee6eac1a470d0f2174b.ttf?v=4.4.0") format("truetype"), url("../font/fontawesome-webfont-54f058f5e53aafeca3d4a54064ab9b33.svg?v=4.4.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #ffffff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

@font-face {
    font-family: 'fa-snapchat';
    src: url(../font/fa-snapchat/fa-snapchat-16ce1a218fb1022e3543e4c809297f21.eot?-73zac);
    src: url(../font/fa-snapchat/fa-snapchat-16ce1a218fb1022e3543e4c809297f21.eot?#iefix-73zac) format("embedded-opentype"), url(../font/fa-snapchat/fa-snapchat-ffdc8370e55e7949685dd8b0a9871f85.ttf?-73zac) format("truetype"), url(../font/fa-snapchat/fa-snapchat-abf18654b3fe9c534d0cdc8d4ca7020e.woff?-73zac) format("woff"), url(../font/fa-snapchat/fa-snapchat-80dbae450865f08b590bb067f2ab1d84.svg?-73zac#fa-snapchat) format("svg")
}

.fa-snapchat:before {
    font-family: 'fa-snapchat';
    content: "\e600"
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    display: table;
    content: "";
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: "Apercu";
    src: url(../font/apercu-light-5ae23d2bd16bcb610e46ceb3de163cee.woff2) format("woff2"), url(../font/apercu-light-f03feee212524ba726af3233ce6e5cc5.woff) format("woff"), url(../font/apercu-light-b9da9f94a32cc89ecec334ad64a15bf8.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Apercu";
    src: url(../font/apercu-light-italic-2d10b5bf2cd6bc540065f5fbbb34d20a.woff2) format("woff2"), url(../font/apercu-light-italic-8aa7eb3fc1f012517fbd9cab008e5005.woff) format("woff"), url(../font/apercu-light-italic-f9233a382358ea11a4730383bd25b417.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Apercu";
    src: url(../font/apercu-regular-68d1114e3ccde458a0c4ec3a09514533.woff2) format("woff2"), url(../font/apercu-regular-961a86395466d2f2e1f34cc2063ebc53.woff) format("woff"), url(../font/apercu-regular-c3d43703de5a52e297237730e59ce392.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Apercu";
    src: url(../font/apercu-regular-italic-c0e44dadd9896942721473fedad6420a.woff2) format("woff2"), url(../font/apercu-regular-italic-a292fe2829083f7f45f91ad56a07c47d.woff) format("woff"), url(../font/apercu-regular-italic-b3ddcf5f9e66911efa9a20f39498b9e5.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Apercu";
    src: url(../font/apercu-bold-6b278e2183692dd3b17e28d034106e1e.woff2) format("woff2"), url(../font/apercu-bold-10bce740566f31f5d19a8d812556b761.woff) format("woff"), url(../font/apercu-bold-bfd1d9442921344bb746bb208e0cf4e0.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Apercu";
    src: url(../font/apercu-bold-italic-f2616863496ec727790127a173ca44c3.woff2) format("woff2"), url(../font/apercu-bold-italic-5b5e9c283facec87cddbb08c21a93e75.woff) format("woff"), url(../font/apercu-bold-italic-cc200923e37352774f9f9816371434ad.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Freight Text Pro";
    src: url(../font/freight-text-pro-book-6d62e40b1f7ceec9190c41917d667b9f.woff2) format("woff2"), url(../font/freight-text-pro-book-06f3bb9d8580629aa789a08981f91dd8.woff) format("woff"), url(../font/freight-text-pro-book-0999f27b46afae09b5a7ee29168d6b36.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Freight Display Pro";
    src: url(../font/freight-display-pro-f970f08cc01a9291bcea897fcfff5397.woff2) format("woff2"), url(../font/freight-display-pro-431ad558aabccffb4600fce111b5b856.woff) format("woff"), url(../font/freight-display-pro-a47d89465ccfa176ac5495aaf72f793f.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Freight Display Pro";
    src: url(../font/freight-display-pro-italic-46c904afdaddeb32c431a10e44d187cb.woff2) format("woff2"), url(https://assets2.intothegloss.com/freight-display-pro-italic) format("woff"), url(../font/freight-display-pro-italic-49bed4603979a347cb612e243f2a3380.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

* {
    min-height: 0;
    min-width: 0
}

html, body {
    -webkit-font-smoothing: antialiased
}

html.is-interstitial-opened, body.is-interstitial-opened {
    overflow: hidden
}

body {
    padding-top: 10px;
    padding-bottom: 46px;
    background: #F8F8F8;
    background: url(../../storage/media_lib/bg2.png);
    background-repeat: repeat;
}

@media screen and (min-width: 970px) {
    body {
        padding-top: 0
    }
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

img {
    max-width: 100%
}

input {
    outline: 0
}

input[type=text], input[type=email], input[type=tel], input[type=password] {
    font-size: 0.8125rem;
    border: 1px #000000 solid;
    padding: 0.5625rem
}

.l-input--full {
    width: 100%;
    display: block;
    margin: 1rem auto
}

.l-input--uppercase {
    text-transform: uppercase
}

input[type=checkbox] {
    visibility: hidden;
    width: 0;
    display: block
}

input[type=checkbox] + label span:before {
    visibility: visible;
    content: " ";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px #000000 solid;
    background-color: #FFFFFF;
    margin: 0 5px -3px 0
}

input[type=checkbox]:checked + label span:before {
    background-image: url(../font/ui/close-12898f6875a7c6b32784dc08de2e3f7b.png);
    background-size: 15px
}

button {
    font-size: 0.8125rem
}

.f-error, .f-error--edit {
    text-transform: none;
    color: #A3001E
}

.is-el--editing .f-error--edit {
    display: none !important
}

.f-error--global {
    display: block
}

.f-success {
    text-transform: none;
    color: green
}

.f-message--centered {
    text-align: center;
    margin: 0 auto
}

.l-container, .l-row, .l-row--tiny, .l-row--tinyFull, .l-row--small,
.l-row--smallFull, .l-row--short, .l-row--full, .footer {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: 1rem auto;
}

.l-row--shortFull {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: 10px auto;
}

.l-container::after, .l-row::after, .l-row--tiny::after, .l-row--tinyFull::after, .l-row--small::after, .l-row--smallFull::after, .l-row--short::after, .l-row--shortFull::after, .l-row--full::after, .footer::after {
    clear: both;
    content: "";
    display: table
}

.l-container--full {
    max-width: unset
}

.l-wrap--full {
    width: 100%;
    overflow-x: hidden
}

.l-row, .l-row--tiny, .l-row--tinyFull, .l-row--small, .l-row--smallFull, .l-row--short, .l-row--shortFull, .l-row--full {
    padding: 2rem
}

.l-row::after, .l-row--tiny::after, .l-row--tinyFull::after, .l-row--small::after, .l-row--smallFull::after, .l-row--short::after, .l-row--shortFull::after, .l-row--full::after {
    clear: both;
    content: "";
    display: table
}

.l-row--tiny, .l-row--tinyFull {
    padding: 0.5rem 0.5rem
}

.l-row--small, .l-row--smallFull {
    padding: 1rem
}

.l-row--short, .l-row--shortFull {
    padding: 0 2rem
}

.l-row--full {
    padding: 2rem 0
}

.l-row--shortFull {
    padding: 0
}

.l-row--tinyFull {
    padding: 0.5rem 0
}

.l-row--smallFull {
    padding: 1rem 0
}

.l-col--one {
    float: left;
    display: block;
    width: 8.5298%
}

.l-col--one:last-child {
    width: 6.17215%
}

.l-col--two {
    float: left;
    display: block;
    width: 17.05961%
}

.l-col--two:last-child {
    width: 14.70196%
}

@media screen and (min-width: 768px) {
    .l-col--three, .m-posts-item--thumb .m-posts-item-a {
        float: left;
        display: block;
        width: 34.58941%
    }
}

@media screen and (max-width: 767px) {
    .l-col--three, .m-posts-item--thumb .m-posts-item-a {
        display: block;
        width: 100%
    }
}

.m-sidebar .l-col--three {
    width: 34%
}

.l-col--three:last-child, .m-posts-item--thumb .m-posts-item-a:last-child {
    width: 23.23176%
}

.l-col--four {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.l-col--four:last-child {
    margin-right: 0
}

@media screen and (min-width: 970px) {
    .l-col--four {
        float: right;
        display: block;
        width: 31%;
    }
}

.l-col--five {
    float: left;
    display: block;
    width: 42.64902%
}

.l-col--five:last-child {
    width: 40.29137%
}

.l-col--six {
    float: left;
    display: block;
    width: 51.17883%
}

.l-col--six:last-child {
    width: 48.82117%
}

.l-col--seven {
    float: left;
    display: block;
    width: 59.70863%
}

.l-col--seven:last-child {
    width: 57.35098%
}

.l-col--eight {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.l-col--eight:last-child {
    margin-right: 0
}

@media screen and (min-width: 970px) {
    .l-col--eight {
        float: left;
        display: block;
        width: 68%;
        background-color: #FFF;
    }

    .l-col--eight:last-child {
        width: 65.88078%
    }
}

.l-col--nine {
    float: left;
    display: block;
    width: 76.76824%
}

.l-col--nine:last-child {
    width: 65%
}

.l-col--ten {
    float: left;
    display: block;
    width: 85.29804%
}

.l-col--ten:last-child {
    width: 82.94039%
}

.l-col--eleven {
    float: left;
    display: block;
    width: 93.82785%
}

.l-col--eleven:last-child {
    width: 91.4702%
}

.l-col--twelve, .m-posts-item--thumb .m-posts-item-b {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.l-col--twelve:last-child, .m-posts-item--thumb .m-posts-item-b:last-child {
    margin-right: 0
}

@media screen and (min-width: 970px) {
    .l-col-shift--one {
        margin-left: 8.5298%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--two {
        margin-left: 17.05961%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--three {
        margin-left: 25.58941%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--four {
        margin-left: 34.11922%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--five {
        margin-left: 42.64902%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--six {
        margin-left: 51.17883%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--seven {
        margin-left: 59.70863%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--eight {
        margin-left: 68.23843%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--nine {
        margin-left: 76.76824%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--ten {
        margin-left: 85.29804%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--eleven {
        margin-left: 93.82785%
    }
}

@media screen and (min-width: 970px) {
    .l-col-shift--twelve {
        margin-left: 102.35765%
    }
}

[class^=l-col] {
    margin-right: 0
}

.l-spacing--top {
    padding: 2rem 0 0 0
}

input {
    outline: 0
}

input[type=text], input[type=email], input[type=tel], input[type=password] {
    font-size: 0.8125rem;
    border: 1px #000000 solid;
    padding: 0.5625rem
}

.l-input--full {
    width: 100%;
    display: block;
    margin: 1rem auto
}

.l-input--uppercase {
    text-transform: uppercase
}

input[type=checkbox] {
    visibility: hidden;
    width: 0;
    display: block
}

input[type=checkbox] + label span:before {
    visibility: visible;
    content: " ";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px #000000 solid;
    background-color: #FFFFFF;
    margin: 0 5px -3px 0
}

input[type=checkbox]:checked + label span:before {
    background-image: url(../font/ui/close-12898f6875a7c6b32784dc08de2e3f7b.png);
    background-size: 15px
}

button {
    font-size: 0.8125rem
}

.f-error, .f-error--edit {
    text-transform: none;
    color: #A3001E
}

.is-el--editing .f-error--edit {
    display: none !important
}

.f-error--global {
    display: block
}

.f-success {
    text-transform: none;
    color: green
}

.f-message--centered {
    text-align: center;
    margin: 0 auto
}

.c-text--left {
    text-align: left
}

.c-text--right {
    text-align: right
}

.c-text--center {
    text-align: center
}

.c-text--italic {
    font-style: italic
}

.c-text--shout {
    text-transform: uppercase
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: normal
}

.c-h1, .m-catfish--glossier .m-catfish-title {
    font-size: 2rem
}

@media screen and (min-width: 640px) {
    .c-h1, .m-catfish--glossier .m-catfish-title {
        font-size: 3.125rem
    }
}

.c-h1--glossier {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    display: inline-block;
    line-height: 1.8125rem;
    border-bottom: 4px #444444 solid
}

.c-h1--bold, .m-frame-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700
}

.c-bold {
    font-weight: 700
}

h2, .c-h2, .c-title--page {
    font-size: 2rem
}

.c-h3 {
    font-size: 1.75rem;
    line-height: 1.875rem
}

.c-text--preview {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serifsans-serifsans-serif;
    font-size: 0.875rem;
    color: #858585;
    letter-spacing: 0.2px;
    height: 82px;
    overflow: hidden;
}

.c-text--static, .m-frame-content {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #333333;
    font-size: 1rem;
    line-height: 26px
}

.c-text--static a, .m-frame-content a {
    color: #858585
}

.c-title--page {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #F0F0F0;
    background: url(../font/ui/gradient-top-6c38b2cef8a8b24fd7946bb65f3cbf12.png) repeat-x top center;
    padding: 1rem 0;
    text-transform: uppercase;
    text-align: center
}

.c-link--blue {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    color: blue;
    cursor: pointer
}

.c-link--underline {
    text-decoration: underline
}

.c-link--small {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 0.75rem
}

.c-font--palatino {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
}

input {
    outline: 0
}

input[type=text], input[type=email], input[type=tel], input[type=password] {
    font-size: 0.8125rem;
    border: 1px #000000 solid;
    padding: 0.5625rem
}

.l-input--full {
    width: 100%;
    display: block;
    margin: 1rem auto
}

.l-input--uppercase {
    text-transform: uppercase
}

input[type=checkbox] {
    visibility: hidden;
    width: 0;
    display: block
}

input[type=checkbox] + label span:before {
    visibility: visible;
    content: " ";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px #000000 solid;
    background-color: #FFFFFF;
    margin: 0 5px -3px 0
}

input[type=checkbox]:checked + label span:before {
    background-image: url(../font/ui/close-12898f6875a7c6b32784dc08de2e3f7b.png);
    background-size: 15px
}

button {
    font-size: 0.8125rem
}

.f-error, .f-error--edit {
    text-transform: none;
    color: #A3001E
}

.is-el--editing .f-error--edit {
    display: none !important
}

.f-error--global {
    display: block
}

.f-success {
    text-transform: none;
    color: green
}

.f-message--centered {
    text-align: center;
    margin: 0 auto
}

.m-block {
    padding: 0.8rem;
}

.m-block-inner {
    display: block
}

.m-block-inner::after {
    clear: both;
    content: "";
    display: table
}

.m-block-title {
    font-size: 1.1875rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    color: #333333;
    margin: 1rem 0 1rem 0;
}

.m-bread {
    max-width: 640px;
}

@media screen and (min-width: 640px) {
    .m-bread {
        display: block;
        padding: 1rem 0 0 1rem;
        background-color: #FFF;
    }
}

@media screen and (min-width: 970px) {
    .m-bread {
        max-width: none;
    }
}

@media screen and (max-width: 676px) {
    .m-bread {
        margin: 1rem;
        display: none;
    }
}

.m-bread-el {
    display: inline-block;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-style: normal;
    margin: 0 0.25rem 0 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    text-overflow: ellipsis;
}

.m-bread-el::after {
    position: relative;
    content: " / ";
    display: inline-block;
    top: -2px;
    font-size: 0.9em;
    margin-left: 0.25rem
}

.m-bread-el:first-child::after {
    content: " / "
}

.m-bread-el:last-child::after {
    display: none
}

.m-campaign-image, .m-campaign-copy {
    height: 100%;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.m-campaign-image:last-child, .m-campaign-copy:last-child {
    margin-right: 0
}

@media screen and (min-width: 970px) {
    .m-campaign-image, .m-campaign-copy {
        margin-right: 0
    }
}

.m-campaign-image {
    background-position: center;
    background-size: cover;
    display: none
}

@media screen and (min-width: 970px) {
    .m-campaign-image {
        float: left;
        display: block;
        width: 53.31128%;
        display: block
    }

    .m-campaign-image:last-child {
        width: 50.95363%
    }
}

.m-campaign-copy {
    position: relative;
    font-family: "Apercu";
    display: flex;
    align-items: center;
    padding: 5%
}

@media screen and (min-width: 970px) {
    .m-campaign-copy {
        float: left;
        display: block;
        width: 49.04637%;
        display: flex
    }

    .m-campaign-copy:last-child {
        width: 46.68872%
    }
}

.m-campaign-copy .m-campaign-copy-container {
    flex: 1
}

.m-campaign-copy h1 {
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    font-size: 3rem
}

.m-campaign-copy a {
    color: blue
}

.m-campaign .m-newsletter-input {
    max-width: none
}

.m-campaign .m-newsletter-input input[type=email], .m-campaign .m-newsletter-input button {
    display: block;
    margin: 10px 0 25px 0;
    font-size: 1rem
}

.m-campaign-copy .m-newsletter-input input[type=email] {
    border: 0;
    text-align: left;
    text-transform: lowercase
}

.m-campaign-copy .m-newsletter-input button {
    background: #FF0000;
    font-weight: bold;
    border: none
}

.m-campaign-terms {
    position: absolute;
    bottom: 3%;
    left: 5%
}

@media screen and (min-width: 970px) {
    .m-campaign-terms {
        left: 11%
    }
}

.m-campaign {
    height: 100vh;
    padding: 0
}

.m-campaign .m-newsletter-input input[type=email] {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 13px
}

.m-campaign .m-newsletter-input button {
    width: 160px
}

.m-campaign .m-newsletter-input .m-newsletter-agree span, .m-campaign .m-campaign-terms {
    font-size: 0.75rem
}

.m-campaign .m-newsletter-input .m-newsletter-agree span::before {
    background-color: #FFFFFF;
    background-size: 11px;
    width: 13px;
    height: 13px;
    margin: 0 10px -2px 0
}

@media screen and (min-width: 970px) {
    .m-modal.campaign .m-campaign, .m-modal.campaign .m-campaign .m-campaign-image, .m-modal.campaign .m-campaign .m-campaign-copy {
        height: 75vh;
        min-height: 500px
    }
}

@media screen and (min-width: 970px) {
    .m-modal.campaign .m-campaign .m-campaign-image, .m-modal.campaign .m-campaign .m-campaign-copy {
        width: 50%;
        margin: 0
    }
}

.m-modal.campaign .m-modal-container {
    padding: 0
}

@media screen and (min-width: 970px) {
    .m-modal.campaign .m-modal-container {
        width: 80%;
        max-width: 9800px;
        min-height: 500px
    }
}

@media screen and (min-width: 970px) {
    .m-campaign-banner {
        height: 210px
    }
}

@media screen and (min-width: 970px) {
    .m-campaign-banner .m-campaign-image, .m-campaign-banner .m-campaign-copy {
        width: 50%
    }
}

.m-campaign-banner .m-campaign-copy {
    padding: 17px
}

@media screen and (min-width: 970px) {
    .m-campaign-banner .m-campaign-copy {
        padding: 0 3%
    }
}

.m-campaign-banner .m-campaign-copy h2 {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.m-campaign-banner .m-campaign-copy h1 {
    line-height: 1
}

.m-campaign-banner .m-campaign-copy p {
    margin: 8px 0;
    font-size: 0.85rem;
    line-height: 1.125rem
}

.m-campaign-banner .m-newsletter-input {
    margin: 15px 0 8px 0
}

.m-campaign-banner .m-newsletter-input input[type=email], .m-campaign-banner .m-newsletter-input button {
    font-size: 0.75rem
}

.m-campaign-banner .m-newsletter-input .m-newsletter-agree {
    display: none
}

.m-catfish {
    -webkit-transition: bottom 0.33s ease-in-out 0s;
    -moz-transition: bottom 0.33s ease-in-out 0s;
    transition: bottom 0.33s ease-in-out 0s;
    position: fixed;
    z-index: 2000;
    bottom: -1000px;
    left: 0;
    width: 100%;
    padding: 3rem 2rem;
    display: none
}

.m-catfish [class*="l-col--"] {
    padding: 0 1rem
}

.m-catfish.is-visible {
    bottom: 0 !important
}

.m-catfish.is-hidden {
    display: block
}

.m-catfish--glossier {
    background-color: rgba(231, 195, 202, 0.95);
    padding: 3rem 0 0 0
}

.m-catfish--glossier .m-catfish-a {
    float: right;
    text-align: center;
    margin-bottom: 2rem
}

.m-catfish--glossier .m-catfish-b {
    height: 150px;
    overflow: hidden;
    padding: 0
}

.m-catfish--glossier .m-catfish-b img {
    width: 100%
}

.m-catfish--glossier .m-catfish-close {
    font-size: 1.125rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer
}

.m-catfish--glossier .m-catfish-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.75rem;
    margin-bottom: 0.5rem
}

.m-catfish--glossier .m-catfish-copy {
    line-height: 1.75;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.5
}

.m-catfish--glossier .m-catfish-cta {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
    text-transform: capitalize;
    color: blue
}

@media screen and (min-width: 480px) {
    .m-catfish--glossier .m-catfish-b {
        height: 200px
    }
}

@media screen and (min-width: 768px) {
    .m-catfish--glossier .m-catfish-copy {
        font-size: 1rem
    }

    .m-catfish--glossier .m-catfish-cta {
        font-size: 1rem
    }
}

@media screen and (min-width: 970px) {
    .m-catfish--glossier {
        padding: 3rem 2rem
    }

    .m-catfish--glossier .m-catfish-a {
        text-align: left;
        margin-bottom: 0
    }

    .m-catfish--glossier .m-catfish-b {
        height: auto;
        overflow: hidden;
        padding: 0 1rem
    }

    .m-catfish--glossier .m-catfish-title {
        font-size: 3.125rem;
        line-height: 3rem;
        margin-top: -0.5rem;
        margin-bottom: 1rem
    }

    .m-catfish--glossier .m-catfish-copy {
        font-size: 1.125rem
    }

    .m-catfish--glossier .m-catfish-cta {
        font-size: 1.125rem
    }
}

.m-catfish--campaign {
    width: 100%;
    height: 100%;
    background: #F9F7F1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -100%
}

.m-catfish--campaign.is-hidden {
    display: flex
}

.m-catfish--campaign .m-catfish-close {
    font-size: 1.125rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer
}

.m-catfish--campaign .m-catfish-title {
    max-width: 320px;
    height: auto
}

.m-catfish--campaign .m-catfish-copy {
    margin: 1rem auto;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.25rem
}

.m-catfish--campaign .m-catfish-close-phrase {
    margin: 1rem auto
}

@media screen and (min-width: 480px) {
    .m-catfish--campaign {
        display: none
    }

    .m-catfish--campaign.is-hidden {
        display: none
    }
}

.m-alignment {
    text-align: center;
    margin-bottom: 5rem
}

.post-checklisticle {
    display: flex;
    margin: 0 auto;
    font-family: "Freight Display Pro", Georgia, Times, Times New Roman, serif
}

.sticky-list {
    position: fixed;
    width: 100%;
    z-index: 1500;
    color: #FFFFFF;
    background-color: #000000;
    text-align: center
}

@media screen and (min-width: 970px) {
    .sticky-list {
        width: 30%;
        height: 100vh
    }
}

.checklisticle-sticky-list-nav {
    display: none;
    overflow-y: scroll
}

@media screen and (min-width: 970px) {
    .checklisticle-sticky-list-nav {
        display: block;
        height: 100%
    }
}

.checklisticle-sticky-list-nav .checklisticle-nav-product-list {
    padding: 10px 30px;
    overflow-y: scroll
}

@media screen and (min-width: 970px) {
    .checklisticle-sticky-list-nav .checklisticle-nav-product-list {
        padding: 0 50px;
        overflow-y: hidden
    }
}

.checklisticle-sticky-product {
    display: none;
    height: 47px;
    overflow: hidden
}

@media screen and (min-width: 970px) {
    .checklisticle-sticky-product {
        display: none
    }
}

.checklisticle-nav-product-list {
    text-align: left
}

@media screen and (min-width: 970px) {
    .checklisticle-nav-product-list {
        display: block
    }
}

.checklisticle-nav-product-list {
    margin: 25px auto
}

.checklisticle-sticky-product .checklisticle-nav-product-list {
    width: 100%;
    margin: 0 auto
}

.checklisticle-products-instructions {
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: center;
    font-style: italic
}

.checklisticle-back {
    display: flex;
    align-items: center;
    height: 47px;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #000000;
    color: #000000;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 13px;
    font-weight: 700;
    background-color: #FFFFFF;
    text-transform: uppercase
}

@media screen and (min-width: 970px) {
    .checklisticle-back {
        display: none
    }
}

.checklisticle-back span {
    width: 100%
}

.checklisticle-nav-share .checklisticle-back {
    display: flex;
    border: 1px solid rgba(228, 228, 228, 0.5);
    border-right: 0;
    justify-content: center
}

.checklisticle-products-intro {
    margin-bottom: 10px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

.checklisticle-view {
    position: relative;
    right: 20px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    text-transform: uppercase
}

@media screen and (min-width: 970px) {
    .checklisticle-view {
        display: none
    }
}

.checklisticle-seemore {
    margin-left: auto;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    text-transform: uppercase
}

@media screen and (min-width: 970px) {
    .checklisticle-seemore {
        display: none
    }
}

.btn-share-checklisticle {
    width: 250px;
    margin: 20px auto;
    padding: 10px;
    color: #000000;
    background-color: #FFFFFF;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.btn-share-checklisticle:hover, .checklisticle-back:hover {
    cursor: pointer
}

.checklisticle-nav-share {
    color: #000000;
    background-color: #FFFFFF
}

.checklisticle-sticky-product .checklisticle-item {
    display: none;
    padding: 0 20px
}

.checklisticle-product {
    margin: 10px 0 0 27px
}

.checklisticle-product-link {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 16px;
    text-align: left;
    border: 0
}

.checklisticle-product-link:hover {
    text-decoration: underline
}

.checklisticle-container {
    margin-bottom: 50px
}

@media screen and (min-width: 970px) {
    .checklisticle-container {
        width: 70%;
        margin-left: 30%
    }
}

.checklisticle-title-container {
    display: none;
    align-items: center;
    color: #000000;
    background-color: #FFFFFF;
    border-top: 2px solid rgba(228, 228, 228, 0.5);
    border-bottom: 2px solid rgba(228, 228, 228, 0.5)
}

.checklisticle-title {
    width: 100%;
    padding: 10px;
    padding-left: 30px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 970px) {
    .checklisticle-title {
        margin: 20px 0 10px 0;
        border: 0;
        font-size: 42px
    }
}

.checklisticle-secondary-title {
    display: none
}

@media screen and (min-width: 970px) {
    .checklisticle-secondary-title {
        display: block;
        margin-bottom: -15px;
        font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        font-size: 20px
    }
}

.checklisticle-header-container {
    margin-top: 60px;
    padding: 0 25px
}

@media screen and (min-width: 970px) {
    .checklisticle-header-container {
        margin-top: 0;
        padding: 0 10%
    }
}

.checklisticle-header-container .checklisticle-title {
    display: none
}

@media screen and (min-width: 970px) {
    .checklisticle-header-container .checklisticle-title {
        display: block
    }
}

.checklisticle-header-newsletter {
    text-align: center
}

@media screen and (min-width: 970px) {
    .checklisticle-header-newsletter {
        padding-top: 5px
    }
}

.checklisticle-header-newsletter-rules {
    max-width: 400px;
    margin: 10px auto;
    text-align: center;
    color: #858585;
    font-size: 12px
}

.checklisticle-seperator {
    height: 5px;
    margin: 20px 0 25px 0;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1)
}

.checklisticle-header-content {
    padding: 0 10%
}

.checklisticle-header-video {
    width: 70vw;
    height: 41vw;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(228, 228, 228, 0.5);
    text-align: center
}

@media screen and (min-width: 970px) {
    .checklisticle-header-video {
        width: 53vw;
        height: 31vw;
        padding: 10px 0;
        border-top: 2px solid rgba(228, 228, 228, 0.5)
    }
}

.checklisticle-header-desc-title {
    margin-top: 20px;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 24px;
    font-weight: 700
}

.checklisticle-header-desc {
    margin: 10px;
    font-size: 18px;
    font-style: italic;
    text-align: center
}

@media screen and (min-width: 970px) {
    .checklisticle-header-desc {
        padding: 0 25px
    }
}

.checklisticle-products {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center
}

.checklisticle-product-wrapper {
    margin-bottom: 20px
}

.checklisticle-product-name {
    margin: 5px 10px 15px 10px;
    font-size: 30px;
    line-height: 1
}

.checklisticle-product-name:hover {
    font-weight: 700
}

.checklisticle-product-subname {
    margin: 0 10px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    text-transform: uppercase
}

.checklisticle-product-image {
    height: 350px;
    margin: 0 auto;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 592px) {
    .checklisticle-product-image {
        height: 500px;
        margin: 0 auto
    }
}

.checklisticle-product-desc {
    margin: 20px 35px;
    font-size: 18px;
    text-align: left
}

.checklisticle-product-desc a {
    text-decoration: underline
}

.checklisticle-product-seperator {
    width: 20%;
    margin: 0 auto;
    border: 1px solid rgba(228, 228, 228, 0.5)
}

.checklisticle-sticky-product .active, .active {
    display: block
}

.checklisticle-sticky-product .active-flex, .active-flex {
    display: flex;
    align-items: center;
    height: 47px
}

@media screen and (min-width: 970px) {
    .checklisticle-sticky-product .active-flex, .active-flex {
        display: none
    }
}

.checklisticle-sticky-list-nav .inactive {
    display: none
}

.checklisticle-recommended {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 20px
}

.checklisticle-footer {
    margin-top: 50px;
    padding: 0 10px
}

@media screen and (min-width: 970px) {
    .checklisticle-footer {
        position: absolute;
        width: 70%
    }
}

.checklisticle-product-content {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 100%
}

.checklisticle-in-post-sweeps {
    margin: 20px auto
}

@media screen and (min-width: 970px) {
    .checklisticle-in-post-sweeps {
        width: 400px
    }
}

.checklisticle-in-post-sweeps-title {
    margin: 5px 0;
    font-size: 20px
}

.checklisticle-in-post-sweeps-body {
    margin: 5px 0;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    color: #858585;
    font-size: 14px
}

.checklisticle-sweeps-seperator {
    width: 20%;
    margin: 20px auto;
    border: 1px solid rgba(228, 228, 228, 0.5)
}

.checklisticle-readmore {
    max-width: 650px;
    margin: 20px auto;
    padding: 0 20px;
    font-size: 18px
}

.checklisticle-readmore a {
    text-decoration: underline
}

.m-cta {
    display: inline-block;
    background-color: transparent;
    border: 1px solid;
    border-color: inherit;
    padding: 0.5rem 2rem;
    max-width: 300px;
    width: 100%;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    margin: 0.5rem 0;
    border-color: inherit;
    text-align: center;
    opacity: 1
}

.m-cta:disabled {
    opacity: 0.25
}

.m-cta--more {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.5rem;
    color: #858585;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
}

.m-cta--more:hover {
    text-decoration: underline
}

.m-cta--btn, .m-cta--btnTiny, .m-posts-next-cta a {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    padding: 0.5rem;
    border: 2px solid #000000;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.6875rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    background-color: #000000;
    color: #FFFFFF;
    -webkit-transition: color 250ms linear, background 250ms linear;
    -moz-transition: color 250ms linear, background 250ms linear;
    transition: color 250ms linear, background 250ms linear
}

.m-cta--btn:hover, .m-cta--btnTiny:hover, .m-posts-next-cta a:hover {
    background-color: #FFFFFF;
    color: #0c9
}

.m-cta--btn a, .m-cta--btnTiny a, .m-posts-next-cta a a {
    display: block;
    height: 100%;
    width: 100%
}

.m-cta--btnTiny {
    height: 26px;
    width: 75px;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 0.5rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px
}

.m-cta--ask {
    height: 36px;
    width: 100%;
    background: #000000;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    line-height: 36px;
    font-size: 0.875rem;
    cursor: pointer;
    color: #FFFFFF
}

.m-cta--ask .m-sprites--circleArrow {
    display: inline-block;
    margin-left: 10px
}

.m-cta--count {
    display: block;
    width: 100%;
    max-width: 180px;
    border: 1px solid #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.625rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    background-color: #000000;
    color: #FFFFFF;
    text-align: center
}

.m-cta--count::after {
    clear: both;
    content: "";
    display: table
}

.m-cta--count span {
    width: 75%;
    text-align: center;
    display: inline-block;
    padding: 0.5rem;
    height: 100%
}

.m-cta--count span:last-child {
    width: 25%;
    color: #000000;
    background-color: #FFFFFF
}

.m-cta--uppercase {
    text-transform: uppercase
}

.m-cta--bold {
    font-weight: bold
}

.m-cta--tall {
    padding: 1rem 2rem
}

.m-cta--glossier {
    background-image: url(../font/ui/glossier_g_black-5edbd86a340ad7b9b4cb94fe8bef34d6.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%
}

.m-cta--pink {
    background-color: #f5e3e7;
    border-color: #f5e3e7;
    color: #000000
}

.m-cta--pink:not([disabled]):hover, .m-cta--pink:not([disabled]):active {
    background-color: #FFFFFF;
    border-color: #000000
}

.m-cta--black {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF
}

.m-cta--black:not([disabled]):hover, .m-cta--black:not([disabled]):active {
    background-color: #FFFFFF;
    color: #000000
}

.m-cta--black.no-hover:not([disabled]) {
    border-color: #000000;
    color: #000000
}

.m-cta--black.no-hover:not([disabled]):hover, .m-cta--black.no-hover:not([disabled]):active {
    background-color: #000000;
    color: #FFFFFF
}

.m-cta--white {
    background-color: #FFFFFF;
    border-color: #000000;
    color: #000000
}

.m-cta--white:not([disabled]):hover, .m-cta--white:not([disabled]):active {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF
}

.debug {
    position: fixed;
    bottom: 20px;
    left: 0;
    max-width: 320px;
    background-color: white;
    border-right: 1px darkred solid;
    border-bottom: 1px darkred solid;
    z-index: 9999;
    transform: translateX(-100%);
    transition: transform 666ms
}

.debug.is-shown {
    transform: translateX(0)
}

.debug.is-shown h1 {
    transform: translateX(0);
    text-align: left
}

.debug h1, .debug h2 {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400
}

.debug h1 {
    background: darkred;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
    transform: translateX(60px);
    text-align: right;
    transition: transform 666ms
}

.debug .debug-section {
    padding: 5px 10px
}

.debug .debug-section.is-opened h2.debug-section__heading:before {
    content: ""
}

.debug .debug-section.is-opened .debug-section__container {
    display: block
}

.debug .debug-section h2.debug-section__heading {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 1px black dashed
}

.debug .debug-section h2.debug-section__heading:before {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 5px
}

.debug .debug-section .debug-section__container {
    padding: 5px;
    background: #eee;
    display: none
}

.debug .debug-section .debug-section__container p {
    margin: 0.5rem 0;
    font-size: 13px
}

.debug .debug-section .debug-section__container input[type=submit] {
    background: transparent;
    border: 0;
    text-decoration: underline;
    color: darkred
}

.debug .debug-section .debug-section__container input[type=submit]:hover {
    text-decoration: none
}

.m-featured {
    max-width: 640px;
    padding: 0 0 2rem 0;
    margin: auto;
    display: none
}

.m-featured::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 640px) {
    .m-featured {
        display: block;
        max-width: 100%
    }
}

@media screen and (min-width: 970px) {
    .m-featured {
        padding: 0 2rem 2rem 0
    }
}

.m-featured-img {
    width: 70%;
    float: left
}

.m-featured-img img {
    width: 100%
}

.m-featured-text {
    width: 30%;
    float: left;
    box-sizing: border-box;
    padding: 0 0 0 1rem
}

.m-featured-text--ft {
    text-transform: uppercase;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 0.875rem;
    color: #666666
}

.m-featured-text--title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    color: #333333;
    margin: 1rem 0
}

.m-featured-comment {
    font-size: 0.875rem;
    color: #666666;
    margin: 1rem 0;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    display: none
}

.m-featured-comment.has-count {
    display: block
}

.m-featured-comment span {
    display: inline-block;
    vertical-align: middle
}

.m-featured-comment .m-sprites--comment {
    margin-right: 0.5rem
}

.m-featured .m-cta--more {
    margin-top: 1rem;
    margin-left: 0
}

.m-featured-comment--responseNb {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.8125rem;
    color: #333333;
    margin-right: 0.25rem
}

.m-featured-comment--response {
    font-style: italic
}

.m-featured-comment--pipe {
    color: #000000;
    margin: 0 0.25rem
}

.m-featured-comment--more {
    text-transform: uppercase
}

.footer {
}

.footer .l-row--shortFull {
    padding: 2rem;
    border-bottom: 1px solid #F0F0F0
}
@media screen and (max-width: 768px) {
    .footer .l-row--shortFull {
        padding: 1rem 0;
    }
}
ul.footer-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000000;
    z-index: 2000
}

@media screen and (min-width: 970px) {
    ul.footer-mobile {
        display: none
    }
}

ul.footer-mobile li {
    float: left;
    width: 25%;
    font-size: 0.9375rem;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    padding: 18px 0
}

.footer-links {
}

@media screen and (min-width: 768px) {
    .footer-links {
        float: left;
        display: flex;
        width: 51.17883%;
        height: 31px;
        align-items: flex-end;
    }

    .footer-links:last-child {
        width: 48.82117%
    }
}

.footer-links ul {
    padding: 0 0 0 2rem
}

.footer-links ul li {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    display: inline;
    margin-right: 0.9rem;
    text-transform: uppercase;
    font-size: 0.65rem;
    color: #666666
}
@media screen and (max-width: 768px) {
    .footer-links ul li {
        display: block;
        margin-bottom: 1rem;
    }
}

.footer-logo {
    display: none;
    background-position: -1134px 0;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    width: 162px;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    transition: opacity 250ms ease
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-logo {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.footer-logo:hover {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.footer-logo a {
    height: 100%;
    width: 100%;
    display: block
}

@media screen and (min-width: 970px) {
    .footer-logo {
        display: block
    }
}

.footer-social {
    float: left;
    display: block;
    width: 102.35765%
}

.footer-social:last-child {
    width: 100%
}

@media screen and (min-width: 768px) {
    .footer-social {
        float: left;
        display: block;
        width: 51.17883%;
        padding: 0 1rem 0 0
    }

    .footer-social:last-child {
        width: 48.82117%
    }
}

@media screen and (min-width: 970px) {
    .footer-social {
        float: left;
        display: block;
        width: 34.11922%
    }

    .footer-social:last-child {
        width: 31.76157%
    }
}

.footer-social ul {
    text-align: center
}

@media screen and (min-width: 768px) {
    .footer-social ul {
        text-align: right
    }
}

.footer-social ul li {
    display: inline-block;
    margin: 0 0.5rem;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    transition: opacity 250ms ease
}

.footer-social ul li:hover {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.footer-social ul li a {
    display: block;
    height: 100%;
    width: 100%
}

.footer-legal {
    font-size: 0.75rem;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style: italic;
    color: #AAAAAA;
    text-align: center;
}

.footer-legal-contact {
    padding: 0 1rem;
    text-align: center;
    float: left;
    display: block;
    width: 102.35765%
}

.footer-legal-contact:last-child {
    width: 100%
}

@media screen and (min-width: 768px) {
    .footer-legal-contact {
        text-align: left;
        float: left;
        display: block;
        width: 51.17883%
    }

    .footer-legal-contact:last-child {
        width: 48.82117%
    }
}

@media screen and (min-width: 970px) {
    .footer-legal-contact {
        padding: 0
    }
}

.footer-legal-address {
    padding: 0 1rem;
    text-align: center;
    float: left;
    display: block;
    width: 102.35765%
}

.footer-legal-address:last-child {
    width: 100%
}

@media screen and (min-width: 768px) {
    .footer-legal-address {
        text-align: right;
        float: left;
        display: block;
        width: 51.17883%
    }

    .footer-legal-address:last-child {
        width: 48.82117%
    }
}

@media screen and (min-width: 970px) {
    .footer-legal-address {
        padding: 0
    }
}

.m-frame {
    border: 0;
    text-align: center;
    margin: 2rem auto
}

.m-frame a {
    color: blue
}

@media screen and (min-width: 840px) {
    .m-frame {
        border: 1px solid #000000;
        padding: 0 2rem 2rem 2rem
    }
}

.m-frame-title {
    font-size: 1.5rem;
    display: inline-block;
    position: relative;
    top: -1.5rem;
    background-color: #FFFFFF;
    padding: 0 0.5rem;
    text-transform: uppercase
}

@media screen and (min-width: 840px) {
    .m-frame-title {
        font-size: 1.75rem
    }
}

@media screen and (min-width: 970px) {
    .m-frame-title {
        font-size: 2.25rem
    }
}

.m-mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1499
}

.m-mobile-overlay.is-shown {
    display: block
}

@media screen and (min-width: 970px) {
    .m-mobile-overlay.is-shown {
        display: none
    }
}

.m-header {
    height: auto;
    z-index: 1500;
    width: 100%;
    left: 0;
    right: 0;
    top: 0
}

@media screen and (min-width: 970px) {
    .m-header {
        position: relative;
        height: auto;
        width: 100%
    }
}

.m-header .m-header-common {
    background-color: #f3f6f6;
    width: 100%;
    height: 42px;
    z-index: 1500
}

.m-header .m-header-common .m-header-nav {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.m-header .m-header-common-h {
    height: 100%
}

.m-header .m-header-common--left {
    position: absolute;
    display: none;
    left: 0;
    height: 100%
}

@media screen and (min-width: 970px) {
    .m-header .m-header-common--left {
        display: block
    }
}

.m-header .m-header-common--center {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 8px;
    display: block;
    position: absolute
}

.m-header .m-header-common--right {
    display: none;
    position: absolute;
    right: 30px;
    height: 100%;
    padding-top: 2px
}

@media screen and (min-width: 970px) {
    .m-header .m-header-common--right {
        display: block
    }
}

.m-header .m-header-back-link {
    font-size: 0.875rem;
    margin-left: 25px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    display: block;
    position: relative;
    padding: 12px 0;
    z-index: 1
}

.m-header .m-header-back-link:before {
    display: inline-block;
    content: "";
    font-family: FontAwesome;
    padding-right: 20px
}

.m-header .m-header-common-mission-trigger-overlay {
    position: absolute;
    top: 0;
    left: calc(50% - 15px);
    height: 42px;
    width: 30px
}

.m-header .m-header-common-logo {
    margin: 0 auto;
    background: #f2f2f2;
}

.m-header .m-header-common--hovered {
    color: #000000;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 0.8125rem;
    line-height: 1.625rem
}

.m-header .m-header-common-mission {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    z-index: 9;
    display: none;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.m-header .m-header-common-mission.is-opened {
    display: block
}

.m-header .m-header-common-mission:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid white;
    margin: -5px auto 0 auto
}

.m-header .m-header-common-mission-container {
    padding: 1.5rem 2rem 1.5rem
}

@media screen and (min-width: 970px) {
    .m-header .m-header-common-mission-container {
        padding: 2rem 0
    }
}

.m-header .m-header-common-mission-container h2 {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 1.75rem
}

.m-header .m-header-common-mission-container p {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    width: 500px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.m-header .m-header-common-mission-container p:last-child {
    margin-right: 0
}

@media screen and (min-width: 970px) {
    .m-header .m-header-common-mission-container p {
        float: left;
        display: block;
        width: 68.23843%;
        margin-left: 17.05961%
    }

    .m-header .m-header-common-mission-container p:last-child {
        width: 65.88078%
    }
}

.m-header .m-header-common-mission-container .m-header-common-mission--mobile .m-cta--black {
    width: 180px;
    margin: 20px auto;
    display: block;
    padding: 0.5rem
}

.m-header .m-header-common-mission-container .m-header-common-mission--mobile .m-header-common-mission-close {
    font-size: 2rem
}

@media screen and (min-width: 970px) {
    .m-header .m-header-common-mission-container .m-header-common-mission--mobile {
        display: none
    }
}

.m-header .m-header-common-mission-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 10px
}

.m-header .m-header-common-mission-body {
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    line-height: 1.5
}

@media screen and (min-width: 970px) {
    .m-header .m-header-common-mission-body {
        width: 500px;
        margin-left: 25%
    }
}

.m-header .m-header-common-logo-img {
    height: 24px;
    width: 19px
}

.m-header .m-header-nav-list--account {
    padding: 0.5rem 0.7rem
}

.m-header .m-header-specific.is-hidden {
    margin-top: -80px
}

.m-header .l-col--align-right {
    text-align: right
}

.m-header .l-col--align-right ul {
    float: right
}

.m-header .l-col--align-center {
    text-align: center
}

.m-header .l-col--four {
    width: 33.3%;
    margin: 0
}

.m-header .l-col--eight {
    margin: 2rem auto 0 auto
}

@media screen and (min-width: 970px) {
    .m-header .l-col--eight {
        margin: 0
    }
}

.m-header .l-container .l-row, .m-header .l-row .l-row, .m-header .l-row--tiny .l-row, .m-header .l-row--tinyFull .l-row, .m-header .l-row--small .l-row, .m-header .l-row--smallFull .l-row, .m-header .l-row--short .l-row, .m-header .l-row--shortFull .l-row, .m-header .l-row--full .l-row, .m-header .footer .l-row, .m-header .l-container .l-row--tiny, .m-header .l-row .l-row--tiny, .m-header .l-row--tiny .l-row--tiny, .m-header .l-row--tinyFull .l-row--tiny, .m-header .l-row--small .l-row--tiny, .m-header .l-row--smallFull .l-row--tiny, .m-header .l-row--short .l-row--tiny, .m-header .l-row--shortFull .l-row--tiny, .m-header .l-row--full .l-row--tiny, .m-header .footer .l-row--tiny, .m-header .l-container .l-row--tinyFull, .m-header .l-row .l-row--tinyFull, .m-header .l-row--tiny .l-row--tinyFull, .m-header .l-row--tinyFull .l-row--tinyFull, .m-header .l-row--small .l-row--tinyFull, .m-header .l-row--smallFull .l-row--tinyFull, .m-header .l-row--short .l-row--tinyFull, .m-header .l-row--shortFull .l-row--tinyFull, .m-header .l-row--full .l-row--tinyFull, .m-header .footer .l-row--tinyFull, .m-header .l-container .l-row--small, .m-header .l-row .l-row--small, .m-header .l-row--tiny .l-row--small, .m-header .l-row--tinyFull .l-row--small, .m-header .l-row--small .l-row--small, .m-header .l-row--smallFull .l-row--small, .m-header .l-row--short .l-row--small, .m-header .l-row--shortFull .l-row--small, .m-header .l-row--full .l-row--small, .m-header .footer .l-row--small, .m-header .l-container .l-row--smallFull, .m-header .l-row .l-row--smallFull, .m-header .l-row--tiny .l-row--smallFull, .m-header .l-row--tinyFull .l-row--smallFull, .m-header .l-row--small .l-row--smallFull, .m-header .l-row--smallFull .l-row--smallFull, .m-header .l-row--short .l-row--smallFull, .m-header .l-row--shortFull .l-row--smallFull, .m-header .l-row--full .l-row--smallFull, .m-header .footer .l-row--smallFull, .m-header .l-container .l-row--short, .m-header .l-row .l-row--short, .m-header .l-row--tiny .l-row--short, .m-header .l-row--tinyFull .l-row--short, .m-header .l-row--small .l-row--short, .m-header .l-row--smallFull .l-row--short, .m-header .l-row--short .l-row--short, .m-header .l-row--shortFull .l-row--short, .m-header .l-row--full .l-row--short, .m-header .footer .l-row--short, .m-header .l-container .l-row--shortFull, .m-header .l-row .l-row--shortFull, .m-header .l-row--tiny .l-row--shortFull, .m-header .l-row--tinyFull .l-row--shortFull, .m-header .l-row--small .l-row--shortFull, .m-header .l-row--smallFull .l-row--shortFull, .m-header .l-row--short .l-row--shortFull, .m-header .l-row--shortFull .l-row--shortFull, .m-header .l-row--full .l-row--shortFull, .m-header .footer .l-row--shortFull, .m-header .l-container .l-row--full, .m-header .l-row .l-row--full, .m-header .l-row--tiny .l-row--full, .m-header .l-row--tinyFull .l-row--full, .m-header .l-row--small .l-row--full, .m-header .l-row--smallFull .l-row--full, .m-header .l-row--short .l-row--full, .m-header .l-row--shortFull .l-row--full, .m-header .l-row--full .l-row--full, .m-header .footer .l-row--full {
    height: 100%
}

@media screen and (min-width: 970px) {
    .m-header .l-container .l-row, .m-header .l-row .l-row, .m-header .l-row--tiny .l-row, .m-header .l-row--tinyFull .l-row, .m-header .l-row--small .l-row, .m-header .l-row--smallFull .l-row, .m-header .l-row--short .l-row, .m-header .l-row--shortFull .l-row, .m-header .l-row--full .l-row, .m-header .footer .l-row, .m-header .l-container .l-row--tiny, .m-header .l-row .l-row--tiny, .m-header .l-row--tiny .l-row--tiny, .m-header .l-row--tinyFull .l-row--tiny, .m-header .l-row--small .l-row--tiny, .m-header .l-row--smallFull .l-row--tiny, .m-header .l-row--short .l-row--tiny, .m-header .l-row--shortFull .l-row--tiny, .m-header .l-row--full .l-row--tiny, .m-header .footer .l-row--tiny, .m-header .l-container .l-row--tinyFull, .m-header .l-row .l-row--tinyFull, .m-header .l-row--tiny .l-row--tinyFull, .m-header .l-row--tinyFull .l-row--tinyFull, .m-header .l-row--small .l-row--tinyFull, .m-header .l-row--smallFull .l-row--tinyFull, .m-header .l-row--short .l-row--tinyFull, .m-header .l-row--shortFull .l-row--tinyFull, .m-header .l-row--full .l-row--tinyFull, .m-header .footer .l-row--tinyFull, .m-header .l-container .l-row--small, .m-header .l-row .l-row--small, .m-header .l-row--tiny .l-row--small, .m-header .l-row--tinyFull .l-row--small, .m-header .l-row--small .l-row--small, .m-header .l-row--smallFull .l-row--small, .m-header .l-row--short .l-row--small, .m-header .l-row--shortFull .l-row--small, .m-header .l-row--full .l-row--small, .m-header .footer .l-row--small, .m-header .l-container .l-row--smallFull, .m-header .l-row .l-row--smallFull, .m-header .l-row--tiny .l-row--smallFull, .m-header .l-row--tinyFull .l-row--smallFull, .m-header .l-row--small .l-row--smallFull, .m-header .l-row--smallFull .l-row--smallFull, .m-header .l-row--short .l-row--smallFull, .m-header .l-row--shortFull .l-row--smallFull, .m-header .l-row--full .l-row--smallFull, .m-header .footer .l-row--smallFull, .m-header .l-container .l-row--short, .m-header .l-row .l-row--short, .m-header .l-row--tiny .l-row--short, .m-header .l-row--tinyFull .l-row--short, .m-header .l-row--small .l-row--short, .m-header .l-row--smallFull .l-row--short, .m-header .l-row--short .l-row--short, .m-header .l-row--shortFull .l-row--short, .m-header .l-row--full .l-row--short, .m-header .footer .l-row--short, .m-header .l-container .l-row--shortFull, .m-header .l-row .l-row--shortFull, .m-header .l-row--tiny .l-row--shortFull, .m-header .l-row--tinyFull .l-row--shortFull, .m-header .l-row--small .l-row--shortFull, .m-header .l-row--smallFull .l-row--shortFull, .m-header .l-row--short .l-row--shortFull, .m-header .l-row--shortFull .l-row--shortFull, .m-header .l-row--full .l-row--shortFull, .m-header .footer .l-row--shortFull, .m-header .l-container .l-row--full, .m-header .l-row .l-row--full, .m-header .l-row--tiny .l-row--full, .m-header .l-row--tinyFull .l-row--full, .m-header .l-row--small .l-row--full, .m-header .l-row--smallFull .l-row--full, .m-header .l-row--short .l-row--full, .m-header .l-row--shortFull .l-row--full, .m-header .l-row--full .l-row--full, .m-header .footer .l-row--full {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -moz-box-align: end;
        box-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-align: end
    }
}

@media screen and (min-width: 970px) {
    .m-header {
        display: block
    }
}

.m-header-logo {
    width: 260px;
    margin: 0 auto;
}

.m-header-logo a {
    display: block;
    height: 100%;
    width: 100%
}

.m-header-logo--mobile {
    width: calc(100% - 93px);
    height: 50px;
    float: left;
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: 1rem -2px;
    background-repeat: no-repeat;
    background-size: 138px auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-header-logo--mobile {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-header-logo--mobile a {
    display: block;
    height: 100%;
    width: 100%
}

.m-header-nav {
    color: #fff;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    position: relative;
    text-align: center;
    background: #f17f69;
    margin-top: 10px;
    font-size: 17px;
}

@media screen and (min-width: 970px) {
    .m-header-nav {
        display: block
    }
}
.m-header-nav ul li {
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px 2rem 0 2rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 40px;
}

.m-header-nav ul li a {
    -webkit-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    transition: color 250ms ease
}

.m-header-nav ul li a:hover {
    color: #666666
}

.m-header-nav ul li.m-header-menuIcon {
    cursor: pointer;
    height: 26px
}

.m-header-nav ul li.m-header-menuIcon a {
    display: block;
    height: 100%;
    width: 100%
}

.is-search-opened .m-header-nav ul li:not(.m-header-menuIcon) {
    opacity: 0.1
}

.m-header-nav-account {
    height: 100%;
    float: right
}

.m-header-nav-list--account {
    -webkit-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    transition: color 250ms ease
}

.m-header-nav-list--account:hover {
    color: #666666
}

.m-header-navSection {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.25rem;
    padding: 0 0.5rem 0 0;
    border-right: 1px solid #F0F0F0;
    margin: 0
}

.m-header ng-search-form {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
    z-index: -1;
    opacity: 0
}

@media screen and (min-width: 970px) {
    .m-header ng-search-form {
        left: 50%;
        top: -4px;
        margin-left: -180px
    }
}

.m-header ng-search-form input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 61px;
    width: 100vw;
    border-radius: 0;
    padding: 0.25rem 0.75rem;
    border: none;
    box-sizing: border-box;
    font-size: 1.375rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    color: #000000;
    outline: none
}

@media screen and (min-width: 970px) {
    .m-header ng-search-form input[type="text"] {
        height: 35px;
        width: 360px;
        padding: 0.25rem
    }
}

.m-header ng-search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none
}

.m-header ng-search-form button.m-header-search--mobile-btn {
    height: 61px
}

.is-search-opened .m-header ng-search-form {
    z-index: 2000;
    opacity: 1
}

.m-header--mobile {
    height: 50px;
    width: 100%;
    background-color: #000000
}

@media screen and (min-width: 970px) {
    .m-header--mobile {
        display: none
    }
}

.m-header-search--mobile .m-header-menuIcon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    background-size: 1430px auto
}

@media screen and (min-width: 970px) {
    .m-header-search--mobile {
        display: none
    }
}

.m-header--mobile-btn {
    position: relative;
    z-index: 1000;
    height: 50px;
    width: 93px;
    float: left;
    background-color: #FFFFFF
}

.m-header--mobile-btn .m-nav {
    position: absolute;
    top: 20px;
    left: 11px;
    cursor: pointer
}

.m-header--mobile-btn .m-search {
    position: absolute;
    top: 19px;
    left: 51px;
    cursor: pointer
}

.is-search-opened .m-header--mobile-btn .m-sprites--searchMobile {
    display: none
}

.m-header--mobile-btn .m-sprites--searchMobileClose {
    display: none
}

.is-search-opened .m-header--mobile-btn .m-sprites--searchMobileClose {
    display: block
}

.m-img-lazy {
    overflow: hidden;
    height: 100%;
}

.m-img[ng-img-lazy] {
    -webkit-transition: filter 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    -moz-transition: filter 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    transition: filter 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.m-img[ng-img-lazy].is-loaded {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    filter: alpha(opacity=100)
}

html.turbolinks-progress-bar::before {
    background-color: #000000 !important;
    height: 5px !important
}

@media screen and (min-width: 768px) {
    html.turbolinks-progress-bar::before {
        height: 2px !important
    }
}

html.turbolinks-progress-bar body {
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    opacity: 1
}

html.turbolinks-progress-bar .m-overlay--mask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    pointer-events: none
}

html.turbolinks-progress-bar.is-loader-active * {
    pointer-events: none
}

html.turbolinks-progress-bar.is-loader-active .m-overlay--mask {
    display: block;
    z-index: 2001
}

html.turbolinks-progress-bar.is-loader-active body {
    opacity: 0.33
}

.m-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    background: rgba(51, 51, 51, 0.72);
    overflow: hidden;
    z-index: 9999
}

.m-modal.newsletter {
    display: none
}

@media screen and (min-width: 640px) {
    .m-modal.newsletter {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.m-modal-container {
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 2rem;
    position: relative
}

@media screen and (min-width: 592px) {
    .m-modal-container {
        height: auto;
        width: auto
    }

    .signin .m-modal-container {
        height: auto;
        width: 420px;
        padding: 4rem 3rem
    }

    .signup .m-modal-container {
        height: auto;
        width: 400px;
        padding: 4rem 4rem 1rem 4rem
    }

    .newsletter .m-modal-container {
        height: auto;
        width: 470px;
        padding: 1rem
    }

    .newsletter.abtesting-B .m-modal-container {
        height: auto;
        width: 470px
    }
}

.m-modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 500;
    width: 19px;
    height: 19px;
    background-image: url(../font/ui/close-12898f6875a7c6b32784dc08de2e3f7b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

ng-newsletter-form {
    display: block;
    padding: 1rem 0
}

@media screen and (min-width: 592px) {
    ng-newsletter-form {
        padding: 0
    }
}

.m-newsletter {
    margin: 2rem auto;
    text-align: center
}

.m-newsletter input[type=checkbox] {
    float: none;
    margin-right: 5px
}

.m-newsletter-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem
}

.m-newsletter-title::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-image: url(../font/ui/email-4114ce07586d3ba006ea36bca2d06af9.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    position: relative;
    bottom: 4px
}

.m-newsletter-subtitle {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto
}

.m-newsletter-input {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    margin: 0 auto;
    max-width: 400px
}

.m-newsletter-input::after {
    clear: both;
    content: "";
    display: table
}

.m-newsletter-input input, .m-newsletter-input button {
    font-size: 0.6875rem;
    padding: 0.5rem;
    border: 1px solid #000000;
    letter-spacing: 1px;
    outline: 0
}

@media screen and (min-width: 640px) {
    .m-newsletter-input input, .m-newsletter-input button {
        display: inline-block;
        float: left
    }
}

.m-newsletter-input input[type=text], .m-newsletter-input input[type=email], .m-newsletter-input input[type=tel] {
    width: 100%;
    text-align: center
}

@media screen and (min-width: 640px) {
    .m-newsletter-input input[type=text], .m-newsletter-input input[type=email], .m-newsletter-input input[type=tel] {
        width: 70%
    }
}

.m-newsletter-input button {
    width: 100%;
    text-transform: uppercase;
    background-color: #000000;
    color: #FFFFFF;
    margin: 0.5rem auto
}

@media screen and (min-width: 640px) {
    .m-newsletter-input button {
        width: 30%;
        margin: 0 auto
    }
}

.m-newsletter-input-fields::after {
    clear: both;
    content: "";
    display: table
}

.m-newsletter-error {
    margin-top: 0.5rem;
    color: #A3001E
}

.m-newsletter-msg {
    margin-top: 0.5rem;
    color: green
}

.m-newsletter.is-list, .m-newsletter.is-post, .m-newsletter.is-embed {
    padding: 0;
    margin: 0 auto 2rem auto;
    max-width: 420px
}

.m-newsletter.is-list .m-newsletter-subtitle, .m-newsletter.is-post .m-newsletter-subtitle, .m-newsletter.is-embed .m-newsletter-subtitle {
    display: none
}

.m-newsletter.has-error .m-newsletter-input, .m-newsletter.has-error .m-newsletter-msg {
    color: red
}

.m-newsletter.has-error .m-newsletter-input button, .m-newsletter.has-error .m-newsletter-input input, .m-newsletter.has-error .m-newsletter-msg button, .m-newsletter.has-error .m-newsletter-msg input {
    border-color: red
}

.m-newsletter.has-error .m-newsletter-input button, .m-newsletter.has-error .m-newsletter-msg button {
    background-color: red
}

.m-newsletter.is-loading .m-newsletter-input {
    opacity: 0.25
}

.m-newsletter.is-default {
    padding: 0 1rem
}

@media screen and (min-width: 768px) {
    .m-newsletter.is-default {
        padding: 0
    }
}

.m-newsletter.is-default .m-newsletter-input {
    margin: 1rem auto
}

.m-newsletter.is-default .m-newsletter-input button {
    margin-top: 0.5rem
}

.m-newsletter.is-default .m-newsletter-input input[type=text], .m-newsletter.is-default .m-newsletter-input input[type=email], .m-newsletter.is-default .m-newsletter-input button {
    width: 100%;
    float: none;
    display: block
}

.m-newsletter.is-default .m-newsletter-title {
    letter-spacing: 0;
    font-size: 2rem
}

.m-newsletter.is-default .m-newsletter-images {
    text-align: center
}

@media screen and (min-width: 640px) {
    .m-newsletter.is-default .m-newsletter-images {
        margin-left: 10%
    }
}

@media screen and (min-width: 640px) {
    .m-newsletter.is-default .m-newsletter-images img {
        width: 40%
    }
}

.m-newsletter.is-default .m-newsletter-subtitle {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 1.125rem
}

@media screen and (min-width: 640px) {
    .m-newsletter.is-default .m-newsletter-subtitle {
        display: block
    }
}

@media screen and (min-width: 840px) {
    .m-newsletter.is-default {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%
    }

    .m-newsletter.is-default:last-child {
        margin-right: 0
    }
}

.m-newsletter.is-glossier .m-newsletter-input {
    position: relative;
    padding-left: 2rem;
    background-image: url(../font/ui/glossier_g_black-5edbd86a340ad7b9b4cb94fe8bef34d6.png);
    background-repeat: no-repeat;
    background-size: auto 1.5rem;
    background-position: 0 center;
    font-size: 1rem
}

.m-newsletter.is-glossier .m-newsletter-input input[type=text], .m-newsletter.is-glossier .m-newsletter-input input[type=email], .m-newsletter.is-glossier .m-newsletter-input input[type=tel] {
    width: 100%;
    padding: 1rem 4rem 1rem 1rem;
    background-color: #f6e3e7
}

.m-newsletter.is-glossier .m-newsletter-input button {
    background-color: transparent;
    position: absolute;
    right: 0;
    width: 3rem;
    height: 100%;
    border: none;
    background-image: url(../font/ui/arrow_blue-c6891f0baf596d86808c29bb3c915130.png);
    background-repeat: no-repeat;
    background-size: auto 2rem;
    background-position: center
}

.m-newsletter.is-modal {
    margin: 2rem auto 0 auto;
    width: 90%
}

.m-newsletter.is-modal .m-newsletter-msg {
    color: #0000ff
}

.m-newsletter.is-modal .m-newsletter-input {
    margin-bottom: 0
}

.m-newsletter.is-modal .m-newsletter-both {
    text-align: left
}

.m-newsletter.is-modal .m-newsletter-both input {
    width: 20px
}

.m-newsletter.is-modal .m-newsletter-both label {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.75rem
}

@media screen and (min-width: 840px) {
    .m-newsletter.is-modal .m-newsletter-both {
        margin-top: 20px
    }
}

@media screen and (min-width: 840px) {
    .m-newsletter.is-modal {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }

    .m-newsletter.is-modal:last-child {
        margin-right: 0
    }
}

.m-newsletter.is-embed {
    background-color: #f5e3e7;
    padding: 1.5rem;
    max-width: none
}

.m-newsletter.is-embed .m-newsletter-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 1.75rem
}

.m-newsletter.is-embed .m-newsletter-subtitle, .m-newsletter.is-embed .m-newsletter-subcontent {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    font-style: normal;
    color: #000000;
    margin-bottom: 1rem
}

.m-newsletter.is-embed .m-newsletter-agree {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-top: 1rem
}

.m-newsletter-both {
    text-align: left;
    margin: 0.75rem 0
}

.m-newsletter-both::after {
    clear: both;
    content: "";
    display: table
}

.m-newsletter-both input {
    width: 20px
}

.m-newsletter-both label {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.75rem
}

.m-newsletter-itg {
    margin-top: 1rem;
    text-align: left
}

.m-newsletter-images {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 1rem
}

.m-newsletter-images:last-child {
    margin-right: 0
}

.m-newsletter-image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-bottom: 2.3%
}

.m-newsletter-image:last-child {
    margin-right: 0
}

.m-newsletter-image:nth-child(2n) {
    margin-right: 0
}

.m-newsletter-image:nth-child(2n+1) {
    clear: left
}

.m-newsletter-subcontent {
    margin-bottom: 16px
}

.m-newsletter--intl {
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 32px
}

.m-newsletter--intl .m-newsletter.is-post {
    margin: 0 auto
}

.m-newsletter-title--intl {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.75rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 16px
}

.m-newsletter-subtitle--intl {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto
}

.m-newsletter-subtitle--intl a {
    color: #000000;
    text-decoration: underline
}

.m-newsletter--intl button {
    background-color: blue;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 1px solid blue;
    width: 40%;
    font-size: 0.875rem
}

.m-newsletter--intl .m-newsletter-input input[type=email] {
    background-color: #f5e3e7;
    border: 1px solid #f5e3e7;
    width: 60%;
    font-size: 0.875rem
}

.newsletter-popup {
    max-width: 100%;
    display: none
}

@media screen and (min-width: 640px) {
    .newsletter-popup {
        display: flex
    }
}

.newsletter-popup .m-modal-container {
    padding: 0
}

.newsletter-popup .l-row--shortFull {
    display: block
}

@media screen and (min-width: 640px) {
    .newsletter-popup .l-row--shortFull {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        box-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -o-align-items: stretch;
        align-items: stretch;
        -ms-flex-align: stretch
    }
}

.newsletter-popup .m-newsletter-popup {
    width: 740px;
    max-width: 100%
}

.newsletter-popup .m-newsletter-title {
    font-size: 2rem;
    margin-bottom: 0;
    text-align: center;
    line-height: 2.2rem
}

@media screen and (min-width: 640px) {
    .newsletter-popup .m-newsletter-title {
        text-align: left
    }
}

.newsletter-popup .m-newsletter-title::before {
    display: none
}

.newsletter-popup .m-newsletter-subtitle {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    text-align: center
}

@media screen and (min-width: 640px) {
    .newsletter-popup .m-newsletter-subtitle {
        text-align: left
    }
}

.newsletter-popup .m-newsletter-input input[type="email"] {
    width: 100%;
    float: none;
    text-align: left
}

.newsletter-popup .m-newsletter-cta {
    width: 50%;
    border: 0;
    float: none;
    display: block;
    margin: 0.5rem auto 0 auto
}

@media screen and (min-width: 640px) {
    .newsletter-popup .m-newsletter-cta {
        margin: 0.5rem 0 0
    }
}

.m-newsletter-popup-a {
    background: url(../font/misc/shelves-d9fc93b65536a31b74b0eb17600b397a.jpg) no-repeat center;
    background-size: cover;
    float: none;
    width: 100%;
    height: 45vh
}

@media screen and (min-width: 640px) {
    .m-newsletter-popup-a {
        width: 60%;
        height: auto
    }
}

.m-newsletter-popup-b {
    float: none;
    width: 100%;
    height: 55vh;
    padding: 1rem 0.5rem
}

@media screen and (min-width: 640px) {
    .m-newsletter-popup-b {
        width: 40%;
        height: auto;
        padding: 8rem 1rem
    }
}

.m-posts-next {
    padding: 1rem 0 2rem 0;
}

.m-posts-next-cta a {
    display: block
}

@media screen and (min-width: 768px) {
    .s-index .m-posts-b {
        padding: 1rem;
    }
}

.m-posts-b {
    padding: 0 1rem 0 1rem;
    margin-top: 1rem
}

@media screen and (min-width: 768px) {
    .m-posts-b {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.m-posts-pop {
    padding: 0;
    counter-reset: li
}

@media screen and (min-width: 970px) {
    .m-posts-pop {
        padding: 0 2rem 0 0
    }
}

.m-posts-popItem {
    list-style: none;
    position: relative;
    padding: 2rem 0 2rem 4rem;
    border-bottom: 1px solid #F0F0F0
}

.m-posts-popItem::before {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 1.75rem;
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.875rem;
    padding-left: 0.5rem
}

@media screen and (min-width: 970px) {
    .m-posts-popItem::before {
        padding-left: 0
    }
}

.m-posts-popItem:last-child {
    border-bottom: none
}

.m-posts-popItem a {
    display: block;
    width: 100%;
    height: 100%
}

.m-posts-popItem a::after {
    clear: both;
    content: "";
    display: table
}

.m-posts-popItem-a {
    padding-right: 4rem
}

@media screen and (min-width: 970px) {
    .m-posts-popItem-a {
        padding-right: 100px
    }
}

.m-posts-popItem-a span {
    display: block;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.125rem;
    color: #333333
}

@media screen and (min-width: 592px) {
    .m-posts-popItem-a span {
        font-size: 1rem
    }
}

@media screen and (min-width: 970px) {
    .m-posts-popItem-a span {
        font-size: 1.75rem
    }
}

.m-posts-popItem-a span:first-of-type {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    letter-spacing: 0px
}

.m-posts-popItem-b {
    position: absolute;
    width: 48px;
    height: auto;
    top: 50%;
    right: 0.5rem;
    margin-top: -24px
}

@media screen and (min-width: 970px) {
    .m-posts-popItem-b {
        right: 0
    }
}

.m-posts-pop-more {
    display: block;
    padding: 1rem;
    text-align: center;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    background-color: #fbfbfb
}

.m-posts-item {
    position: relative;
    padding-top: 0;
    padding-left: 0;
    border-bottom: 1px solid #F0F0F0;
    margin-top: 2rem
}

@media screen and (min-width: 768px) {
    .m-posts-item {
    }
}

.m-posts-item-content {
    padding-bottom: 1rem
}

.m-posts-item-content::after {
    clear: both;
    content: "";
    display: table
}

.m-posts-item-content {
    border-bottom: 1px solid #F0F0F0
}

.m-posts-item-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    color: #333333;
}

.m-posts-item-title-sp {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 1.0rem;
    color: #333333;
    margin: 0.25rem 0
}

.m-posts-item-a .m-img img {
    max-height: 247px;
    width: auto;
}

@media screen and (min-width: 768px) {
    .m-posts-item-title {
        font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        font-weight: 300;
        font-size: 1.75rem;
        text-transform: none
    }
}

@media screen and (min-width: 768px) {
    .m-posts-item-intro {
        margin-top: 0;
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 767px) {
    .m-posts-item-intro {
        height: auto;
        margin: 10px 0 0 0;
    }
    .m-posts-item-title {
        margin-top: 10px;
    }

    .m-posts-item-content {
        padding-bottom: 8px;
    }
}

.m-posts-item-a {
    position: relative
}

.m-posts-item-a::after {
    clear: both;
    content: "";
    display: table
}

.m-posts-item-b {
    position: relative
}

.m-posts-item-b::after {
    clear: both;
    content: "";
    display: table
}

.m-posts-item-b .m-posts-item-cat {
    position: relative;
    display: none
}

.m-posts-item-cat {
    position: absolute;
    bottom: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    padding: 0.5rem 0.5rem 0.5rem 0;
    color: #000000;
    background-color: #FFFFFF;
    letter-spacing: 0.13em;
    z-index: 1000
}

.m-posts-item-author {
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    width: 48px;
    display: none
}

@media screen and (min-width: 640px) {
    .m-posts-item-author {
        display: block
    }
}

.m-posts-unsave {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px
}

@media screen and (min-width: 640px) {
    .m-posts-unsave {
        top: 52px;
        height: 48px;
        width: 48px
    }
}

.m-posts-item-images {
    display: block;
    margin-left: -0.25rem
}

.m-posts-item-images-el {
    width: 100%;
    float: left;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
    overflow: hidden;
    height: 157px;
    align-items: center;
    display: flex;
}

.m-posts-item--none .m-posts-images {
    display: none
}

.m-posts-item--two .m-posts-item-images-el {
    width: 50%
}

.m-posts-item--three .m-posts-item-images-el {
    width: 33.33333%
}

.m-posts-item--four .m-posts-item-images-el {
    width: 25%
}

.m-posts-item--thumb .m-posts-item-a {
}

@media screen and (min-width: 592px) {
    .m-posts-item--thumb .m-posts-item-a {
        display: block
    }
}

.m-posts-item--thumb .m-posts-item-a .m-posts-item-cat {
    display: none
}

@media screen and (min-width: 592px) {
    .m-posts-item--thumb .m-posts-item-b {
        float: left;
        display: block;
        width: 76.76824%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .m-posts-item--thumb .m-posts-item-b:last-child {
        width: 65.41059%
    }
}

.m-posts-item--thumb .m-posts-item-b .m-posts-item-cat {
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .m-posts-item--thumb .m-posts-item-title {
        font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: 10px;
    }
}

.m-posts-wrapper {
    max-width: 640px
}

@media screen and (min-width: 970px) {
    .m-posts-wrapper {
        margin: 0 0 0 auto;
        max-width: none
    }
}

.m-posts-wrapper .home-posts-header {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;

    text-transform: capitalize;
    padding: 1rem 0 0.5rem 1rem;
    border-bottom: 1px solid #F0F0F0;
    font-weight: 700;
    font-size: 1.2rem;
}

@media screen and (min-width: 970px) {
    .m-posts-wrapper .home-posts-header {
        border-bottom: none;
        border-left: 5px solid #f17f69;
        margin-bottom: 0.5rem;
    }
}

.m-posts-wrapper .m-social-links {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0;
    border-bottom: 1px solid #F0F0F0
}

@media screen and (min-width: 640px) {
    .m-posts-wrapper .m-social-links {
        padding: 0 0 2rem 0
    }
}

@media screen and (min-width: 768px) {
    .m-posts-wrapper .m-social-links {
        width: auto;
        margin: 0 2rem 2rem 5rem;
        padding: 0 0 2rem 0
    }
}

.m-posts-wrapper--saved .m-posts-next {
    text-align: center;
    display: block;
    border-top: 0;
    padding: 0 0 1rem 0
}

.m-posts-wrapper--saved .m-posts-next a {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.375rem
}

.m-products {
    border: 1px solid #F0F0F0
}

.m-products::after {
    clear: both;
    content: "";
    display: table
}

.m-products {
    display: none
}

@media screen and (min-width: 768px) {
    .m-products {
        display: block
    }
}

.m-products .m-products-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 33.33333%;
    float: left;
    margin: auto;
    padding: 1rem;
    height: 120px !important;
    border-right: 1px solid #F0F0F0;
    background-color: #FFFFFF
}

.m-products .m-products-item:last-child {
    border: 0
}

.m-products .m-products-item:hover {
    background-image: url(../font/ui/bottom-shade-44b01e1dc40fe354ae4cd9c053c18967.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 100%
}

.m-products-img {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    width: 90px;
    height: 90px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.m-products-text {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    flex-grow: 2;
    -ms-flex-positive: 2;
    min-width: 0;
    padding-left: 1.5rem;
    text-transform: uppercase
}

.m-products-item-brand {
    font-size: 0.75rem;
    letter-spacing: 1px;
    white-space: normal;
    color: #858585;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-bottom: 0.5rem
}

.m-products-item-name {
    font-size: 0.8125rem;
    color: #333333;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400
}

.m-products-count {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    z-index: 2000;
    color: #000000;
    text-align: center;
    background: url(../font/ui/top-right-shade-3b2724beafc3c9052dc4a851e784fec7.png) no-repeat top right, #fff;
    width: 5rem;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0
}

.m-products-count .m-visuals-line--short {
    width: 14px;
    margin: 0.5rem auto 0 auto
}

.m-products-count .m-visuals-line--short::after {
    background-color: #000000
}

.m-products-countNumber {
    margin: 0 auto;
    font-size: 1.625rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.m-products-countText {
    margin: 0 auto;
    font-size: 0.75rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-style: italic
}

.m-products--few {
    padding-left: 5rem
}

.m-products--few .m-products-item {
    width: 50%
}

.m-products--few .m-products-count {
    border-left: 1px solid #F0F0F0
}

.m-slider--products {
    position: relative
}

.m-slider--products .m-slider-container {
    padding: 0 2rem 0 5rem
}

.m-slider--products .m-slider-arrow {
    z-index: 2000;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    background: url(../font/ui/left-shade-9db709ad1a0afc217574aa6adb963bdb.png) no-repeat top left, #fff;
    height: 100%;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.m-slider--products .m-slider-arrow .slick-arrow {
    opacity: 1;
    background-color: transparent;
    width: 2rem;
    margin-top: -16px
}

ng-products-slider .slick-initialized .m-slider-el {
    position: relative;
    z-index: 1
}

.m-ribbon {
    position: fixed;
    top: 53px;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    min-width: 150px;
    height: 38px;
    padding: 0 10px;
    z-index: 2000;
}

@media screen and (min-width: 970px) {
    .m-ribbon {
        display: flex
    }
}

.m-ribbon::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    border: 19px solid #000000;
    border-right-width: 25px;
    border-left-color: transparent;
    border-left-width: 15px;
    left: -20px;
    z-index: -1
}

.m-ribbon--shopGlossier {
    font-size: 0.875rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700
}

.m-ribbon--shopGlossier a {
    position: relative;
    text-transform: uppercase
}

.m-ribbon--shopGlossier a:hover {
    color: #E7C3CA
}

.m-ribbon--cart {
    height: 100%;
    width: 53px;
    background-image: url(../font/ui/bag-4c8023a88f3af784d90943602c385798.png);
    background-size: 22px auto;
    background-position: center center;
    background-repeat: no-repeat;
    float: left
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-ribbon--cart {
        background-image: url(../font/ui/bag@2x-64a7c5a40fa03efb393ff60f4f6055ad.png);
        background-size: 22px auto
    }
}

.m-ribbon--cart a {
    height: 100%;
    width: 100%;
    display: block
}

.m-ribbon--cart:hover {
    background-image: url(../font/ui/bag_pink-bd456ad5099dc344d72169ff6118252d.png);
    background-size: 22px auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-ribbon--cart:hover {
        background-image: url(../font/ui/bag_pink@2x-5a41bcdd547e3bfcf246bd7508575986.png);
        background-size: 22px auto
    }
}

.m-ribbon-sticker, .p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip .p-panel-tip-bubble:after {
    position: absolute;
    display: block;
    height: 25px;
    width: 25px;
    top: -10px;
    left: 0;
    background-repeat: no-repeat
}

.m-save--infeed {
    width: 90%;
    margin: 2rem auto;
    text-align: center
}

.m-save-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.5rem;
    letter-spacing: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem
}

.m-save-title::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-image: url(../font/ui/email-4114ce07586d3ba006ea36bca2d06af9.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    position: relative;
    bottom: 4px
}

.m-save-button:before {
    content: "";
    display: inline-block;
    padding-right: 1rem;
    font-family: FontAwesome;
    font-size: 22px;
    -webkit-transition: -webkit-transform 500ms ease-out;
    -moz-transition: -moz-transform 500ms ease-out;
    transition: transform 500ms ease-out
}

@media screen and (min-width: 768px) {
    .m-save-button:before {
        display: block;
        padding-right: 0
    }
}

.m-save-button.is-saving:before {
    color: #858585;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.m-save-button.is-saved:before {
    content: ""
}

.m-save-button.is-listing {
    background: #AAAAAA;
    color: #FFFFFF;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 6px 9px
}

@media screen and (min-width: 640px) {
    .m-save-button.is-listing {
        padding: 12px
    }
}

.m-save-button.is-listing span {
    display: none
}

.m-save-button.is-listing:before, .m-save-button.is-listing.is-saved:before {
    content: "";
    padding-right: 0
}

.m-save-input {
    width: calc(60% - 100px)
}

.m-sec-inner {
    padding: 2rem
}

.m-sec-inner--narrow {
    margin: 0 auto;
    max-width: 641px
}

.m-sec-inner--full {
    padding: 2rem 0
}

ng-social-share {
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
    text-align: center;
    opacity: 0
}

[class*="m-share-el--"] {
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    display: inline-block;
    width: 100%;
    padding: 0 0.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
    [class*="m-share-el--"] {
        width: 24%;
        margin-bottom: 0
    }
}

[class*="m-share-el--"]:hover {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

[class*="m-share-el--"] a {
    display: inline-block;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-align: center;
    padding: 0.5rem;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 1px solid transparent;
    height: 100%;
    width: 100%
}

[class*="m-share-el--"] i {
    padding-right: 1rem
}

[class*="m-share-el--"] span {
    display: inline-block
}

ng-social-share.is-loaded {
    opacity: 1
}

.m-share-el--fb a {
    background-color: #3B5998
}

.m-share-el--twitter a {
    background-color: #55acee
}

.m-share-el--pin a {
    background-color: #C92228
}

.m-share-el--copy a {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #000000
}

.m-share-el--save a {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #000000
}

.btn-share-fb {
    color: #FFFFFF;
    background-color: #3B5998
}

.btn-share-tw {
    color: #FFFFFF;
    background-color: #55acee
}

[placement="bottom"] .m-share-el--save, [placement="top"] .m-share-el--save {
    display: block
}

@media screen and (min-width: 768px) {
    [placement="bottom"] .m-share-el--save, [placement="top"] .m-share-el--save {
        display: none
    }
}

ng-social-share.is-sticky {
    position: absolute;
    top: 1rem;
    left: -3.5rem;
    width: 2.5rem;
    margin: 0
}

ng-social-share.is-sticky [class*="m-share-el--"] {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem
}

ng-social-share.is-sticky [class*="m-share-el--"] i {
    padding: 0
}

ng-social-share.is-sticky [class*="m-share-el--"] span {
    display: none
}

ng-social-share.is-top {
    display: none
}

@media screen and (min-width: 768px) {
    ng-social-share.is-top {
        display: block
    }
}

.m-sidebar {
}

@media screen and (min-width: 970px) {
    .m-sidebar {
        display: block
    }
}

.m-sidebar p {
    margin: 0.5rem 0 0 0
}

@media screen and (min-width: 970px) {
    .m-sidebar {
        display: block
    }
}

.m-newsletter.is-sidebar, .m-sidebar-featured, .m-sidebar-list {
}

.m-sidebar-list {
    background-color: #FFF;
}

.m-sidebar-featuredTitle {
    font-size: 1.125rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    color: #333333;
    margin: 0.25rem 0 0 0
}

.m-sidebar-list {
    display: none
}

@media screen and (min-width: 970px) {
    .m-sidebar-list {
        display: block
    }
}

.m-sidebar-listTitle {
    padding: 1rem 0 0.5rem 1rem;
    border-left: 5px solid #f17f69;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.m-sidebar-listTitle .m-sidebar-listTitleType {
    padding: 0 0.5rem 0 0;
    text-transform: uppercase;
}

.m-sidebar-listTitle .m-sidebar-listTitleName {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    font-style: italic;
    padding: 0 0 0 0.5rem
}

.m-sidebar-listItem {
    border-bottom: 1px solid #F0F0F0;
    padding: 0.8rem;
}

.m-sidebar-listItem::after {
    clear: both;
    content: "";
    display: table
}

.m-sidebar-listItem .l-col--three, .m-sidebar-listItem .m-posts-item--thumb .m-posts-item-a, .m-posts-item--thumb .m-sidebar-listItem .m-posts-item-a {
    padding: 0 0.5rem 0 0
}

.m-sidebar-listItem .m-sidebar-listItemCategory {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.625rem;
    color: #666666;
    margin-bottom: 0.5rem
}

.m-sidebar-listItem .m-sidebar-listItemTitle {
    font-family: "Freight Text Pro", Georgia, Times, Times New Roman, serif;
    color: #444444;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    margin-top: 0.3rem;
    margin-bottom: 0.5rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-signin {
    text-align: center;
    font-size: 0.875rem
}

.m-signin-logo {
    height: 50px;
    width: 40px;
    margin: 0 auto 1.5rem auto
}

.m-signin-title {
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 2.25rem;
    margin-bottom: 1rem
}

.m-signin-intro, .m-signin-more {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 1.0625rem;
    margin: 1rem auto
}

.m-signin-inputs {
    margin: 2rem auto 1rem auto
}

.m-signin-switch {
    margin: 0 auto
}

.m-signin-inputs .m-cta, .m-signin-switch .m-cta {
    max-width: none
}

.m-signup {
    text-align: center;
    font-size: 0.875rem
}

.m-signup-title {
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 1rem
}

.m-signup-intro {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    font-size: 1.0625rem;
    margin-bottom: 2rem
}

.m-signup-form {
    text-align: left
}

.m-signup-form .l-input--full[type="password"] {
    margin-bottom: 0.5rem
}

.m-signup-disclaimer {
    font-size: 0.75rem;
    margin: 1rem auto;
    font-family: "Apercu", Calibri, sans-serif
}

.m-slider, ng-slick-slider {
    -webkit-transition: opacity 0.1s ease-in-out 0s;
    -moz-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
    position: relative;
    display: block
}

.m-slider::after, ng-slick-slider::after {
    clear: both;
    content: "";
    display: table
}

.m-slider .slick-slider, .m-slider.slick-slider, ng-slick-slider .slick-slider, ng-slick-slider.slick-slider {
    -webkit-transition: height 0.25s ease-in-out 0s;
    -moz-transition: height 0.25s ease-in-out 0s;
    transition: height 0.25s ease-in-out 0s
}

.m-slider-el {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: -1;
    display: block
}

.m-slider-el::after {
    clear: both;
    content: "";
    display: table
}

.m-slider-el img {
    height: auto;
    width: 100%;
    position: relative;
    opacity: 1 !important
}

.m-slider-el img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    display: block
}

.m-slider-el:first-child {
    position: relative;
    z-index: 1
}

.slick-slide {
    outline: none
}

ng-slick-slider .slick-initialized .m-slider-el {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .s-post-rich-blocks .m-slider-el img {
        width: 75%
    }
}

.s-post-rich-blocks .m-slider-el .imageCount {
    font-size: 0.875rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    display: inline-block;
    position: relative
}

@media screen and (min-width: 768px) {
    .s-post-rich-blocks .m-slider-el .imageCount {
        top: -14px;
        left: 7%
    }
}

.m-slider-container {
    height: 330px;
    width: 100%;
    overflow: hidden
}

.m-slider-container img {
    margin: 0 auto;
    display: block
}

.m-slider {
    width: 100%
}

.m-slider:hover .slick-arrow {
    opacity: 1
}

.m-slider .slick-arrow {
    -webkit-transition: opacity 0.1s ease-in-out 0s;
    -moz-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
    position: absolute;
    background-color: #FFFFFF;
    color: transparent;
    width: 43px;
    height: 43px;
    top: 50%;
    left: -1px;
    margin-top: -22px;
    border: 0;
    outline: 0;
    z-index: 1;
    opacity: 0
}

.m-slider .slick-next {
    left: auto;
    right: -1px
}

.m-slider:not(.m-slider-nav) .slick-list.is-loading {
    background-image: url(../font/ui/loader-91ee24769e740559d310c6124c3dcf29.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px
}

.m-slider--home .m-slider-el img {
    margin: 0 auto;
    width: 100%
}

.m-slider--home .m-slider-el-a {
    position: absolute;
    width: 80%;
    bottom: 2rem;
    left: 0
}

@media screen and (min-width: 640px) {
    .m-slider--home .m-slider-el-a {
        width: 40%
    }
}

.m-slider--home .m-slider-el-cat {
    display: inline-block;
    background-color: #000000;
    padding: 0.5rem;
    color: #FFFFFF;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    letter-spacing: 0px
}

.m-slider--home .m-slider-el-title {
    background-color: #FFFFFF;
    padding: 0.5rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.875rem
}

.m-slider-btn {
    position: absolute;
    top: 50%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #FFFFFF
}

.m-slider-btn--prev {
    left: 0
}

.m-slider-btn--next {
    right: 0
}

.m-slider--post:hover .slick-active .has-caption .m-slider-el-captionBoxText {
    visibility: visible
}

.m-slider--post .m-slider-el {
    display: flex;
    height: 284px
}

@media screen and (min-width: 768px) {
    .m-slider--post .m-slider-el {
        height: 431px
    }
}

.m-slider--post .m-slider-el .is-square {
    width: auto;
    max-height: 100%
}

.m-slider--post .m-slider-el .is-portrait {
    width: auto;
    height: auto;
    max-height: 100%
}

.m-slider--post .m-slider-el img {
    align-self: center
}

.s-post-rich-blocks.slider .m-slider-el {
    display: flex;
    height: 228px
}

@media screen and (min-width: 768px) {
    .s-post-rich-blocks.slider .m-slider-el {
        height: 431px
    }
}

.s-post-rich-blocks.slider .m-slider-el img {
    align-self: center;
    width: auto;
    height: auto;
    max-height: 100%
}

.s-post-rich-blocks.slider .m-slider:hover .slick-arrow {
    opacity: 1
}

.s-post-rich-blocks.slider .slick-arrow {
    opacity: 1
}

@media screen and (min-width: 768px) {
    .s-post-rich-blocks.slider .slick-arrow {
        opacity: 0
    }
}

.m-slider-el-captionBox {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.1s ease-in-out 0s;
    -moz-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
    width: 100%;
    opacity: 1;
    padding: 0.75rem;
    color: #F0F0F0;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.75rem
}

.m-slider-el-captionBox::after {
    clear: both;
    content: "";
    display: table
}

.m-slider-el-captionBox.has-caption .m-slider-el-captionBoxText {
    visibility: visible
}

@media screen and (min-width: 768px) {
    .m-slider-el-captionBox.has-caption .m-slider-el-captionBoxText {
        visibility: hidden
    }
}

.m-slider-el-captionBoxCount {
    height: 45px;
    width: 45px;
    background-color: #000000;
    line-height: 45px;
    float: left;
    visibility: hidden
}

ng-slick-slider .has-multiple .m-slider-el-captionBoxCount {
    visibility: visible
}

.m-slider-el-captionBoxText {
    height: 45px;
    width: calc(100% - 45px - 45px - 0.75rem - 0.75rem);
    float: left;
    margin: 0 0.75rem;
    background-color: #000000;
    line-height: 45px;
    visibility: hidden;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0.5rem
}

@media screen and (min-width: 768px) {
    .m-slider-el-captionBoxText {
        width: calc(100% - 45px - 45px - 45px - 0.75rem - 0.75rem - 0.75rem)
    }
}

.m-slider-el-captionBoxText p {
    margin-top: 0
}

.m-slider-el-captionFull, .m-slider-el-captionBoxPin {
    height: 45px;
    width: 45px;
    background-color: #000000;
    float: right;
    margin-left: 0.75rem
}

.m-slider-el-captionFull a, .m-slider-el-captionBoxPin a {
    height: 100%;
    width: 100%;
    display: block;
    line-height: 46px
}

.m-slider-el-captionBoxPin {
    margin-left: 0
}

.m-slider-el-captionFull {
    display: none
}

@media screen and (min-width: 768px) {
    .m-slider-el-captionFull {
        display: block
    }
}

.m-slider-nav {
    margin: 0.5rem auto 0 auto
}

.m-slider-nav .slick-track {
    margin: 0 auto;
    left: 0
}

.m-slider-nav .m-slider-nav-item {
    width: 60px;
    height: auto;
    max-height: 60px;
    outline: none;
    margin: 0 2px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin: 0.125rem;
    opacity: 0.5;
    display: inline-block
}

.m-slider-nav .m-slider-nav-item.slick-current {
    opacity: 1
}

.m-slider-nav .m-slider-nav-item img {
    margin: 0 auto;
    height: 60px;
    max-width: none
}

.m-slider-full {
    -webkit-transition: opacity 0.2s ease-in-out 0s !important;
    -moz-transition: opacity 0.2s ease-in-out 0s !important;
    transition: opacity 0.2s ease-in-out 0s !important;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.m-slider-full.is-hidden {
    z-index: 2001;
    opacity: 0
}

.m-slider-full.is-visible {
    opacity: 1
}

.m-slider-full .slick-list {
    width: 100%;
    height: 100%;
    padding: 4rem;
    margin: 0 auto
}

.m-slider-full .slick-track {
    height: 100%
}

.m-slider-full * {
    outline: none
}

.m-slider-full .slick-next, .m-slider-full .slick-prev {
    z-index: 2002;
    opacity: 1
}

.m-slider-full .slick-next {
    right: 4rem
}

.m-slider-full .slick-prev {
    left: 4rem
}

.m-slider-el--full .m-slider-el-inner-image {
    display: inline-block;
    position: relative
}

.m-slider-el--full .m-slider-el-share-item {
    display: block;
    margin: 0 0 15px 0;
    width: 54px
}

.m-slider-el--full .m-slider-el-share-item i {
    padding-right: 0
}

.m-slider-el--full .m-slider-el-share {
    position: absolute;
    top: 0;
    left: -60px
}

.m-slider-el--full {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 4rem
}

.m-slider-el--full .m-slider-el-inner {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 80vh;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-slider-el--full .m-slider-el-inner img {
    position: relative;
    display: inline-block;
    max-height: 80vh;
    min-height: 100px;
    min-width: 100px
}

.m-slider-el--full .m-slider-el-inner img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #FFFFFF;
    background-image: url(../font/ui/loader-91ee24769e740559d310c6124c3dcf29.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px
}

.m-slider-el--full .m-slider-el-captionBoxText {
    visibility: visible;
    color: #000000;
    background-color: transparent;
    width: 100%;
    overflow: visible;
    padding: 0;
    margin: 0
}

.m-slider-el--full .m-slider-el-captionBoxText p {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    letter-spacing: 1px;
    white-space: normal;
    line-height: 2
}

.m-slider-el--full .m-slider-el-captionBoxText a {
    display: inline-block;
    text-decoration: underline
}

.m-slider-full-close {
    position: absolute;
    top: 4rem;
    right: 4rem;
    z-index: 2002;
    cursor: pointer
}

.m-social-links {
    padding: 1rem;
    line-height: 32px
}

.m-social-links-text {
    width: 100%;
    float: none;
    text-align: center;
    box-sizing: border-box;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.3125rem;
    color: #000000
}

@media screen and (min-width: 768px) {
    .m-social-links-text {
        width: 60%;
        float: left;
        text-align: left;
        padding: 0 0 0 2rem
    }
}

.m-social-links-icons {
    box-sizing: border-box;
    height: 28px;
    float: none;
    font-size: 0.875rem;
    letter-spacing: 8px
}

@media screen and (min-width: 768px) {
    .m-social-links-icons {
        float: left;
        margin-bottom: 0
    }
}

.m-social-links-icons ul {
    display: table;
    height: 100%;
    margin: 0 auto
}

.m-social-links-icons ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0.25rem
}

.wrapper-sticky .m-social-links {
    display: block;
    padding: 1rem 1rem 2rem 1rem;
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0
}

.wrapper-sticky .m-social-links-text {
    padding-left: 0;
    word-spacing: 0.1em;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    padding-right: 1rem;
    float: left;
    box-sizing: border-box;
    font-size: 1rem
}

.wrapper-sticky .m-social-links-icons li {
    padding: 0 0.5rem
}

.wrapper-sticky .m-social-links-icons li i {
    font-size: 20px
}

.m-sprites--fbBtn {
    height: 36px;
    width: 91px;
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -756px -971px;
    background-repeat: no-repeat;
    background-size: 1412px auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--fbBtn {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--twBtn {
    height: 36px;
    width: 89px;
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -1134px -117px;
    background-repeat: no-repeat;
    background-size: 1412px auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--twBtn {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--pinBtn {
    height: 36px;
    width: 64px;
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -1316px;
    background-repeat: no-repeat;
    background-size: 1412px auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--pinBtn {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--rss {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -1343px -2062px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 10px;
    width: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--rss {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--fb {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -328px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 10px;
    width: 5px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--fb {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--insta {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -548px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 10px;
    width: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--insta {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--tw {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -1207px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 9px;
    width: 11px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--tw {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--twBlack {
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: -20px -350px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 22px;
    width: 22px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--twBlack {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-sprites--fbBlack {
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: -48px -350px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 22px;
    width: 9px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--fbBlack {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-sprites--instaBlack {
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: -118px -350px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 22px;
    width: 18px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--instaBlack {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-sprites--pinBlack {
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: -100px -350px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 22px;
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--pinBlack {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-sprites--tumBlack {
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: -63px -350px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 22px;
    width: 11px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--tumBlack {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-sprites--ytBlack {
    background-image: url(../font/sprites/sprite-5a3ef7b2af3da5a2f16280a6e5200e11.png);
    background-position: -78px -350px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 22px;
    width: 18px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--ytBlack {
        background-image: url(../font/sprites/sprite@2x-bea7aee8b57f4dec7d77b41c9b6d2ed9.png);
        background-size: 138px auto
    }
}

.m-sprites--tum {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -988px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 10px;
    width: 7px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--tum {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--pin {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -768px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 10px;
    width: 8px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--pin {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--envelope {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: 2px -1721px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 35px;
    width: 25px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--envelope {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--magnifying {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -750px -851px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 35px;
    width: 23px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--magnifying {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--prev {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -1304px -739px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 50px;
    width: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--prev {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--next, .m-slider--products .m-slider-arrow .slick-arrow {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -1362px -741px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 50px;
    width: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--next, .m-slider--products .m-slider-arrow .slick-arrow {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--clock {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: 0px -1540px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 17px;
    width: 18px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--clock {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--signal {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -378px -1452px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 20px;
    width: 19px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--signal {
        background-size: 1412px auto
    }
}

.m-sprites--navMobile {
    background-position: -65px -91px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 12px;
    width: 19px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--navMobile {
        background-size: 138px auto
    }
}

.m-sprites--searchMobile {
    background-position: -20px -91px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 15px;
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--searchMobile {
        background-size: 138px auto
    }
}

.m-sprites--searchMobileClose {
    background-position: -110px -90px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 15px;
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--searchMobileClose {
        background-size: 138px auto
    }
}

.m-sprites--arrowLeft, .m-slider .slick-arrow {
    background-position: -750px -1421px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 43px;
    width: 43px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--arrowLeft, .m-slider .slick-arrow {
        background-size: 1412px auto
    }
}

.m-sprites--arrowRight, .m-slider .slick-next {
    background-position: -747px -1551px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 43px;
    width: 43px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--arrowRight, .m-slider .slick-next {
        background-size: 1412px auto
    }
}

.m-sprites--arrowBigLeft, .m-slider-full .slick-prev {
    background-position: -686px -1966px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 56px;
    width: 30px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--arrowBigLeft, .m-slider-full .slick-prev {
        background-size: 1412px auto
    }
}

.m-sprites--arrowBigRight, .m-slider-full .slick-next {
    background-position: -686px -2022px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 56px;
    width: 30px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--arrowBigRight, .m-slider-full .slick-next {
        background-size: 1412px auto
    }
}

.m-sprites--closeBig {
    background-position: -688px -1932px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 30px;
    width: 30px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--closeBig {
        background-size: 1412px auto
    }
}

.m-sprites--arrowRightClear {
    background-position: -149px -1964px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 132px;
    width: 35px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--arrowRightClear {
        background-size: 1412px auto
    }
}

.m-sprites--prev {
    background-position: -1304px -739px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 50px;
    width: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--prev {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--next, .m-slider--products .m-slider-arrow .slick-arrow {
    background-image: url(../img/sprite16-flat-133bc78d3ba19927c92954f19019d6ae.png);
    background-position: -1368px -748px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 30px;
    width: 30px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--next, .m-slider--products .m-slider-arrow .slick-arrow {
        background-image: url(../font/sprites/sprite16-flat@2x-be0dae35c1f93561536a16bee56cedc3.png);
        background-size: 1412px auto
    }
}

.m-sprites--close {
    background-position: -110px -125px;
    background-repeat: no-repeat;
    background-size: 138px auto;
    height: 15px;
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--close {
        background-size: 138px auto
    }
}

.m-sprites--comment {
    background-position: 0 -562px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 12px;
    width: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--comment {
        background-size: 1412px auto
    }
}

.m-sprites--checkmark {
    background-position: 0 -198px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 10px;
    width: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--checkmark {
        background-size: 1412px auto
    }
}

.m-sprites--circleArrow {
    background-position: 0 -308px;
    background-repeat: no-repeat;
    background-size: 1412px auto;
    height: 14px;
    width: 14px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-sprites--circleArrow {
        background-size: 1412px auto
    }
}

.m-tabs {
    border-bottom: 1px solid #F0F0F0
}

.m-tabs::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 768px) {
    .m-tabs {
        border-top: 1px solid #F0F0F0
    }
}

.m-tabs span {
    letter-spacing: 0.1em;
    font-size: 0.75rem
}

[class*="m-tabs-item"] {
    display: inline-block;
    width: 50%;
    float: left;
    padding: 1rem 0.5rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.33);
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    text-transform: uppercase
}

@media screen and (min-width: 970px) {
    [class*="m-tabs-item"] {
        width: 25%
    }
}

[class*="m-tabs-item"].is-active {
    position: relative;
    background-image: none;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    color: #000000
}

[class*="m-tabs-item"].is-active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #FFFFFF
}

[class*="m-tabs-item"].is-active [class*="m-sprites"] {
    opacity: 1
}

[class*="m-tabs-item"] span, [class*="m-tabs-item"] img {
    display: inline-block;
    vertical-align: middle
}

[class*="m-tabs-item"] [class*="m-sprites"], [class*="m-tabs-item"] img {
    margin-right: 1rem;
    opacity: 0.33
}

.m-tabs-item--alt {
    display: none;
    width: auto;
    color: #000000;
    font-size: 0.875rem;
    width: 50%
}

@media screen and (min-width: 970px) {
    .m-tabs-item--alt {
        display: block
    }
}

.m-tabs-item--alt img {
    opacity: 1
}

.m-tabs-item--alt span:first-of-type {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    text-transform: capitalize
}

.m-tab--review {
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    box-sizing: border-box;
    padding: 1rem 0 1rem 2rem;
    width: 100%;
    height: 66px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 0.75rem;
    font-style: italic;
    color: #444444
}

.m-tab--review img {
    padding-right: 0.5rem
}

.m-tab--review .l-row--shortFull {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.m-tab--review span {
    font-style: normal
}

.m-top25 {
    margin-top: 20px
}

.m-top25 .m-top25-grid, .m-top25 .m-top25-header, .m-top25 .l-row--full {
    max-width: 1100px
}

.m-top25 .l-row--full {
    padding: 0
}

.m-top25 .m-top25-header {
    margin-top: 20px;
    padding: 0
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-header {
        margin-top: 0;
        height: 368px;
        padding: 0 1rem
    }
}

.m-top25 .m-top25-header .l-col--five {
    width: 100%
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-header .l-col--five {
        float: left;
        display: block;
        width: 42.64902%
    }

    .m-top25 .m-top25-header .l-col--five:last-child {
        width: 40.29137%
    }
}

.m-top25 .m-top25-header .l-col--seven {
    width: 100%
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-header .l-col--seven {
        float: left;
        display: block;
        width: 59.70863%
    }

    .m-top25 .m-top25-header .l-col--seven:last-child {
        width: 57.35098%
    }
}

.m-top25 .m-top25-video {
    height: 56vw
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-video {
        height: 100%
    }
}

.m-top25 h1, .m-top25 p {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.m-top25 h1 {
    font-size: 3rem
}

.m-top25 .m-newsletter-error {
    margin-top: -5px
}

.m-top25 .m-newsletter-both input {
    width: 15px
}

.m-top25 .m-top25-newsletter {
    background: #f3f6f6;
    text-align: center;
    padding: 2rem 3rem 1rem;
    height: 100%
}

.m-top25 .m-top25-newsletter p {
    margin-top: 0.5rem
}

.m-top25 .m-top25-newsletter p.m-top25-contest-ended {
    font-size: 0.75rem
}

.m-top25 .m-top25-newsletter input[type=email], .m-top25 .m-top25-newsletter button {
    width: 100%;
    display: block
}

.m-top25 .m-top25-newsletter button {
    margin-top: 1rem
}

.m-top25 .m-top25-grid {
    padding: 0
}

.m-top25 .m-top25-product {
    padding: 1rem;
    text-align: center;
    position: relative;
    min-height: 310px
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product {
        min-height: 390px
    }
}

.m-top25 .m-top25-product.l-col--three, .m-top25 .m-posts-item--thumb .m-top25-product.m-posts-item-a, .m-posts-item--thumb .m-top25 .m-top25-product.m-posts-item-a {
    width: 50%
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product.l-col--three, .m-top25 .m-posts-item--thumb .m-top25-product.m-posts-item-a, .m-posts-item--thumb .m-top25 .m-top25-product.m-posts-item-a {
        width: 24.25%
    }
}

.m-top25 .m-top25-product.l-col--six {
    width: 100%
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product.l-col--six {
        width: 48.5%
    }
}

.m-top25 .m-top25-product.l-col--six h2 {
    margin-top: 1rem
}

.m-top25 .m-top25-product.l-col--six .m-newsletter-error {
    margin-top: 3px
}

.m-top25 .m-top25-product.l-col--six .m-newsletter-both {
    display: none
}

.m-top25 .m-top25-product input[type=email] {
    width: 60%;
    text-align: left
}

.m-top25 .m-top25-product button {
    width: 40%
}

.m-top25 .m-top25-product.is-active:after {
    content: "";
    display: block;
    width: 17.5px;
    height: 9px;
    background-image: url(../font/ui/drawer_carret-975f3e37f5627394fcd3212d678d9b51.jpg);
    background-size: contain;
    position: absolute;
    bottom: -1px;
    left: calc(50% - 8.75px)
}

.m-top25 .m-top25-product.is-active .m-top25-product-readmore span {
    -webkit-transition: opacity 222ms;
    -moz-transition: opacity 222ms;
    transition: opacity 222ms;
    opacity: 0
}

.m-top25 .m-top25-product.is-active .m-top25-product-readmore i.fa {
    -webkit-transition: margin 444ms;
    -moz-transition: margin 444ms;
    transition: margin 444ms;
    margin-left: -66px
}

.m-top25 .m-top25-product-thumbnail {
    position: relative;
    text-align: left
}

.m-top25 .m-top25-product-thumbnail .m-top25-product-image-rollover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 222ms ease-out;
    -moz-transition: opacity 222ms ease-out;
    transition: opacity 222ms ease-out
}

.m-top25 .m-top25-product-thumbnail:hover .m-top25-product-image-rollover {
    opacity: 1
}

.m-top25 .m-top25-product-brand {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0.5rem 0 0 0;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400
}

.m-top25 h2 {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.25rem
}

@media screen and (min-width: 970px) {
    .m-top25 h2 {
        font-size: 1.5rem
    }
}

.m-top25 .m-top25-product-subtitle {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400
}

.m-top25 .m-top25-product-subtitle p {
    margin: 0.25rem 0 0.25rem 0
}

.m-top25 .m-top25-product-readmore {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0.5rem 0;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700
}

.m-top25 .m-top25-product-readmore span {
    -webkit-transition: opacity 444ms;
    -moz-transition: opacity 444ms;
    transition: opacity 444ms
}

.m-top25 .m-top25-product-readmore i.fa {
    -webkit-transition: margin 222ms;
    -moz-transition: margin 222ms;
    transition: margin 222ms;
    margin-left: 0.5rem
}

.m-top25 [ng-click] {
    cursor: pointer
}

.m-top25 [ng-click].l-col--six {
    cursor: default
}

.m-top25 .m-top25-product-container {
    text-align: center
}

.m-top25 .m-top25-product-drawer-content {
    display: none
}

.m-top25 .m-top25-product-drawer {
    display: inline-block;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 444ms;
    -moz-transition: all 444ms;
    transition: all 444ms;
    clear: both;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.m-top25 .m-top25-product-drawer::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product-drawer {
        text-align: left
    }

    .m-top25 .m-top25-product-drawer.m-top25-product-drawer--mobile {
        display: none !important
    }
}

.m-top25 .m-top25-product-drawer.is-open {
    padding: 1rem 0;
    border-top: 1px #f3f6f6 solid;
    border-bottom: 1px #f3f6f6 solid;
    height: auto
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product-drawer.is-open {
        height: 350px
    }
}

.m-top25 .m-top25-product-drawer .l-col--six {
    width: 100%
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product-drawer .l-col--six {
        float: left;
        display: block;
        width: 51.17883%
    }

    .m-top25 .m-top25-product-drawer .l-col--six:last-child {
        width: 48.82117%
    }
}

.m-top25 .m-top25-product-drawer .m-top25-product-drawer-content-copy {
    vertical-align: middle
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product-drawer .m-top25-product-drawer-content-copy {
        display: table-cell;
        vertical-align: middle;
        height: 300px
    }
}

.m-top25 .m-top25-product-drawer .m-top25-product-drawer-image {
    padding: 1rem 0
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product-drawer .m-top25-product-drawer-image {
        padding: 0 2rem 0 0
    }
}

.m-top25 .m-top25-product-drawer h2 {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.5rem
}

.m-top25 .m-top25-product-drawer p a {
    text-decoration: underline
}

.m-top25 .m-top25-product-drawer .m-top25-product-brand {
    display: none
}

@media screen and (min-width: 970px) {
    .m-top25 .m-top25-product-drawer .m-top25-product-brand {
        display: block
    }
}

.m-visuals-line {
    height: 1px;
    width: 100%
}

.m-visuals-line:after {
    height: 100%;
    width: 100%;
    content: "";
    background-color: #F0F0F0;
    display: block
}

.m-visuals-line--short {
    height: 1px;
    width: 14px
}

.m-visuals-line--short:after {
    height: 100%;
    width: 100%;
    content: "";
    display: block
}

.m-visuals--shadeTopLeft, .m-sidebar .m-block, [class*="m-tabs-item"] {
    background-position: top left;
    background-repeat: no-repeat
}

.m-visuals--borderRight {
    border-right: 1px solid #F0F0F0
}

.m-visuals--borderBottom {
    border-bottom: 1px solid #F0F0F0
}

.m-visuals--borderTop {
    border-top: 1px solid #F0F0F0
}

.m-account {
    background: #f3f6f6;
    color: #444444;
    display: block;
    min-height: 85vh
}

.m-account .m-account-header {
    text-align: center
}

.m-account .m-account-infos {
    line-height: 1.5625rem;
    font-size: 0.75rem;
    margin: 1rem auto 0.5rem auto
}

.m-account .m-account-infos-label {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    text-align: right;
    width: 50%
}

.m-account .m-account-infos-data {
    text-align: left;
    text-indent: 0.875rem;
    width: 50%
}

.m-account ng-account-drawer {
    position: relative;
    display: block;
    width: 100%;
    max-width: 775px;
    background: #FFFFFF;
    padding: 2rem;
    margin: 1rem auto
}

.m-account ng-account-drawer > span {
    font-size: 1.25rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    width: 100%;
    cursor: pointer
}

.m-account ng-account-drawer > span:after {
    font-family: FontAwesome;
    content: "";
    font-size: 2.25rem;
    line-height: 1.375rem;
    display: block;
    float: right
}

.m-account ng-account-drawer .m-account-drawer-content {
    display: none;
    margin-top: 2rem
}

.m-account ng-account-drawer.is-open > span:after {
    content: ""
}

.m-account ng-account-drawer.is-open .m-account-drawer-content {
    display: block
}

.m-account-drawer--subscriptions .m-account-drawer-content {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 0.875rem
}

.m-account-drawer--subscriptions .m-account-subscriptions-row {
    margin: 1rem 0
}

.p-account {
    background-color: #F0F0F0
}

.p-account [class*="g-cont"] {
    padding: 1rem 0
}

.p-account-wrp {
    padding: 1rem 0
}

@media screen and (min-width: 768px) {
    .p-account-wrp {
        margin-bottom: 0;
        min-height: auto;
        padding-bottom: 0
    }

    .p-account-wrp .push {
        display: none
    }
}

.p-panel-container {
    position: relative
}

.p-panel-container .f-chk-input + label:before {
    background: #F0F0F0;
    border: 1px #000000 solid
}

.p-panel-container .p-panel-nav {
    padding-left: 0;
    padding-right: 0;
    margin-top: 25px
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-panel-nav {
        margin-top: 0
    }
}

.p-panel-container .p-panel-nav .p-panel-nav-item {
    background: #FFFFFF;
    border: 1px #F0F0F0 solid;
    display: block;
    padding: 2rem;
    margin-bottom: 2rem;
    cursor: pointer;
    margin-right: -1px;
    text-align: center;
    font-size: 18px;
    transition: background 444ms
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-panel-nav .p-panel-nav-item {
        border-bottom: none;
        background: #F0F0F0;
        padding: 0.625rem 1rem;
        text-align: left;
        margin-bottom: 0;
        font-size: 12px
    }

    .p-panel-container .p-panel-nav .p-panel-nav-item:last-child {
        border-bottom: 1px #F0F0F0 solid
    }
}

.p-panel-container .p-panel-nav .p-panel-nav-item:hover, .p-panel-container .p-panel-nav .p-panel-nav-item:focus {
    color: #000000
}

.p-panel-container .p-panel-nav .p-panel-nav-item.active {
    background: #FFFFFF
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-panel-nav .p-panel-nav-item.active {
        position: relative
    }

    .p-panel-container .p-panel-nav .p-panel-nav-item.active:after {
        background: #FFFFFF;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: -1px;
        top: 0;
        width: 1px;
        z-index: 100
    }
}

.p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip {
    position: relative;
    float: right
}

.p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip:hover .p-panel-tip-bubble, .p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip:active .p-panel-tip-bubble {
    display: block
}

.p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip span {
    color: blue;
    padding: 0.0625rem 0.25rem;
    border: 1px blue solid;
    border-radius: 15px;
    font-size: 0.6875rem
}

.p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip .p-panel-tip-bubble {
    background: #f5e3e7;
    width: 300px;
    padding: 1rem 1rem;
    text-align: center;
    border: 1px #F0F0F0 solid;
    position: absolute;
    top: calc(100% + 16px);
    left: -144px;
    z-index: 1000;
    display: none
}

.p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip .p-panel-tip-bubble:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 13px 9px;
    border-color: transparent transparent #f5e3e7 transparent;
    position: absolute;
    top: -13px;
    left: calc(50% - 7px)
}

.p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip .p-panel-tip-bubble:after {
    content: "";
    display: block;
    background-image: url(../font/ui/rainbow-b39c25b22dd66ec147cb8e1d1b62bacf.png);
    background-size: 33px auto;
    height: 23px;
    width: 33px;
    top: 25%;
    right: -10px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .p-panel-container .p-panel-nav .p-panel-nav-item .p-panel-tip .p-panel-tip-bubble:after {
        background-image: url(../font/ui/rainbow@2x-0d57f47f655d4013443e3c0849663395.png);
        background-size: 33px auto
    }
}

.p-panel-container .p-panel-nav .p-panel-nav-item--itg {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    text-transform: uppercase;
    font-size: 0.9375rem
}

.p-panel-container .p-panel-item {
    background-color: #F0F0F0;
    padding-top: 2rem;
    display: none;
    top: 0;
    left: 0;
    z-index: 500;
    clear: both;
    min-height: 100%
}

.p-panel-container .p-panel-item.active {
    display: block
}

.p-panel-container .p-panel-item.p-order-panel {
    display: block
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-panel-item {
        background-color: #FFFFFF;
        border: 1px #F0F0F0 solid;
        padding: 2rem;
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        clear: none;
        min-height: 25rem
    }

    .p-panel-container .p-panel-item.active {
        position: relative
    }
}

.p-panel-container .p-panel-item h1 {
    font-size: 1.75rem;
    display: table;
    margin: 0 auto 1em auto
}

.p-panel-container .p-panel-item h2 {
    margin: 0 auto 1em auto
}

.p-panel-container .p-panel-ico {
    padding: 15px 0
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-panel-ico {
        width: 29%;
        margin: 0 2%;
        float: left
    }
}

.p-panel-container .p-panel-ico svg {
    vertical-align: text-top
}

.p-panel-container .p-panel-block {
    background-color: #FFFFFF;
    padding: 1rem;
    border: 1px #F0F0F0 solid;
    margin: 1rem 2%
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-panel-block {
        width: 29.33333%;
        min-height: 12.5rem;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
        border: 0;
        background-color: #F0F0F0
    }

    .p-panel-container .p-panel-block.active {
        height: 14.375rem
    }
}

.p-panel-container .p-panel-block.p-panel-block--infos {
    word-break: break-all
}

.p-panel-container .p-panel-block a {
    text-decoration: underline
}

.p-panel-container .p-edit-container {
    width: 100%
}

.p-panel-container .p-edit-container::after {
    clear: both;
    content: "";
    display: table
}

.p-panel-container .p-edit-container label {
    min-width: 70px
}

.p-panel-container .p-edit-container label.f-password-confirmation-label {
    max-width: 90px;
    vertical-align: top
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-edit-container fieldset {
        width: 80%
    }
}

.p-panel-container .p-edit-container .p-edit-cancel, .p-panel-container .p-edit-container button {
    display: inline-block;
    vertical-align: middle
}

.p-panel-container .p-edit-container button {
    width: 100%;
    background-color: #FFFFFF
}

.p-panel-container .p-edit-container .p-edit-cancel {
    padding: 0 15px;
    display: table;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-edit-container .p-edit-cancel {
        text-align: left;
        display: block
    }
}

.p-panel-container .p-edit-container input[type="text"], .p-panel-container .p-edit-container input[type="email"], .p-panel-container .p-edit-container input[type="password"] {
    background: #F0F0F0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .p-panel-container .p-edit-container input[type="text"], .p-panel-container .p-edit-container input[type="email"], .p-panel-container .p-edit-container input[type="password"] {
        text-align: left;
        width: 300px
    }
}

.p-panel-container p.error {
    color: #A3001E
}

.p-panel-container .p-edit-notice {
    text-indent: 30px
}

.p-account-valign {
    padding-top: 2.5rem
}

.p-panel-close {
    position: absolute;
    top: 35px;
    left: 15px
}

.p-panel-close img {
    with: 55px;
    height: auto
}

.p-order-item-list {
    border: 1px #F0F0F0 solid;
    background: #FFFFFF
}

.p-order-item-list .p-order-item {
    margin: 15px 15px 30px 15px;
    font-size: 18px
}

@media screen and (min-width: 768px) {
    .p-order-item-list .p-order-item {
        font-size: 12px
    }
}

.p-order-summary {
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid
}

.p-order-summary p {
    margin: 0.5rem 0
}

.p-order-informations {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 35px
}

@media screen and (min-width: 768px) {
    .p-panel-blocContent {
        background-color: #FFFFFF;
        border: 1px #F0F0F0 solid;
        padding: 2rem
    }
}

.s-author--a {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 1rem 1rem 0 1rem
}

.s-author--a:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .s-author--a {
        float: left;
        display: block;
        width: 42.64902%;
        margin: 0
    }

    .s-author--a:last-child {
        width: 40.29137%
    }
}

@media screen and (min-width: 970px) {
    .s-author--a {
        padding-left: 0
    }
}

.s-author--b {
    display: none
}

@media screen and (min-width: 640px) {
    .s-author--b:last-child {
        display: block;
        padding: 1rem;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }

    .s-author--b:last-child:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .s-author--b {
        float: left;
        display: block;
        width: 59.70863%
    }

    .s-author--b:last-child {
        width: 57.35098%
    }
}

@media screen and (min-width: 970px) {
    .s-author--b {
        padding-right: 0
    }
}

.s-author-top {
    padding: 1rem 0;
    margin: 2rem 0;
    border-bottom: 1px solid #F0F0F0
}

@media screen and (min-width: 768px) {
    .s-author-top {
        margin: 0
    }
}

.s-author-top-a {
    display: inline-block;
    width: 25%;
    float: left;
    padding-right: 1rem
}

.s-author-top-b {
    display: inline-block;
    width: 75%;
    float: left
}

.s-author-name {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 1.75rem;
    margin-bottom: 0.5rem
}

.s-author-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: uppercase
}

.s-author-bio {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-bottom: 1rem
}

.s-author-bio p {
    margin-top: 0
}

.s-author-bio a {
    color: #444444
}

.s-author-links li, .s-author-links p, .s-author-links ul {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 2rem 0 0
}

.s-author-links .fa {
    margin-right: 0.25rem
}

.s-404 .s-404-content {
    text-align: center;
    width: 500px;
    max-width: 100%;
    margin: 0 auto
}

.s-404 .s-404-content h1 {
    font-size: 3rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.s-home-hero {
}

.s-home-hero .s-home-hero-a {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.s-home-hero .s-home-hero-a:last-child {
    margin-right: 0
}

@media screen and (min-width: 840px) {
    .s-home-hero .s-home-hero-a {
        float: left;
        display: block;
        width: 68%;
        margin-right: 0;
        background-color: #FFF;
    }

    .s-home-hero .s-home-hero-a:last-child {
        width: 65.88078%
    }
}

.s-home-hero .s-home-hero-b {
    display: block;
    border-left: 1px solid #F0F0F0
}
.s-home-hero-b {
    background-color: #FFF;
    margin-bottom: 10px;
}

@media screen and (min-width: 840px) {
    .s-home-hero .s-home-hero-b {
        float: right;
        display: block;
        margin-right: 2.35765%;
        width: 31%;
        background-color: #FFF;
        margin-bottom: 0;
    }

    .s-home-hero .s-home-hero-b:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 970px) {
    .s-home-hero .s-home-hero-b {
        display: none
    }
}

.s-home-hero .s-home-hero-b .m-block {
    padding:0.8rem;
}

.s-home-hero .s-home-hero-b .m-block h2 {
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-home-hero .s-home-hero-b .m-block p {
    text-align: left;
    margin: 0.5rem 0 0 0
}

.s-home-hero .s-home-hero-b .m-block img {
    width: 100%
}

.s-home-hero .s-home-hero-b .m-block .m-block-title {
    display: block;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.15rem;
}

.s-home-hero-b-question .m-block {
    border-top: 1px solid #F0F0F0
}

.s-home-hero-b-question .m-block .m-block-title {
    text-transform: none
}

.s-home-hero.s-home-hero--full {
    margin: 1rem 0
}

.s-home-hero.s-home-hero--full .s-home-hero-a {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding-right: 0
}

.s-home-hero.s-home-hero--full .s-home-hero-a:last-child {
    margin-right: 0
}

.s-home-hero .m-cta--count {
    margin: 0.5rem 0 0 0
}

.s-home-hero [data-disqus-parent] {
    display: none
}

.s-home-hero [data-disqus-parent].has-count {
    display: inline-block
}

.s-index .s-home-hero-b-social .m-social-links {
    display: block;
    border-top: 1px solid #F0F0F0
}

.s-home-hero-b-social .m-social-links {
    display: none;
    padding: 1rem 1rem 2rem 1rem
}

.s-home-hero-b-social .m-social-links-text {
    padding-left: 0;
    word-spacing: 0.1em;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    padding-right: 1rem;
    float: left;
    box-sizing: border-box;
    font-size: 1rem
}

.s-home-hero-b-social .m-social-links-icons li {
    padding: 0 0.5rem
}

.s-home-hero-b-social .m-social-links-icons li i {
    font-size: 20px
}

body.s-campaign {
    padding-top: 0;
    padding-bottom: 0
}

h1.c-text--static, h1.m-frame-content {
    padding-top: 48px;
    font-size: 2rem;
    text-align: center
}

.masthead--name {
    font-weight: 700
}

.masthead--name a {
    color: #000000
}

.masthead--title {
    padding-bottom: 16px;
    font-style: italic
}

.masthead-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto
}

@media screen and (min-width: 970px) {
    .masthead-container {
        width: 700px
    }
}

.author-container {
    flex-basis: 50%
}

.s-post-info {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.s-post-info .s-post-author, .s-post-info [class*='s-post-author--'] {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.s-post-info .s-post-tags {
    display: none
}

@media screen and (min-width: 768px) {
    .s-post-info .s-post-tags {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center
    }
}

.s-post-author, [class*='s-post-author--'] {
    padding: 0 1rem 2rem 2rem;
    margin-right: 0
}

@media screen and (min-width: 970px) {
    .s-post-author, [class*='s-post-author--'] {
        padding: 0
    }
}

.s-post-author .s-post-authorIcon, [class*='s-post-author--'] .s-post-authorIcon {
    float: left;
    display: block
}

@media screen and (min-width: 970px) {
    .s-post-author .s-post-authorIcon, [class*='s-post-author--'] .s-post-authorIcon {
        width: 8.5298%
    }
}

.s-post-author .s-post-authorByline, [class*='s-post-author--'] .s-post-authorByline {
    margin-left: 64px;
    padding-top: 10px;
    width: 50%
}

@media screen and (min-width: 970px) {
    .s-post-author .s-post-authorByline, [class*='s-post-author--'] .s-post-authorByline {
        margin-left: 88px;
        margin-bottom: 1rem;
        padding-top: 0;
        width: 82.94039%
    }
}

.s-post-author .s-post-authorBy, [class*='s-post-author--'] .s-post-authorBy {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-style: italic;
    letter-spacing: -0.1em;
    font-size: 0.75rem;
    padding-right: 4px
}

.s-post-author .s-post-authorName, [class*='s-post-author--'] .s-post-authorName {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase
}

.s-post-author .s-post-authorName .m-sprites--checkmark, [class*='s-post-author--'] .s-post-authorName .m-sprites--checkmark {
    display: inline-block
}

@media screen and (min-width: 840px) {
    .s-post-author, [class*='s-post-author--'] {
        width: 100%
    }
}

.s-post-author img, [class*='s-post-author--'] img {
    display: block;
    width: 40px
}

@media screen and (min-width: 970px) {
    .s-post-author img, [class*='s-post-author--'] img {
        width: 100%
    }
}

.s-post-meta-list {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #000000;
    padding: 0.5rem
}

.s-post-meta-list .more {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 0.875rem;
    font-style: italic;
    border: none;
    text-transform: none;
    padding-right: 0.5rem
}

.s-post-meta-list li {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #000000;
    font-style: normal;
    display: inline-block;
    padding: 0.5rem
}

.s-post-meta-list li a {
    text-decoration: underline
}

.s-post-tags {
    padding: 1rem 0;
    margin: 2rem 0;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 0.875rem;
    color: #666666;
    font-style: italic;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0
}

.s-post-rich-blocks .s-post-tags {
    margin: 0 auto;
    width: 80%
}

@media screen and (min-width: 970px) {
    .s-post-rich-blocks .s-post-tags {
        width: 50%
    }
}

.s-post-top .m-bread {
    max-width: none;
    padding: 0 1rem
}

@media screen and (min-width: 970px) {
    .s-post-top .m-bread {
        padding: 0
    }
}

.s-post-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    color: #000000;
    padding: 0.5rem 1rem 0 1rem
}

@media screen and (min-width: 970px) {
    .s-post-title {
        padding: 0.5rem 0 0 0
    }
}

.s-post-hero {
    position: relative
}

@media screen and (min-width: 970px) {
    .s-post-slider {
        padding-left: 0
    }
}

.l-col--eleven:last-child {
    width: 100%;
    padding: 0 32px
}

@media screen and (min-width: 970px) {
    .l-col--eleven:last-child {
        width: 91.4702%;
        padding: 0 24px
    }
}

.s-post-content .l-col {
    width: 100%
}

@media screen and (min-width: 970px) {
    .s-post-content .l-col {
        padding: 1rem 1rem 0 1rem;
        float: left;
        display: block;
        width: 93.82785%;
        float: right
    }

    .s-post-content .l-col:last-child {
        width: 91.4702%
    }
}

.s-post-content .l-col h2 {
    line-height: 2.5rem
}

.s-post-text {
    font-family: "Freight Text Pro", Georgia, Times, Times New Roman, serif;
    font-size: 1.125rem;
    color: #444444;
    padding: 0;
    line-height: 150%;
    margin-bottom: 2rem
}

@media screen and (min-width: 640px) {
    .s-post-text {
        max-width: 641px;
        margin: 0 auto
    }
}

@media screen and (min-width: 970px) {
    .s-post-text {
        padding: 0 0.5rem
    }
}

.s-post-text p {
    margin: 0 0 1rem 0
}

.s-post-text a {
    text-decoration: underline;
    color: #000000
}

.s-post-text ul, .s-post-text ol {
    margin: 0 0 1rem 0;
    padding-left: 1rem;
    list-style-type: inherit
}

.s-post-text li {
    padding-left: 0.5rem
}

.s-post-text ul li {
    list-style-type: disc
}

.s-post-text ol li {
    list-style-type: decimal
}

.s-post-ask {
    padding: 0.5rem 0 0.5rem 1rem;
    border-left: 1px solid #F0F0F0
}

.s-post-reply {
    display: none
}

.s-post-reply.sticky {
    margin-top: 1rem
}

@media screen and (min-width: 970px) {
    .s-post-reply {
        display: block
    }
}

.s-post-reply-inner {
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    width: 56px;
    font-size: 0.5rem;
    letter-spacing: 3px;
    color: #000000;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0
}

.s-post-reply-inner.has-count {
    opacity: 1
}

.s-post-replyCount {
    width: 56px;
    font-size: 1rem;
    padding: 0.5rem;
    margin: 0 0 10px 0;
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    border: 1px solid transparent
}

.s-post-talkBox {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    font-size: 1.25rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    letter-spacing: -0.5px;
    padding: 1rem 1rem 1rem 0;
    display: none
}

.s-post-talkBox:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .s-post-talkBox {
        display: block
    }
}

.s-post-talkBox span {
    font-size: 1.25rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 0 1rem
}

.s-post-talkBox--right {
    width: 100%;
    padding: 1rem 2rem
}

@media screen and (min-width: 480px) {
    .s-post-talkBox--right {
        width: 70%;
        float: none;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .s-post-talkBox--right {
        width: 50%;
        margin-right: 0;
        background: url(../font/ui/left-shade-9db709ad1a0afc217574aa6adb963bdb.png) no-repeat;
        padding: 1rem 0 1rem 1rem
    }
}

.s-post-video {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 51%;
    margin-bottom: 2rem
}

.s-post-video.s-post-video--embedly {
    height: auto;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0
}

.s-post-video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.s-post-author--beauty {
    padding: 0.5rem 1rem 0.5rem 0
}

.s-post-author--beauty img {
    width: 40px
}

.l-row--full .m-recommended-padding {
    padding: 0
}

.m-recommended-title {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase
}

.m-recommended-list {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0
}

.m-recommended-el {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 1rem;
    padding: 1rem 1rem 0 0
}

.m-recommended-el:nth-child(2n) {
    padding: 1rem 0 0 1rem
}

.m-recommended-el a {
    display: block
}

.m-recommended-el img {
    width: 100%
}

@media screen and (min-width: 480px) {
    .m-recommended-el {
        width: 25%
    }

    .m-recommended-el:nth-child(2n) {
        padding: 1rem 1rem 0 0
    }
}

.m-recommended-el-cat {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.625rem;
    color: #666666;
    margin-top: 0.5rem
}

.m-recommended-el-title {
    color: #444444;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    font-style: italic;
    margin-top: 0.3rem;
    margin-bottom: 0.5rem
}

.s-post-comments {
    max-width: 640px;
    margin: 0 auto
}

@media screen and (min-width: 970px) {
    .s-post-comments {
        width: 100%
    }
}

.s-post-disqus {
    padding: 0 1rem
}

@media screen and (min-width: 640px) {
    .s-post-disqus {
        max-width: 641px;
        margin: 0 auto
    }
}

@media screen and (min-width: 970px) {
    .s-post-disqus {
        padding-right: 1rem
    }
}

.s-post-rich--title {
    position: absolute;
    z-index: 1;
    bottom: 0;
    transform: translateY(0);
    font-size: 40px;
    line-height: 1;
    padding-right: 50px;
    font-family: "Freight Display Pro"
}

@media screen and (min-width: 768px) {
    .s-post-rich--title {
        transform: translateY(-50px)
    }
}

@media screen and (min-width: 970px) {
    .s-post-rich--title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 30px;
        font-size: 54px
    }
}

.s-post-rich--mainImage {
    width: 60%;
    float: right;
    transform: translateX(16px)
}

@media screen and (min-width: 840px) {
    .s-post-rich--mainImage {
        width: 70%
    }
}

@media screen and (min-width: 970px) {
    .s-post-rich-mobileCredits {
        display: none
    }
}

.s-post-rich--share {
    position: absolute;
    right: -96px;
    top: 0
}

.s-post-rich--share .s-post-author {
    height: 100%
}

.s-post-rich--share .s-post-author img {
    width: 40px
}

.s-post-rich--share .s-post-author .s-post-authorIcon {
    width: auto
}

.s-post-rich--share .s-post-author .s-post-authorByline {
    margin: 0 0 0 65px
}

.s-post-rich--share .s-post-author .s-post-authorName a {
    text-decoration: none
}

.s-post-author--rich-mobile {
    padding: 0
}

@media screen and (min-width: 970px) {
    .s-post-author--rich-mobile {
        display: none
    }
}

.s-post-author--rich-mobile img {
    width: 40px;
    margin-top: 10px
}

.s-post-author--rich-mobile a {
    text-decoration: none
}

.s-post-rich-intro {
    clear: both;
    padding-top: 1.5rem
}

@media screen and (min-width: 970px) {
    .s-post-rich-intro {
        padding: none
    }
}

.s-post-rich--topLeft {
    width: 70%;
    margin-top: 128px;
    margin-bottom: 64px
}

.s-post-rich--bottomLeft {
    width: 90%;
    float: right
}

.s-post-rich--right {
    width: 70%;
    float: right;
    margin-top: 96px
}

.s-post-rich--share {
    display: none;
    position: absolute;
    top: 32px;
    right: -270px
}

@media screen and (min-width: 970px) {
    .s-post-rich--share {
        display: block
    }
}

.is-rich ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.is-rich ul li {
    display: inline-block;
    padding: 0 4px;
    width: 23%
}

.is-rich ul li:first-child {
    padding-left: 0
}

.is-rich ul li i {
    color: #FFFFFF;
    padding: 12px;
    width: auto
}

.is-rich ul li span {
    display: none
}

.is-rich ul li.m-share-el--copy i {
    color: #000000;
    padding: 12px
}

.is-rich ul li a {
    padding: 0
}

.s-post-rich--center {
    width: 100%
}

@media screen and (min-width: 970px) {
    .s-post-rich--center {
        float: left;
        display: block;
        width: 51.17883%
    }

    .s-post-rich--center:last-child {
        width: 48.82117%
    }
}

.s-post-rich--center .s-post-content {
    padding: 0 1.5rem
}

.s-post-rich--side {
    display: none
}

@media screen and (min-width: 970px) {
    .s-post-rich--side {
        display: block
    }
}

.s-post-rich--mobileCenter {
    display: flex;
    box-align: center;
    align-items: center
}

@media screen and (min-width: 970px) {
    .s-post-rich--mobileCenter {
        display: none
    }
}

.s-post-rich--mobileCenter img {
    float: left;
    width: 50%;
    transform: translateX(-32px)
}

.s-post-rich--mobileCenter img:last-child {
    width: 40%;
    padding-right: 0;
    transform: translateX(16px)
}

.s-post-rich--topLeftMobile {
    display: block;
    position: absolute;
    width: 50%;
    top: 50%;
    right: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 970px) {
    .s-post-rich--topLeftMobile {
        display: none
    }
}

.s-post-rich-blocks {
    margin: 32px 0
}

.s-post-rich-block--title {
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300
}

.s-post-rich-block--title h2 {
    padding: 0 16px;
    max-width: 641px;
    margin: 0 auto
}

.s-post-rich-block--no-images {
    padding-bottom: 0
}

.s-post-rich--share .s-post-rich-credits {
    max-width: 250px;
    clear: both;
    padding-top: 1rem
}

.s-post-rich_block-photo_credits {
    margin-top: 16px;
    font-style: italic
}

.s-post-rich_block-photo_credits a {
    font-weight: bold;
    text-decoration: underline
}

.s-post-rich-blocks ng-slick-slider .slick-slide {
    margin: 0
}

@media screen and (min-width: 1024px) {
    .s-post-rich-blocks ng-slick-slider .slick-slide {
        margin: 0 50px
    }
}

.rich-recommended {
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .rich-recommended {
        width: 50%
    }
}

.s-post-rich-blocks.slider {
    margin: 32rem 0
}

@media screen and (min-width: 1024px) {
    .s-post-rich-blocks.slider ng-slick-slider .slick-slide {
        margin: 0;
        padding: 1px;
        width: 100%
    }
}

.s-post-rich-block.slider.l-row, .s-post-rich-block.slider.l-row--tiny, .s-post-rich-block.slider.l-row--tinyFull, .s-post-rich-block.slider.l-row--small, .s-post-rich-block.slider.l-row--smallFull, .s-post-rich-block.slider.l-row--short, .s-post-rich-block.slider.l-row--shortFull, .s-post-rich-block.slider.l-row--full {
    padding: 16px 0 0 0
}

.s-post-rich-block.slider.l-row .s-post-text, .s-post-rich-block.slider.l-row--tiny .s-post-text, .s-post-rich-block.slider.l-row--tinyFull .s-post-text, .s-post-rich-block.slider.l-row--small .s-post-text, .s-post-rich-block.slider.l-row--smallFull .s-post-text, .s-post-rich-block.slider.l-row--short .s-post-text, .s-post-rich-block.slider.l-row--shortFull .s-post-text, .s-post-rich-block.slider.l-row--full .s-post-text {
    padding: 16px
}

.s-post-rich-block--title.slider.l-row, .s-post-rich-block--title.slider.l-row--tiny, .s-post-rich-block--title.slider.l-row--tinyFull, .s-post-rich-block--title.slider.l-row--small, .s-post-rich-block--title.slider.l-row--smallFull, .s-post-rich-block--title.slider.l-row--short, .s-post-rich-block--title.slider.l-row--shortFull, .s-post-rich-block--title.slider.l-row--full {
    padding: 16px 0 16px 0
}


#block-slide-fix {
    position: relative;
    height: 500px; /* 指定元素的高度，以便在处理相对定位时可以考虑到 */
}

#block-slide-fix.fixed {
    position: fixed;
    height: 300px;
    width: 290px;
    top: 0;
    z-index: 9999; /* 可能需要通过 z-index 调整元素在页面上的堆叠顺序 */
}
.slide-block-image {
    width: 100px;
    height: auto;
}
.m-sidebar-listItemContent {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.m-blue{
    text-align: center;
    color: #f17f69;
    font-size: 18px;
    font-weight: bold;
}
.slide_merchant_name{
    font-weight: 700;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}