html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    word-break: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

*, :after, :before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    padding: 0;
    margin: 0
}

hr {
    overflow: visible;
    height: 0
}

details, main {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden] {
    display: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline-width: 0
}

code, kbd, pre, samp {
    font-family: monospace, monospace
}

pre {
    font-size: 1em
}

b, strong {
    font-weight: bolder
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[disabled] {
    cursor: default
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button, input, optgroup, select, textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button], [type=button], [type=reset], [type=submit], button {
    cursor: pointer;
    color: inherit
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

button, input, select, textarea {
    background-color: transparent;
    border-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    white-space: normal;
    max-width: 100%
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    color: inherit;
    font: inherit
}

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

svg:not([fill]) {
    fill: currentColor
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}


html {
    box-sizing: border-box;
    font-size: 100%
}

body {
    height: 100%;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;
    font-size: 16px
}

[tabindex]:active, [tabindex]:hover {
    outline: none
}

@media only screen and (min-width: 769px) {
    [data-tooltip]:focus, [data-tooltip]:hover {
        position: relative
    }

    [data-tooltip]:focus:after, [data-tooltip]:hover:after {
        position: absolute;
        display: block;
        max-width: 200px;
        padding: 4px 8px;
        overflow: hidden;
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;
        pointer-events: none;
        content: attr(data-tooltip);
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        opacity: 0;
        font-size: 12px;
        -webkit-animation: tooltipAnimation .2s cubic-bezier(1, 0, 0, 1) .2s forwards;
        animation: tooltipAnimation .2s cubic-bezier(1, 0, 0, 1) .2s forwards;
        top: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        color: #787c7b;
        background-color: #f7f9f9
    }

    @-webkit-keyframes tooltipAnimation {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }@keyframes tooltipAnimation {
         0% {
             opacity: 0
         }
         to {
             opacity: 1
         }
     }
}

input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

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

button {
    padding: 0
}

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

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

address, blockquote, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul {
    padding: 0;
    margin: 0
}

address, cite, dfn, em, i {
    font-style: normal
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-size: 100%;
    font-weight: 400;
    color: inherit
}

ol, ul {
    list-style-type: none
}

table {
    width: 100%
}

th {
    text-align: left
}

@font-face {
    font-family: "note monospace";
    font-style: normal;
    font-weight: 400;
    src: url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/fonts/notemonospace.f347e59.woff) format("woff");
    src: url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/fonts/notemonospace.4b4d5fa.ttf) format("truetype");
    font-display: swap
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #abb2bf;
    background: #282c34
}

.hljs-comment, .hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag, .hljs-formula, .hljs-keyword {
    color: #c678dd
}

.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string {
    color: #98c379
}

.hljs-built_in, .hljs-class .hljs-title {
    color: #e6c07b
}

.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
    color: #d19a66
}

.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
    color: #61aeee
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

.modal-open {
    overflow: hidden
}

.modal-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    z-index: var(--z-index-modal);
    display: none
}

.modal-open .modal-wrapper {
    display: block
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 1
}

.modal-backdrop-enter {
    opacity: 0
}

.modal-backdrop-enter-active {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.modal-backdrop-enter-to, .modal-backdrop-leave {
    opacity: 1
}

.modal-backdrop-leave-active {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.modal-backdrop-leave-to {
    opacity: 0
}

.modal-content-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.modal-content-wrapper:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.modal-content {
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.modal-content-enter {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.modal-content-enter-active {
    -webkit-transition: all .2s ease-in-out 30ms;
    transition: all .2s ease-in-out 30ms
}

.modal-content-enter-to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.modal-content-leave-active {
    display: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.modal-content-slide-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.modal-content-slide-enter-active {
    -webkit-transition: all .3s ease-out 30ms;
    transition: all .3s ease-out 30ms
}

.modal-content-slide-enter-to, .modal-content-slide-leave {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.modal-content-slide-leave-active {
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.modal-content-slide-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.sortable-ghost {
    position: relative
}

.sortable-ghost:before {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    z-index: 3;
    display: block;
    content: "";
    background-color: #fff;
    border: 1px dashed #a8abb1
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    -webkit-transition: width .1s, opacity .4s;
    transition: width .1s, opacity .4s;
    background-color: #29d;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    -webkit-transition: none;
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.o-homescreenBanner {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px;
    background-color: #f2f2f2
}

@media only screen and (min-width: 769px) {
    .o-homescreenBanner {
        display: none
    }
}

.o-homescreenBanner--type_ios .o-homescreenBanner__icon {
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 479px) {
    .o-homescreenBanner--type_ios .o-homescreenBanner__icon {
        width: 40px;
        height: 40px;
        border-radius: 8px
    }
}

.o-homescreenBanner__icon {
    width: 56px;
    height: 56px;
    margin-right: 8px;
    margin-left: 8px;
    overflow: hidden
}

.o-homescreenBanner__app {
    width: 100%;
    height: 100%
}

.o-homescreenBanner__caption {
    -webkit-box-flex: 2;
    flex-grow: 2;
    font-size: 14px;
    font-weight: 700
}

@media only screen and (max-width: 359px) {
    .o-homescreenBanner__caption {
        font-size: 12px
    }
}

.o-homescreenBanner__button {
    padding: 8px
}

.o-homescreenBanner__close {
    color: #a8abb1
}

.o-navBar {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 1px rgba(34, 34, 34, .08);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media only screen and (max-width: 768px) {
    .o-navBar {
        box-shadow: none
    }
}

.o-navBar.active {
    z-index: 11
}

@media only screen and (max-width: 479px) {
    .o-navBar.active {
        position: fixed;
        top: 0;
        width: 100%
    }

    .o-navBar.active.is-search {
        position: relative
    }
}

.o-navBar.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media print {
    .o-navBar.is-sticky {
        display: none
    }
}

.o-navBar.is-stickyActive1 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.o-navBar.is-stickyActive1.is-search {
    position: -webkit-sticky;
    position: sticky
}

.o-navBar.is-stickyActive2 {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.o-navBar.is-stickyActive2.is-search {
    position: -webkit-sticky;
    position: sticky
}

.o-navBar.is-stickyHide {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.o-navBar.is-stickyHide.is-search {
    position: -webkit-sticky;
    position: sticky
}

.o-navBar__creator {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease
}

.o-navBar__creator.active {
    max-height: 100px
}

@media only screen and (max-width: 479px) {
    .o-navBar__creator {
        top: 48px
    }
}

.o-navbarTop {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: auto;
    min-height: 64px;
    margin-right: 24px;
    margin-left: 24px
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-navbarTop {
        margin-right: 24px;
        margin-left: 24px
    }
}

@media only screen and (max-width: 479px) {
    .o-navbarTop {
        width: calc(100% - 32px);
        min-height: 48px;
        margin-right: 16px;
        margin-left: 16px
    }
}

@media only screen and (max-width: 359px) {
    .o-navbarTop {
        width: calc(100% - 16px);
        min-height: 48px;
        margin-right: 8px;
        margin-left: 8px
    }
}

.o-navbarTop__nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.o-navbarTop__search {
    margin-right: -8px
}

.o-navbarTop__search--fieldVisible {
    width: 240px
}

.o-navbarTop__search--fieldVisibleSp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 4px;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6
}

.o-navbarTop__navItem {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 16px
}

@media only screen and (max-width: 359px) {
    .o-navbarTop__navItem {
        margin-left: 8px
    }
}

@media only screen and (max-width: 479px) {
    .o-navbarTop__navItem--entry .o-navbarTop__navItem--login {
        margin-left: 0
    }
}

.o-navbarTop__navItem--home {
    margin-right: -4px;
    color: #a8abb1
}

@media only screen and (min-width: 769px) {
    .o-navbarTop__navItem--home {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-navbarTop__navItem--home:hover {
        color: #787c7b
    }
}

.m-siteLogo__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.m-siteLogo__image {
    max-width: 250px;
    max-height: 100px;
    vertical-align: top;
}

@media only screen and (max-width:479px) {
    .m-siteLogo__image {
        max-width: 160px;
        max-height: 64px;
    }
}

@media only screen and (max-width:359px) {
    .m-siteLogo__image {
        max-width: 140px;
        max-height: 58px
    }
}

.a-button {
    display: inline-block;
    display: -webkit-inline-box;
    display: inline-flex;
    min-height: 40px;
    padding: 0 16px;
    margin: 0;
    font-weight: 700;
    line-height: 1;
    color: #787c7b;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: top;
    touch-action: manipulation;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.a-button .a-button .a-button__inner {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.a-button .a-button__inner {
    font-size: 14px;
    display: -webkit-box;
    display: flex
}

.a-button[data-type=none] {
    color: #787c7b
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=none] {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=none]:hover {
        color: #222
    }
}

.a-button[data-type=disabled] {
    color: hsla(0, 0%, 100%, .5);
    background-color: #ccc
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=disabled] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=disabled]:hover {
        background-color: #b3b3b3
    }
}

.a-button[data-type=basic] {
    color: #222;
    border: 1px solid #e6e6e6
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=basic] {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=basic]:hover {
        border: 1px solid #a8abb1
    }
}

.a-button[data-type=primary] {
    color: #fff;
    background-color: #2cb696;
    background-color: var(--customPrimaryColor)
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=primary] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=primary]:hover {
        background-color: #228d74;
        background-color: var(--customPrimaryDarkenColor)
    }
}

.a-button[data-type=secondary] {
    color: #2cb696;
    color: var(--customPrimaryColor);
    border: 1px solid #2cb696;
    border: 1px solid var(--customPrimaryColor)
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=secondary] {
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=secondary]:hover {
        color: #2cb696;
        color: var(--customPrimaryColor);
        border-color: #228d74;
        border-color: var(--customPrimaryDarkenColor)
    }
}

.a-button[data-type=danger] {
    color: #fff;
    background-color: #ed4956
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=danger] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=danger]:hover {
        background-color: #e81b2b
    }
}

.a-button[data-type=twitter] {
    color: #fff;
    background-color: #55acee
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=twitter] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=twitter]:hover {
        background-color: #2795e9
    }
}

.a-button[data-type=facebook] {
    color: #fff;
    background-color: #1877f2
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=facebook] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=facebook]:hover {
        background-color: #0b5fcc
    }
}

.a-button[data-size=small] {
    min-height: 32px
}

@media only screen and (max-width: 479px) {
    .a-button[data-size=small] {
        padding-right: 12px;
        padding-left: 12px
    }
}

.a-button[data-size=small] .a-button__inner {
    font-size: 12px
}

.a-button[data-size=large] {
    min-height: 48px
}

.a-button[data-size=large] .a-button__inner {
    font-size: 16px
}

.a-button[data-width=fit] {
    width: 100%
}

.a-button[data-width=square] {
    width: 32px
}

.a-button[data-disable-focus=false]:active, .a-button[data-disable-focus=false]:hover, .a-button[data-disable-focus=true]:focus {
    outline: none
}

.a-button:disabled {
    color: hsla(0, 0%, 100%, .5);
    cursor: not-allowed;
    background-color: #ccc;
    border: none;
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 769px) {
    .a-button:disabled:hover {
        color: hsla(0, 0%, 100%, .5);
        background-color: #ccc;
        border: none
    }
}

.a-button--icon {
    padding-right: 0;
    padding-left: 0
}

.a-button--icon .a-button__icon {
    margin-right: 0
}

.a-link {
    cursor: pointer
}

.a-link:active, .a-link:hover {
    outline: none
}

.a-link.disabled {
    cursor: default
}

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

.a-image {
    background-color: #fff
}

.a-image.a-image--bg-transparent {
    background-color: transparent
}

.o-searchWindow {
    width: 280px
}

@media only screen and (max-width: 479px) {
    .o-searchWindow {
        width: auto
    }
}

.o-searchWindow__header {
    position: relative;
    padding: 12px 16px;
    cursor: default
}

.o-searchWindow__title {
    font-size: 12px;
    font-weight: 700;
    cursor: default
}

.o-searchWindow__deleteAll {
    position: absolute;
    top: 12px;
    right: 16px;
    color: #2cb696;
    color: var(--customPrimaryColor);
    font-size: 12px;
    cursor: pointer
}

.o-searchWindow__body {
    width: 100%
}

@media only screen and (max-width: 479px) {
    .o-searchWindow__body {
        padding-bottom: 16px
    }
}

.o-searchWindow__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.o-searchWindow__item:last-child {
    border-radius: 0 0 4px 4px
}

.o-searchWindow__item--header {
    border-bottom: 1px solid #f2f2f2
}

@media only screen and (min-width: 769px) {
    .o-searchWindow__item:hover {
        background-color: #f7f9f9
    }
}

.o-searchWindow__link {
    position: relative;
    display: block;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 16px;
    overflow: hidden;
    color: #787c7b;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px
}

@media only screen and (min-width: 769px) {
    .o-searchWindow__link:hover {
        color: #222
    }
}

.o-searchWindow__avatar {
    margin-right: 8px
}

.o-searchWindow__label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o-searchWindow__hash {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 32px
}

.o-searchWindow__hash:before {
    font-weight: 700;
    color: #787c7b;
    content: "#";
    font-size: 16px
}

.o-searchWindow__official {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #2cb696;
    color: var(--customPrimaryColor)
}

.o-searchWindow__delete {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 16px;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .o-searchWindow__delete:hover {
        color: #787c7b
    }
}

.m-iconWithtext {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.m-iconWithtext__form {
    position: relative;
    width: 100%
}

.m-iconWithtext__fieldInput {
    padding-right: 40px !important
}

.m-iconWithtext__submit {
    position: absolute;
    top: 50%;
    right: 8px;
    color: #a8abb1;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 769px) {
    .m-iconWithtext__submit {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .m-iconWithtext__submit:hover {
        color: #787c7b
    }
}

.m-iconWithtext__close {
    padding: 8px;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .m-iconWithtext__close {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .m-iconWithtext__close:hover {
        color: #787c7b
    }
}

.m-iconWithtext__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .m-iconWithtext__button {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .m-iconWithtext__button:hover {
        color: #787c7b
    }
}

.a-input {
    display: inline-block;
    min-height: 40px;
    padding: 4px 8px;
    line-height: 1.5;
    color: #222;
    vertical-align: top;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px
}

@media only screen and (max-width: 479px) {
    .a-input {
        font-size: 16px
    }
}

.a-input:focus {
    border: 1px solid #a8abb1;
    outline: none
}

.a-input::-webkit-input-placeholder {
    color: rgba(34, 34, 34, .3)
}

.a-input::-moz-placeholder {
    color: rgba(34, 34, 34, .3)
}

.a-input:-ms-input-placeholder {
    color: rgba(34, 34, 34, .3)
}

.a-input::-ms-input-placeholder {
    color: rgba(34, 34, 34, .3)
}

.a-input::placeholder {
    color: rgba(34, 34, 34, .3)
}

@media only screen and (min-width: 769px) {
    .a-input:not(:disabled) {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-input:not(:disabled):hover {
        border: 1px solid #a8abb1
    }
}

.a-input:disabled {
    color: #fff;
    cursor: not-allowed;
    background-color: #e6e6e6
}

.a-input--size_small {
    min-height: 32px
}

.a-input--size_small .a-input__label {
    font-size: 12px
}

.a-input--size_large {
    min-height: 48px
}

.a-input--size_large .a-input__label {
    font-size: 16px
}

.a-input--width_fit {
    width: 100%
}

.a-input--width_4length {
    width: 80px
}

.a-input--width_8length {
    width: 160px
}

@font-face {
    font-family: "icon";
    src: url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/fonts/icon.5227f28.eot);
    src: url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/fonts/icon.5227f28.eot?#iefix) format("eot"), url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/fonts/icon.59ea0d8.woff) format("woff"), url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/fonts/icon.c55b483.ttf) format("truetype"), url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/img/icon.57f1c16.svg#icon) format("svg");
    font-display: swap
}

button.a-icon {
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    button.a-icon {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    button.a-icon:hover {
        color: #787c7b
    }
}

.a-icon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-family: "icon";
    font-size: 24px;
    line-height: 1;
    color: inherit;
    vertical-align: top;
    touch-action: manipulation;
    background-color: transparent;
    border: none;
    border-radius: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.a-icon:active, .a-icon:hover {
    outline: none
}

.a-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icon";
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle
}

.a-icon--size_small {
    width: 16px;
    height: 16px;
    font-size: 16px;
    border-radius: 16px
}

.a-icon--size_large {
    width: 32px;
    height: 32px;
    font-size: 32px;
    border-radius: 32px
}

.a-icon--add:before {
    content: "\f001"
}

.a-icon--amazon:before {
    content: "\f002"
}

.a-icon--arrowback:before {
    content: "\f003"
}

.a-icon--arrowdropdown:before {
    content: "\f004"
}

.a-icon--arrowforward:before {
    content: "\f005"
}

.a-icon--arrowright:before {
    content: "\f006"
}

.a-icon--attachFile:before {
    content: "\f007"
}

.a-icon--badge:before {
    content: "\f008"
}

.a-icon--camera:before {
    content: "\f009"
}

.a-icon--cameraPlus:before {
    content: "\f00a"
}

.a-icon--check:before {
    content: "\f00b"
}

.a-icon--checkCircle:before {
    content: "\f00c"
}

.a-icon--circle:before {
    content: "\f00d"
}

.a-icon--close:before {
    content: "\f00e"
}

.a-icon--code:before {
    content: "\f00f"
}

.a-icon--comment:before {
    content: "\f010"
}

.a-icon--commentFill:before {
    content: "\f011"
}

.a-icon--copy:before {
    content: "\f012"
}

.a-icon--create:before {
    content: "\f013"
}

.a-icon--download:before {
    content: "\f014"
}

.a-icon--drag_handle:before {
    content: "\f015"
}

.a-icon--editorBold:before {
    content: "\f016"
}

.a-icon--editorCenter:before {
    content: "\f017"
}

.a-icon--editorCode:before {
    content: "\f018"
}

.a-icon--editorEmbed:before {
    content: "\f019"
}

.a-icon--editorFileUpload:before {
    content: "\f01a"
}

.a-icon--editorImage:before {
    content: "\f01b"
}

.a-icon--editorImageAdd:before {
    content: "\f01c"
}

.a-icon--editorLarge:before {
    content: "\f01d"
}

.a-icon--editorLink:before {
    content: "\f01e"
}

.a-icon--editorMinphoto:before {
    content: "\f01f"
}

.a-icon--editorPc:before {
    content: "\f020"
}

.a-icon--editorQuotation:before {
    content: "\f021"
}

.a-icon--editorSmall:before {
    content: "\f022"
}

.a-icon--editorTitle:before {
    content: "\f023"
}

.a-icon--editorTrash:before {
    content: "\f024"
}

.a-icon--expandless:before {
    content: "\f025"
}

.a-icon--expandmore:before {
    content: "\f026"
}

.a-icon--eye:before {
    content: "\f027"
}

.a-icon--facebookFill:before {
    content: "\f028"
}

.a-icon--fileDownload:before {
    content: "\f029"
}

.a-icon--firstpage:before {
    content: "\f02a"
}

.a-icon--flagFill:before {
    content: "\f02b"
}

.a-icon--follow:before {
    content: "\f02c"
}

.a-icon--following:before {
    content: "\f02d"
}

.a-icon--gift:before {
    content: "\f02e"
}

.a-icon--hatenaFill:before {
    content: "\f02f"
}

.a-icon--heart:before {
    content: "\f030"
}

.a-icon--heartFill:before {
    content: "\f031"
}

.a-icon--help:before {
    content: "\f032"
}

.a-icon--home:before {
    content: "\f033"
}

.a-icon--image:before {
    content: "\f034"
}

.a-icon--info:before {
    content: "\f035"
}

.a-icon--instagramFill:before {
    content: "\f036"
}

.a-icon--keyboard:before {
    content: "\f037"
}

.a-icon--lastpage:before {
    content: "\f038"
}

.a-icon--lightbulb:before {
    content: "\f039"
}

.a-icon--lineFill:before {
    content: "\f03a"
}

.a-icon--linkFill:before {
    content: "\f03b"
}

.a-icon--lock:before {
    content: "\f03c"
}

.a-icon--magazine:before {
    content: "\f03d"
}

.a-icon--magazineAdd:before {
    content: "\f03e"
}

.a-icon--magazineGrid:before {
    content: "\f03f"
}

.a-icon--magazineList:before {
    content: "\f040"
}

.a-icon--magazineStream:before {
    content: "\f041"
}

.a-icon--mail:before {
    content: "\f042"
}

.a-icon--more:before {
    content: "\f043"
}

.a-icon--navbefore:before {
    content: "\f044"
}

.a-icon--navnext:before {
    content: "\f045"
}

.a-icon--note:before {
    content: "\f046"
}

.a-icon--noteAdd:before {
    content: "\f047"
}

.a-icon--notification:before {
    content: "\f048"
}

.a-icon--pause:before {
    content: "\f049"
}

.a-icon--person:before {
    content: "\f04a"
}

.a-icon--pin:before {
    content: "\f04b"
}

.a-icon--place:before {
    content: "\f04c"
}

.a-icon--playFill:before {
    content: "\f04d"
}

.a-icon--postNote:before {
    content: "\f04e"
}

.a-icon--public:before {
    content: "\f04f"
}

.a-icon--return:before {
    content: "\f050"
}

.a-icon--rss:before {
    content: "\f051"
}

.a-icon--satisfied:before {
    content: "\f052"
}

.a-icon--search:before {
    content: "\f053"
}

.a-icon--setting:before {
    content: "\f054"
}

.a-icon--share:before {
    content: "\f055"
}

.a-icon--shoppingcart:before {
    content: "\f056"
}

.a-icon--shoppingcartFill:before {
    content: "\f057"
}

.a-icon--sort:before {
    content: "\f058"
}

.a-icon--tag:before {
    content: "\f059"
}

.a-icon--time:before {
    content: "\f05a"
}

.a-icon--topic:before {
    content: "\f05b"
}

.a-icon--twitterFill:before {
    content: "\f05c"
}

.a-icon--undo:before {
    content: "\f05d"
}

.a-icon--view:before {
    content: "\f05e"
}

.a-icon--viewOff:before {
    content: "\f05f"
}

.a-icon--warning:before {
    content: "\f060"
}

.a-icon--yen:before {
    content: "\f061"
}

.a-icon--yenFill:before {
    content: "\f062"
}

.a-icon--youtubeFill:before {
    content: "\f063"
}

.o-notification__popover {
    width: 300px;
    height: 400px;
    background-color: #fff
}

@media only screen and (max-width: 479px) {
    .o-notification__popover {
        width: 100%;
        height: 100%
    }
}

.m-notificationBell {
    position: relative
}

.m-notificationBell__icon {
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .m-notificationBell__icon {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .m-notificationBell__icon:hover {
        color: #787c7b
    }
}

.m-notificationBell__badge {
    position: absolute;
    top: -6px;
    right: -6px;
    padding: 2px 4px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    pointer-events: none;
    background-color: #ed4956;
    border-radius: 4px;
    font-size: 12px
}

.o-usermenuPopover__avatar {
    cursor: pointer;
    opacity: .9
}

@media only screen and (min-width: 769px) {
    .o-usermenuPopover__avatar {
        -webkit-transition: opacity .2s cubic-bezier(1, 0, 0, 1);
        transition: opacity .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-usermenuPopover__avatar:hover {
        opacity: 1
    }
}

.o-usermenuPopover__body {
    position: relative;
    width: 220px
}

@media only screen and (max-width: 479px) {
    .o-usermenuPopover__body {
        width: auto;
        padding-top: 8px
    }
}

.o-usermenuPopover__item {
    font-size: 12px
}

@media only screen and (max-width: 479px) {
    .o-usermenuPopover__item {
        font-size: 14px
    }
}

.o-usermenuPopover__item.is-first {
    border-top: none
}

.o-usermenuPopover__item--separate {
    position: relative
}

.o-usermenuPopover__item--separate:before {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    content: "";
    background-color: #f2f2f2
}

.o-usermenuPopover__item--separate:empty:before {
    height: 0;
    margin: 0
}

.o-usermenuPopover__item--profile {
    display: -webkit-box;
    display: flex
}

.o-usermenuPopover__item--profile > :first-child {
    -webkit-box-flex: 2;
    flex-grow: 2
}

.o-usermenuPopover__header {
    display: block;
    padding: 4px 16px;
    color: #787c7b
}

.o-usermenuPopover__link {
    display: block;
    width: 100%;
    padding: 8px 16px;
    color: #222;
    text-align: left
}

@media only screen and (max-width: 479px) {
    .o-usermenuPopover__link {
        padding: 12px 16px
    }
}

@media only screen and (min-width: 769px) {
    .o-usermenuPopover__link {
        cursor: pointer
    }

    .o-usermenuPopover__link:hover {
        background-color: #f7f9f9
    }
}

.o-usermenuPopover__probanner {
    display: block
}

@media only screen and (max-width: 479px) {
    .o-usermenuPopover__probanner {
        margin: 14px 16px;
        overflow: hidden;
        border-radius: 4px
    }
}

.o-usermenuPopover__probannerImage {
    width: 100%;
    vertical-align: top
}

.o-usermenuPopover__profile {
    display: block;
    font-weight: 700;
    word-break: break-all
}

.o-usermenuPopover__summary {
    display: block;
    font-size: 12px;
    color: #787c7b
}

.o-usermenuPopover__onboardingItem {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px
}

@media only screen and (min-width: 769px) {
    .o-usermenuPopover__onboardingItem {
        cursor: pointer
    }

    .o-usermenuPopover__onboardingItem:hover {
        background-color: #f7f9f9
    }
}

.o-usermenuPopover__onboardingLink {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    align-items: center
}

.o-usermenuPopover__onboardingIcon {
    padding-left: 8px
}

.o-usermenuPopover__onboardingIconImage {
    width: 24px;
    height: 24px;
    padding: 4px;
    color: #fff;
    border-radius: 50%
}

.o-usermenuPopover__onboardingIconImage[data-type=twitter] {
    background-color: #55acee
}

.o-usermenuPopover__onboardingLabel {
    font-size: 12px;
    font-weight: 700
}

@media only screen and (min-width: 769px) {
    .o-usermenuPopover__onboardingLabel {
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }
}

@media only screen and (max-width: 479px) {
    .o-usermenuPopover__onboardingLabel {
        font-size: 14px
    }
}

.o-usermenuPopover__onboardingDescription {
    margin-top: 4px;
    color: #787c7b;
    font-size: 12px
}

.o-usermenuPopover__onboardingClose {
    position: absolute;
    top: 8px;
    right: 8px;
    line-height: 1;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .o-usermenuPopover__onboardingClose:hover {
        color: #787c7b;
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }
}

.a-button {
    display: inline-block;
    display: -webkit-inline-box;
    display: inline-flex;
    min-height: 40px;
    padding: 0 16px;
    margin: 0;
    font-weight: 700;
    line-height: 1;
    color: #787c7b;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: top;
    touch-action: manipulation;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.a-button .a-button .a-button__inner {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.a-button .a-button__inner {
    font-size: 14px;
    display: -webkit-box;
    display: flex
}

.a-button[data-type=none] {
    color: #787c7b
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=none] {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=none]:hover {
        color: #222
    }
}

.a-button[data-type=disabled] {
    color: hsla(0, 0%, 100%, .5);
    background-color: #ccc
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=disabled] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=disabled]:hover {
        background-color: #b3b3b3
    }
}

.a-button[data-type=basic] {
    color: #222;
    border: 1px solid #e6e6e6
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=basic] {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=basic]:hover {
        border: 1px solid #a8abb1
    }
}

.a-button[data-type=primary] {
    color: #fff;
    background-color: #2cb696;
    background-color: var(--customPrimaryColor)
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=primary] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=primary]:hover {
        background-color: #228d74;
        background-color: var(--customPrimaryDarkenColor)
    }
}

.a-button[data-type=secondary] {
    color: #2cb696;
    color: var(--customPrimaryColor);
    border: 1px solid #2cb696;
    border: 1px solid var(--customPrimaryColor)
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=secondary] {
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=secondary]:hover {
        color: #2cb696;
        color: var(--customPrimaryColor);
        border-color: #228d74;
        border-color: var(--customPrimaryDarkenColor)
    }
}

.a-button[data-type=danger] {
    color: #fff;
    background-color: #ed4956
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=danger] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=danger]:hover {
        background-color: #e81b2b
    }
}

.a-button[data-type=twitter] {
    color: #fff;
    background-color: #55acee
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=twitter] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=twitter]:hover {
        background-color: #2795e9
    }
}

.a-button[data-type=facebook] {
    color: #fff;
    background-color: #1877f2
}

@media only screen and (min-width: 769px) {
    .a-button[data-type=facebook] {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .a-button[data-type=facebook]:hover {
        background-color: #0b5fcc
    }
}

.a-button[data-size=small] {
    min-height: 32px
}

@media only screen and (max-width: 479px) {
    .a-button[data-size=small] {
        padding-right: 12px;
        padding-left: 12px
    }
}

.a-button[data-size=small] .a-button__inner {
    font-size: 12px
}

.a-button[data-size=large] {
    min-height: 48px
}

.a-button[data-size=large] .a-button__inner {
    font-size: 16px
}

.a-button[data-width=fit] {
    width: 100%
}

.a-button[data-width=square] {
    width: 32px
}

.a-button[data-disable-focus=false]:active, .a-button[data-disable-focus=false]:hover, .a-button[data-disable-focus=true]:focus {
    outline: none
}

.a-button:disabled {
    color: hsla(0, 0%, 100%, .5);
    cursor: not-allowed;
    background-color: #ccc;
    border: none;
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 769px) {
    .a-button:disabled:hover {
        color: hsla(0, 0%, 100%, .5);
        background-color: #ccc;
        border: none
    }
}

.a-button--icon {
    padding-right: 0;
    padding-left: 0
}

.a-button--icon .a-button__icon {
    margin-right: 0
}

.m-avatar {
    display: block;
    overflow: hidden;
    border-radius: 4px
}

.m-avatar:active, .m-avatar:hover {
    outline: none
}

.m-avatar__image {
    width: 100%;
    max-width: 100%;
    height: auto
}

.m-avatar--xsmall {
    width: 16px;
    height: 16px;
    border-radius: 16px
}

.m-avatar--small {
    width: 24px;
    height: 24px;
    border-radius: 24px
}

.m-avatar--medium {
    width: 32px;
    height: 32px;
    border-radius: 32px
}

.m-avatar--large {
    width: 56px;
    height: 56px;
    border-radius: 56px
}

.m-avatar--xlarge {
    width: 80px;
    height: 80px;
    border-radius: 80px
}

.m-avatar--xxlarge {
    width: 104px;
    height: 104px;
    border-radius: 104px
}

.m-avatar--fit {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.o-postNote__body {
    width: 440px;
    padding: 24px
}

@media only screen and (max-width: 479px) {
    .o-postNote__body {
        width: auto
    }
}

.o-postNote__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 479px) {
    .o-postNote__list {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

.o-postNote__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 8px;
    margin-left: 8px;
    white-space: nowrap
}

@media only screen and (min-width: 769px) {
    .o-postNote__item:hover .o-postNote__itemLabel {
        color: #222;
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }
}

@media only screen and (max-width: 479px) {
    .o-postNote__item {
        width: 33.3333%;
        margin-right: 0;
        margin-bottom: 24px;
        margin-left: 0
    }
}

.o-postNote__item.is-disabled {
    pointer-events: none;
    cursor: default
}

.o-postNote__item.is-disabled .o-postNote__itemIcon--textnote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgNjAgNjAiIHdpZHRoPSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBvcGFjaXR5PSIuMyI+PHBhdGggZD0ibTYwIDMwYzAgMTYuNTY4LTEzLjQzMiAzMC0zMCAzMHMtMzAtMTMuNDMyLTMwLTMwIDEzLjQzMi0zMCAzMC0zMCAzMCAxMy40MzIgMzAgMzAiIGZpbGw9IiNkZWRlZGUiLz48cGF0aCBkPSJtMTcuODE4IDM1LjczMy0zLjgxOCAxMi4yNjcgMTIuMjY3LTMuODE4eiIgZmlsbD0iI2Y1ZjVmNSIvPjxwYXRoIGQ9Im00Ny4yNSAxNy41MDctNS42MDItNS42MDMtNC4xMzcgNC4xMzYtMTkuNjk0IDE5LjY5MyA1LjYwNCA1LjYwNCAyLjg0NiAyLjg0NSAxOS42OTMtMTkuNjkzIDQuMTM3LTQuMTM2eiIgZmlsbD0iI2U4ZThlOCIvPjxwYXRoIGQ9Im00Ny4yNSAxNy41MDctNS42MDItNS42MDMtNC4xMzcgNC4xMzYgOC40NDggOC40NDkgNC4xMzctNC4xMzZ6IiBmaWxsPSIjYzRjNGM0Ii8+PHBhdGggZD0ibTE0IDQ4IDUuNjA3LTEuNzQ1LTMuODYyLTMuODYzeiIgZmlsbD0iI2IwYWVhOSIvPjxwYXRoIGQ9Im0yMy40MiA0MS4zMzcgMi44NDcgMi44NDQgMTkuNjkzLTE5LjY5MS0yLjg0Ni0yLjg0NnoiIGZpbGw9IiNkYmRiZGIiLz48cGF0aCBkPSJtNDcuMjUgMTcuNTA3LTQuMTM2IDQuMTM2IDIuODQ2IDIuODQ2IDQuMTM2LTQuMTM2eiIgZmlsbD0iI2FiYWJhYiIvPjwvZz48L3N2Zz4=)
}

.o-postNote__item.is-disabled .o-postNote__itemIcon--soundnote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgNjAgNjAiIHdpZHRoPSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBvcGFjaXR5PSIuMyI+PHBhdGggZD0ibTYwIDMwYzAgMTYuNTY4LTEzLjQzMiAzMC0zMCAzMHMtMzAtMTMuNDMyLTMwLTMwIDEzLjQzMi0zMCAzMC0zMCAzMCAxMy40MzIgMzAgMzAiIGZpbGw9IiNkZWRlZGUiLz48cGF0aCBkPSJtMjAgNDMuMTRjMCAxLjAyNzI0OTYtLjgzMjc1MDQgMS44Ni0xLjg2IDEuODZoLTEuMjhjLTEuMDI3MjQ5NiAwLTEuODYtLjgzMjc1MDQtMS44Ni0xLjg2di0xNC4yOGMwLTEuMDI3MjQ5Ni44MzI3NTA0LTEuODYgMS44Ni0xLjg2aDEuMjhjMS4wMjcyNDk2IDAgMS44Ni44MzI3NTA0IDEuODYgMS44NnptMjQgMGMwIDEuMDI3MjQ5Ni0uODMyNzUwNCAxLjg2LTEuODYgMS44NmgtMS4yOGMtMS4wMjcyNDk2IDAtMS44Ni0uODMyNzUwNC0xLjg2LTEuODZ2LTE0LjI4YzAtMS4wMjcyNDk2LjgzMjc1MDQtMS44NiAxLjg2LTEuODZoMS4yOGMxLjAyNzI0OTYgMCAxLjg2LjgzMjc1MDQgMS44NiAxLjg2eiIgZmlsbD0iI2IwYjBiMCIvPjxwYXRoIGQ9Im0zMC4wOCAxNGM5LjIxNiAwIDEzLjkyIDMuODM2IDEzLjkyIDEyLjIwM3YxOS43OTdoMS4zOGMuNDYzIDAgNS42Mi0yLjM5NCA1LjYyLTUuNjk4di03LjcwN2MwLTMuMzAzLTIuNzg5LTUuODk2LTIuNzg5LTUuODk2cy0xLjE5NS0xNy4yMjUtMTguMTMtMTcuMjI1bC0uMDguMDU4di0uMDU4Yy0xNy4xODMgMC0xOC4xNzIgMTcuMjI1LTE4LjE3MiAxNy4yMjVzLTIuODI5IDIuNTkzLTIuODI5IDUuODk2djcuNzA3YzAgMy4zMDQgNS4xNTcgNS42OTggNS42MiA1LjY5OGguMzh2LTE5Ljc5N2MxLTguMzY3IDUuNDU0LTEyLjIwMyAxNS0xMi4yMDN6IiBmaWxsPSIjZjVmNWY1Ii8+PC9nPjwvc3ZnPg==)
}

.o-postNote__item.is-disabled .o-postNote__itemLabel {
    color: #a8abb1
}

.o-postNote__itemLink {
    display: block;
    cursor: pointer
}

.o-postNote__itemIcon {
    display: block;
    width: 60px;
    height: 60px;
    margin-right: auto;
    margin-bottom: 8px;
    margin-left: auto
}

@media only screen and (max-width: 479px) {
    .o-postNote__itemIcon {
        width: 72px;
        height: 72px;
        background-size: 72px
    }
}

.o-postNote__itemIcon--talknote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB3aWR0aD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtNjAgMzBjMCAxNi41NjktMTMuNDMxIDMwLTMwIDMwcy0zMC0xMy40MzEtMzAtMzAgMTMuNDMxLTMwIDMwLTMwIDMwIDEzLjQzMSAzMCAzMCIgZmlsbD0iIzJkY2RiNCIvPjxwYXRoIGQ9Im0zMC40NyAxMi41MDNjLTEwLjk4LS4xODEtMTkuOTg2IDcuNzEtMjAuMTIgMTcuNjI3LS4xMzMgOS45MTYgOC42NTggMTYuNjU3IDE5LjYzNiAxNi44MzggMS4wNTUuMDE3IDMuMTA0LS4xNjggMy4xMDQtLjE2OGw3LjQxIDUuN3YtNi41YzAtMS4xOTMtLjI4LTEuNjctLjU1Ni0uMjY2IDYuNzktNC4yODQgMTAuMDg1LTkuMzE0IDEwLjE2MS0xNC45NS4xMzQtOS45MTYtOC42NTctMTguMTAxLTE5LjYzNS0xOC4yOCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0yMy42NjYgMzAuNWEyLjUgMi41IDAgMSAxIC00Ljk5OSAwIDIuNSAyLjUgMCAwIDEgNSAwbTkuMTY3IDBhMi41IDIuNSAwIDEgMSAtNSAwIDIuNSAyLjUgMCAwIDEgNSAwbTkuMTY2IDBhMi41IDIuNSAwIDEgMSAtNSAwIDIuNSAyLjUgMCAwIDEgNSAwIiBmaWxsPSIjNDk0ODQ2Ii8+PC9nPjwvc3ZnPg==)
}

.o-postNote__itemIcon--imagenote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB3aWR0aD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxtYXNrIGlkPSJhIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtLjgwNyAxaDEuMjc5di0uMDNoLTEuMjc5eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9tYXNrPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTYwIDMwYzAgMTYuNTY4LTEzLjQzMiAzMC0zMCAzMHMtMzAtMTMuNDMyLTMwLTMwIDEzLjQzMi0zMCAzMC0zMCAzMCAxMy40MzIgMzAgMzAiIGZpbGw9IiNiZWU2ZjAiLz48cGF0aCBkPSJtMiAxIC4wODYtLjAwMmMtLjQyOS0uMDAxLS44NTMtLjAxNi0xLjI3OS0uMDI4LjM5Ny4wMTUuNzkzLjAzIDEuMTkzLjAzIiBmaWxsPSIjYmVlNmYwIiBtYXNrPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOCA1OSkiLz48cGF0aCBkPSJtMzguMDQ0IDM5LjM0NyAxMS45MiAxMy4wNGEzMC4xNTQgMzAuMTU0IDAgMCAwIDUuMjI2LTYuMTAzbC0xMS43NDMtMTIuNzQxeiIgZmlsbD0iIzZlOGMyZSIvPjxwYXRoIGQ9Im0zMCA2MGM3LjY2NyAwIDE0LjY2LTIuODgxIDE5Ljk2My03LjYxM2wtMTEuOTE5LTEzLjA0LTExLjc0My0xMi44NDctMjAuNjIxIDIxLjA1NmM1LjQ1IDcuNTM2IDE0LjMwOSAxMi40NDQgMjQuMzIgMTIuNDQ0IiBmaWxsPSIjOTBiMjNkIi8+PHBhdGggZD0ibTQ1LjE1NiAyMC44NDVhMy44NDUgMy44NDUgMCAwIDEgLTMuODQ2IDMuODQ2IDMuODQ1IDMuODQ1IDAgMCAxIC0zLjg0Ny0zLjg0NiAzLjg0NSAzLjg0NSAwIDAgMSAzLjg0Ny0zLjg0NiAzLjg0NSAzLjg0NSAwIDAgMSAzLjg0NiAzLjg0NiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=)
}

.o-postNote__itemIcon--textnote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB3aWR0aD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtNjAgMzBjMCAxNi41NjgtMTMuNDMyIDMwLTMwIDMwcy0zMC0xMy40MzItMzAtMzAgMTMuNDMyLTMwIDMwLTMwIDMwIDEzLjQzMiAzMCAzMCIgZmlsbD0iI2ZmZDAwMyIvPjxwYXRoIGQ9Im0xNy44MTggMzUuNzMzLTMuODE4IDEyLjI2NyAxMi4yNjctMy44MTh6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTQ3LjI1IDE3LjUwNy01LjYwMi01LjYwMy00LjEzNyA0LjEzNi0xOS42OTQgMTkuNjkzIDUuNjA0IDUuNjA0IDIuODQ2IDIuODQ1IDE5LjY5My0xOS42OTMgNC4xMzctNC4xMzZ6IiBmaWxsPSIjZmZkMDAzIi8+PHBhdGggZD0ibTQ3LjI1IDE3LjUwNy01LjYwMi01LjYwMy00LjEzNyA0LjEzNiA4LjQ0OCA4LjQ0OSA0LjEzNy00LjEzNnoiIGZpbGw9IiNkZDcwNDciLz48cGF0aCBkPSJtMTQgNDggNS42MDctMS43NDUtMy44NjItMy44NjN6IiBmaWxsPSIjNDk0ODQ2Ii8+PHBhdGggZD0ibTIzLjQyIDQxLjMzNyAyLjg0NyAyLjg0NCAxOS42OTMtMTkuNjkxLTIuODQ2LTIuODQ2eiIgZmlsbD0iI2U0YmEyYSIvPjxwYXRoIGQ9Im00Ny4yNSAxNy41MDctNC4xMzYgNC4xMzYgMi44NDYgMi44NDYgNC4xMzYtNC4xMzZ6IiBmaWxsPSIjYzU2NTQ1Ii8+PC9nPjwvc3ZnPg==)
}

.o-postNote__itemIcon--soundnote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB3aWR0aD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtNjAgMzBjMCAxNi41NjgtMTMuNDMyIDMwLTMwIDMwcy0zMC0xMy40MzItMzAtMzAgMTMuNDMyLTMwIDMwLTMwIDMwIDEzLjQzMiAzMCAzMCIgZmlsbD0iI2RkNzA0NyIvPjxwYXRoIGQ9Im0yMCA0My4xNGExLjg2IDEuODYgMCAwIDEgLTEuODYgMS44NmgtMS4yOGExLjg2IDEuODYgMCAwIDEgLTEuODYtMS44NnYtMTQuMjhhMS44NiAxLjg2IDAgMCAxIDEuODYtMS44NmgxLjI4YTEuODYgMS44NiAwIDAgMSAxLjg2IDEuODZ6bTI0IDBhMS44NiAxLjg2IDAgMCAxIC0xLjg2IDEuODZoLTEuMjhhMS44NiAxLjg2IDAgMCAxIC0xLjg2LTEuODZ2LTE0LjI4YTEuODYgMS44NiAwIDAgMSAxLjg2LTEuODZoMS4yOGExLjg2IDEuODYgMCAwIDEgMS44NiAxLjg2eiIgZmlsbD0iIzQ5NDg0NiIvPjxwYXRoIGQ9Im0zMC4wOCAxNGM5LjIxNiAwIDEzLjkyIDMuODM2IDEzLjkyIDEyLjIwM3YxOS43OTdoMS4zOGMuNDYzIDAgNS42Mi0yLjM5NCA1LjYyLTUuNjk4di03LjcwN2MwLTMuMzAzLTIuNzg5LTUuODk2LTIuNzg5LTUuODk2cy0xLjE5NS0xNy4yMjUtMTguMTMtMTcuMjI1bC0uMDguMDU4di0uMDU4Yy0xNy4xODMgMC0xOC4xNzIgMTcuMjI1LTE4LjE3MiAxNy4yMjVzLTIuODI5IDIuNTkzLTIuODI5IDUuODk2djcuNzA3YzAgMy4zMDQgNS4xNTcgNS42OTggNS42MiA1LjY5OGguMzh2LTE5Ljc5N2MxLTguMzY3IDUuNDU0LTEyLjIwMyAxNS0xMi4yMDN6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.o-postNote__itemIcon--movienote {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB3aWR0aD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtNjAgMzBjMCAxNi41NjgtMTMuNDMyIDMwLTMwIDMwcy0zMC0xMy40MzItMzAtMzAgMTMuNDMyLTMwIDMwLTMwIDMwIDEzLjQzMiAzMCAzMCIgZmlsbD0iIzQ5NDg0NiIvPjxwYXRoIGQ9Im00OSAxMS41aC0zNy43OTVjLS44ODYgMC0xLjcwNS42MTUtMS43MDUgMS41djMyLjg5N2MwIC44ODYuNzE3IDEuNjAzIDEuNjAzIDEuNjAzaDM3Ljc5NWMuODg0IDAgMS42MDItLjcxNyAxLjYwMi0xLjYwM3YtMzIuODk3YzAtLjg4NS0uNjE2LTEuNS0xLjUtMS41IiBmaWxsPSIjZTFlNWU3IiBvcGFjaXR5PSIuMyIvPjxwYXRoIGQ9Im0xMS41IDQ1LjVoNXYtNGgtNXptMC03aDV2LTRoLTV6bTAtN2g1di00aC01em0wLTdoNXYtNGgtNXptMC03aDV2LTRoLTV6bTMyIDI4aDV2LTRoLTV6bTAtN2g1di00aC01em0wLTdoNXYtNGgtNXptMC03aDV2LTRoLTV6bTAtN2g1di00aC01eiIgZmlsbD0iIzQ5NDg0NiIvPjxwYXRoIGQ9Im0yNiAyNHYxMC45bDkuMDgzLTUuNjY4eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=)
}

.o-postNote__itemLabel {
    display: block
}

.o-postNote__attention .o-postNote__itemLabel {
    color: #787c7b;
    text-align: center;
    font-size: 14px
}

.o-postNote__attention {
    padding-top: 16px;
    line-height: 1.5
}

.m-iconButton .m-iconButton__labelWithIcon {
    margin-right: 4px
}

.o-navbarMenu__notification {
    padding: 2px 4px;
    margin-left: 4px;
    line-height: 1;
    color: #fff;
    background-color: #787c7b;
    border-radius: 4px;
    font-size: 12px
}

.o-navbarMenu__menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-right: 24px;
    margin-left: 8px
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-navbarMenu__menu {
        display: -webkit-box;
        display: flex;
        width: auto;
        padding-left: 8px;
        margin: 0 auto;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .o-navbarMenu__menu::-webkit-scrollbar {
        display: none
    }

    .o-navbarMenu__menu .a-link {
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}

@media only screen and (max-width: 768px) {
    .o-navbarMenu__menu {
        display: -webkit-box;
        display: flex;
        width: auto;
        padding-left: 8px;
        margin: 0 auto;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .o-navbarMenu__menu::-webkit-scrollbar {
        display: none
    }
}

.a-navItem {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width: 768px) {
    .a-navItem {
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}

.a-navItem__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 700;
    line-height: 1;
    color: #787c7b;
    white-space: nowrap;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .a-navItem__item:hover {
        color: #222;
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }
}

.a-navItem__item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    pointer-events: none;
    content: "";
    background-color: transparent
}

@media only screen and (max-width: 768px) {
    .a-navItem__item {
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}

@media only screen and (min-width: 769px) {
    .a-navItem__item:hover:before {
        background-color: #222;
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }
}

.a-navItem__item.is-active {
    color: #222
}

.a-navItem__item.is-active:before {
    background-color: #222
}

.a-navItem__item--size_small {
    height: 40px;
    padding: 0 13px;
    font-size: 13px
}

@media only screen and (max-width: 768px) {
    .a-navItem__item--size_small {
        padding: 0 8px
    }
}

.a-navItem__item--size_medium {
    height: 48px;
    padding: 0 16px;
    font-size: 14px
}

@media only screen and (max-width: 768px) {
    .a-navItem__item--size_medium {
        font-size: 13px;
        height: 40px;
        padding: 0 8px
    }
}

.a-navItem__item--size_large {
    height: 64px;
    padding: 0 16px;
    font-size: 14px
}

@media only screen and (max-width: 768px) {
    .a-navItem__item--size_large {
        padding: 0 8px
    }
}

.activationMessage {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    line-height: 1;
    color: #41c9b4;
    text-align: center;
    background-color: #f0fbf9;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 1px rgba(34, 34, 34, .08)
}

.activationMessage a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 479px) {
    .activationMessage {
        padding: 5px;
        font-size: 12px;
        line-height: 1.4
    }
}

.activationMessage .beforeResend .resend {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.activationMessage .beforeResend .resend:hover {
    text-decoration: none
}

.o-container {
    width: 940px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container {
        width: 610px
    }
}

@media only screen and (max-width: 479px) {
    .o-container {
        width: 100%
    }
}

.o-container__body {
    margin-top: 16px;
    margin-bottom: 16px
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container__body {
        margin-right: 16px;
        margin-bottom: 48px;
        margin-left: 16px
    }
}

@media only screen and (max-width: 479px) {
    .o-container__body {
        margin-right: 16px;
        margin-bottom: 48px;
        margin-left: 16px
    }
}

.o-container--column_1column {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 610px;
    margin: auto
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container--column_1column {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media only screen and (max-width: 479px) {
    .o-container--column_1column {
        width: auto;
        padding-top: 0;
        padding-bottom: 0
    }
}

.o-container--column_1column .o-container__header {
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (max-width: 479px) {
    .o-container--column_1column .o-container__header {
        margin-bottom: 0;
        margin-top: 12px;
    }
}

.o-container--column_1column .o-container__body {
    width: 610px;
    margin-top: 0;
    margin-bottom: 0
}


@media only screen and (max-width: 768px) {
    .o-container--column_1column .o-container__body {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.o-container--column_2column {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: auto;
    max-width: 940px;
    margin: auto
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container--column_2column {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media only screen and (max-width: 479px) {
    .o-container--column_2column {
        padding-top: 0;
        padding-bottom: 0
    }
}

.o-container--column_2column .o-container__header {
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (max-width: 479px) {
    .o-container--column_2column .o-container__header {
        margin-bottom: 0
    }
}

.o-container--column_2column .o-container__body {
    width: calc(100% - 314px);
    max-width: 610px;
    margin-top: 0;
    margin-right: 24px;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .o-container--column_2column .o-container__body {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.o-container--column_2column .o-container__sub {
    width: 290px
}

@media only screen and (max-width: 768px) {
    .o-container--column_2column .o-container__sub {
        display: none;
        width: auto
    }
}

.o-container--column_2column .o-container__subItem {
    margin-bottom: 40px
}

.o-container--column_2column .o-container__subItem:last-child {
    margin-bottom: 0
}

.o-container--column_2column .o-container__loading {
    margin-top: 20px
}

.o-container--recommend {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1920px
}

.o-container--recommend .o-container__body {
    width: calc(100% - 320px);
    margin-top: 0
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-container--recommend .o-container__body {
        flex-wrap: wrap;
        width: calc(100% - 280px);
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container--recommend .o-container__body {
        flex-wrap: wrap;
        width: calc(100% - 280px);
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-container--recommend .o-container__categoryMenu {
        width: 100%;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 768px) {
    .o-container--recommend .o-container__categoryMenu {
        width: 100%;
        margin-bottom: 24px
    }
}

.o-container--recommend .o-container__sub {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 264px;
    margin-left: 56px
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-container--recommend .o-container__sub {
        width: 240px;
        margin-left: 40px
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container--recommend .o-container__sub {
        width: 240px;
        margin-left: 40px
    }
}

.o-container--recommend .o-container__subItem {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-container--recommend .o-container__subItem {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-container--recommend .o-container__subItem {
        margin-bottom: 24px
    }
}

.o-container--recommend .o-container__subItem:last-child {
    margin-bottom: 0
}

.o-container--recommend .o-container__header {
    margin-bottom: 24px
}

@media only screen and (max-width: 479px) {
    .o-container--recommend .o-container__header {
        margin-bottom: 16px
    }
}

.o-container__categoryMenu {
    width: 160px;
    margin-top: 16px;
    margin-right: 40px
}

@media only screen and (max-width: 768px) {
    .o-container__categoryMenu {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        background-color: #fff
    }
}

@media only screen and (max-width: 479px) {
    .o-container__categoryMenu {
        padding-top: 16px
    }
}

.o-timeline--recommend {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-right: -12px;
    margin-left: -12px
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-timeline--recommend {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-timeline--recommend {
        margin-right: -8px;
        margin-left: -8px
    }
}

.o-timeline--recommend:after, .o-timeline--recommend:before {
    display: block;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    min-width: 33.33333%;
    height: 0;
    content: ""
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-timeline--recommend:after, .o-timeline--recommend:before {
        display: none
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-timeline--recommend:after, .o-timeline--recommend:before {
        display: none
    }
}

.o-timeline--recommend:before {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.o-timeline--recommend .o-timeline__itemWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    min-width: 320px;
    margin-bottom: 48px
}

@media only screen and (min-width: 940px) and (max-width: 1280px) {
    .o-timeline--recommend .o-timeline__itemWrapper {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
        min-width: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-timeline--recommend .o-timeline__itemWrapper {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
        min-width: 0
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-timeline--recommend .o-timeline__itemWrapper {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
        min-width: 0
    }
}

@media only screen and (max-width: 479px) {
    .o-timeline--recommend .o-timeline__itemWrapper {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
        min-width: 0
    }
}

.o-timeline--recommend .o-timeline__itemWrapper:empty {
    margin-bottom: 0
}

.o-timeline--recommend .o-timeline__item {
    width: calc(100% - 24px);
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-timeline--recommend .o-timeline__item {
        width: calc(100% - 16px)
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-timeline--recommend .o-timeline__item {
        width: calc(100% - 16px)
    }
}

@media only screen and (max-width: 479px) {
    .o-timeline--recommend .o-timeline__item {
        border-bottom: none
    }
}

.o-timeline--recommend .o-timeline__insertItemRow {
    width: calc(100% - 24px);
    padding: 40px 0;
    margin-bottom: 48px;
    margin-left: 12px;
    border: solid #e6e6e6;
    border-width: 1px 0
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-timeline--recommend .o-timeline__insertItemRow {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width: 768px) {
    .o-timeline--recommend .o-timeline__insertItemRow {
        width: 100%;
        margin-left: 0
    }
}

.o-timeline__item {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e6e6e6
}

@media only screen and (max-width: 479px) {
    .o-timeline__item {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #f2f2f2;
    }
}

.o-timeline__insert {
    border-bottom: 1px solid #e6e6e6
}

@media only screen and (min-width: 769px) {
    .o-timeline__insert {
        padding-top: 8px;
        margin-top: -40px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-timeline__insert {
        padding-top: 8px;
        margin-top: -40px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-timeline__insert {
        padding-top: 8px;
        margin-top: -40px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 479px) {
    .o-timeline__insert {
        overflow: hidden;
        border-bottom: 1px solid #f2f2f2
    }
}

.o-timeline__insert--bg_grey {
    background-color: #f7f9f9
}

.o-timeline__insert--topic {
    padding: 16px 0
}

.o-timeline__insertTitle {
    font-size: 14px;
    padding: 8px 16px 0;
    font-weight: 700;
    color: #222
}

.o-timeline__insertBody {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding-top: 8px;
    padding-right: 16px;
    padding-left: 16px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.o-timeline__insertBody::-webkit-scrollbar {
    display: none
}

.o-timeline__insertBody:after {
    display: block;
    padding-left: 1px;
    content: ""
}

.o-timeline__insertItem {
    display: -webkit-box;
    display: flex;
    width: calc(50% - 8px);
    min-width: 70vw;
    margin-right: 8px;
    margin-bottom: 16px
}

@media only screen and (max-width: 479px) {
    .o-timeline__insertItem {
        min-width: 320px
    }
}

.o-timeline__insertMore {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.o-timeline__loading {
    padding-top: 24px;
    padding-bottom: 24px
}

.o-timeline__sidebarNotice {
    margin-bottom: 24px
}

@media only screen and (max-width: 479px) {
    .o-timeline__sidebarNotice {
        margin-bottom: 0
    }
}

.o-timeline__webPushNotice {
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .o-timeline__webPushNotice {
        margin-top: 16px;
        margin-right: 16px;
        margin-left: 16px
    }
}

.o-timeline__webPushNotice:empty {
    margin-bottom: 0
}

.o-timeline__webPushNoticeAction1 {
    margin-right: 32px
}

.o-timeline__categoryListContainer {
    padding: 16px;
    border-bottom: 1px solid #f2f2f2
}

@media only screen and (max-width: 479px) {
    .o-timeline__covid {
        position: relative;
        display: block;
        padding: 16px;
        border-bottom: 1px solid #f2f2f2
    }
}

.p-boosterList {
    padding-bottom: 40px
}

.p-boosterList--vertical .p-boosterList__item {
    margin-bottom: 16px
}

.o-wrapper--with_sideMenu {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 24px 0 8px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-wrapper--with_sideMenu {
        display: block;
        padding: 0;
        margin: 0
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-wrapper--with_sideMenu {
        display: block;
        padding: 0;
        margin: 0
    }
}

@media only screen and (max-width: 479px) {
    .o-wrapper--with_sideMenu {
        display: block;
        padding: 0;
        margin: 0
    }
}

@media only screen and (min-width: 769px) {
    .o-wrapper--with_sideMenu .o-wrapper__sideMenu {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 192px;
        height: 100%;
        max-height: 100vh;
        padding-top: 24px;
        padding-right: 16px;
        padding-bottom: 24px;
        margin-right: 24px;
        overflow-y: auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-wrapper--with_sideMenu .o-wrapper__sideMenu {
        position: static;
        top: auto;
        width: 100%;
        height: 50px;
        padding: 16px 0 0;
        margin-right: 0;
        overflow: visible;
        background-color: #fff
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-wrapper--with_sideMenu .o-wrapper__sideMenu {
        width: 100%;
        height: 50px;
        padding-top: 16px;
        background-color: #fff
    }
}

@media only screen and (max-width: 479px) {
    .o-wrapper--with_sideMenu .o-wrapper__sideMenu {
        width: 100%;
        height: 50px;
        padding-top: 16px;
        background-color: #fff
    }
}

.o-wrapper--with_sideMenu .o-wrapper__content {
    width: calc(100% - 216px);
    padding: 24px 0
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .o-wrapper--with_sideMenu .o-wrapper__content {
        width: auto;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .o-wrapper--with_sideMenu .o-wrapper__content {
        width: auto;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (max-width: 479px) {
    .o-wrapper--with_sideMenu .o-wrapper__content {
        width: auto;
        padding: 16px 0 0
    }
}

.o-wrapper__content {
    padding: 24px
}

@media only screen and (max-width: 479px) {
    .o-wrapper__content {
        padding: 16px 0 0
    }
}

.sidebarPickupNotes {
    position: relative;
    width: 100%;
    padding-bottom: 40px
}

.sidebarPickupNotes__title {
    font-size: 16px;
    font-weight: 700
}

.sidebarPickupNotes__noteListItem {
    padding: 16px 0;
    border-bottom: 1px solid #f2f2f2
}

.m-categoryMenu {
    width: 100%;
    margin-right: 40px
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu {
        display: -webkit-box;
        display: flex;
        padding-right: 16px;
        padding-left: 16px;
        margin-right: 0;
        overflow-x: scroll
    }

    .m-categoryMenu::-webkit-scrollbar {
        display: none
    }

    .m-categoryMenu.is-open {
        height: 100vh
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu {
        display: -webkit-box;
        display: flex;
        padding-right: 16px;
        padding-left: 16px;
        margin-right: 0;
        overflow-x: scroll
    }

    .m-categoryMenu::-webkit-scrollbar {
        display: none
    }

    .m-categoryMenu.is-open {
        height: 100vh
    }
}

@media only screen and (max-width: 479px) {
    .m-categoryMenu {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media only screen and (min-width: 769px) {
    .m-categoryMenu__container {
        margin-top: -8px;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__container {
        display: -webkit-box;
        display: flex;
        height: 34px;
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__container {
        display: -webkit-box;
        display: flex;
        height: 34px
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__section {
        position: relative;
        margin-right: 8px;
        pointer-events: auto
    }

    .m-categoryMenu__section:last-child {
        padding-right: 16px
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__section {
        position: relative;
        margin-right: 8px;
        pointer-events: auto
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__section:last-child .m-categoryMenu__subCategories {
        right: 16px
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .m-categoryMenu__section:last-child .m-categoryMenu__subCategories {
        right: 16px
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__section:last-child .m-categoryMenu__subCategories:before {
        right: 30px;
        left: auto
    }
}

@media only screen and (max-width: 479px) {
    .m-categoryMenu__section:last-child {
        padding-right: 16px
    }
}

.m-categoryMenu__title {
    display: -webkit-box;
    display: flex;
    width: 100%;
    font-weight: 700;
    color: #787c7b;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 769px) {
    .m-categoryMenu__title {
        padding: 8px
    }

    .m-categoryMenu__title:focus, .m-categoryMenu__title:hover {
        color: #222;
        outline: none
    }

    .m-categoryMenu__title:focus .m-categoryMenu__titleIcon .m-categoryMenu__title:hover .m-categoryMenu__titleIcon {
        color: #222
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__title {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        align-items: center;
        padding: 4px 8px 4px 16px;
        line-height: 1;
        white-space: nowrap;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 18px;
        font-size: 14px
    }

    .m-categoryMenu__title:focus {
        outline: 0
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__title {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        align-items: center;
        padding: 4px 8px 4px 16px;
        line-height: 1;
        white-space: nowrap;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 18px;
        font-size: 13px
    }

    .m-categoryMenu__title:focus {
        outline: 0
    }
}

.m-categoryMenu__titleIcon {
    color: #ccc
}

@media only screen and (min-width: 769px) {
    .m-categoryMenu__titleIcon {
        margin-right: 4px
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__titleIcon {
        margin-right: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__titleIcon {
        margin-right: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.m-categoryMenu__titleIcon.is-rotated {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.m-categoryMenu__subCategories {
    z-index: 5;
    display: none;
    padding-bottom: 16px;
    margin-left: 20px;
    text-align: left
}

.m-categoryMenu__subCategories.is-block {
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__subCategories {
        position: absolute;
        top: 48px;
        min-width: 200px;
        padding: 8px 0;
        margin-left: 0;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(34, 34, 34, .25), 0 0 1px rgba(34, 34, 34, .35)
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__subCategories {
        position: absolute;
        top: 48px;
        min-width: 200px;
        padding: 8px 0;
        margin-left: 0;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(34, 34, 34, .25), 0 0 1px rgba(34, 34, 34, .35)
    }
}

.m-categoryMenu__subCategories:before {
    position: absolute;
    top: -7px;
    left: 32px;
    display: none;
    width: 12px;
    height: 12px;
    content: "";
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__subCategories:before {
        display: block
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__subCategories:before {
        display: block
    }
}

.m-categoryMenu__subTitle {
    display: block;
    padding: 4px 16px;
    color: #787c7b;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px
}

.m-categoryMenu__subTitle.is-active {
    font-weight: 700;
    color: #2cb696
}

@media only screen and (min-width: 769px) {
    .m-categoryMenu__subTitle:hover {
        color: #222;
        background-color: #f7f9f9
    }
}

@media only screen and (min-width: 768px) and (max-width: 940px) {
    .m-categoryMenu__subTitle {
        padding: 8px 16px;
        white-space: nowrap
    }

    .m-categoryMenu__subTitle:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .m-categoryMenu__subTitle {
        padding: 8px 16px;
        white-space: nowrap
    }

    .m-categoryMenu__subTitle:first-child {
        margin-top: 0
    }
}

.p-searchHeader__inner {
    position: relative
}

.p-searchHeader__breadcrumbs {
    margin-bottom: 8px
}

@media only screen and (max-width: 479px) {
    .p-searchHeader__breadcrumbs {
        padding-right: 16px;
        padding-left: 16px
    }
}

.p-searchHeader__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .04em;
    word-break: break-all;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1
}

@media only screen and (max-width: 479px) {
    .p-searchHeader__title {
        padding-right: 16px;
        padding-left: 16px
    }
}

.p-searchHeader__rss {
    position: absolute;
    right: 0;
    bottom: 4px;
    line-height: 1;
    color: #a8abb1
}

@media only screen and (max-width: 479px) {
    .p-searchHeader__rss {
        right: 16px;
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }

    .p-searchHeader__rss:hover {
        color: #787c7b
    }
}

@media only screen and (max-width: 479px) {
    .p-searchHeader__nav {
        padding: 0 16px;
        margin-top: 16px
    }
}

@media only screen and (max-width: 479px) {
    .p-searchHeader__menu {
        margin-top: 16px;
        margin-right: 16px;
        margin-left: 16px
    }
}

.o-gridNote {
    width: 100%;
    height: 100%
}

.o-gridNote__card {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    background-color: transparent
}

.o-gridNote__card[data-has-border=true] {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .o-gridNote__card[data-has-border=true] {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-gridNote__card[data-has-border=true]:hover {
        border: 1px solid #ccc
    }

    .o-gridNote__card[data-has-border=true]:hover:before {
        display: none
    }
}

.o-gridNote__card[data-has-border=true] .o-gridNote__eyecatchInner .o-gridNote__card[data-has-border=true] .o-gridNote__eyecatchInner--sound {
    border-radius: 3px 3px 0 0
}

.o-gridNote__card[data-has-border=true] .o-gridNote__body {
    padding: 16px 16px 8px
}

.o-gridNote__card[data-has-border=true] .o-gridNote__footer {
    padding: 0 16px 16px;
    margin-top: auto
}

.o-gridNote__card[data-has-border=true] .o-gridNote__magazineAdd {
    margin: 0 16px 16px
}

@media only screen and (min-width: 769px) {
    .o-gridNote__card:hover .o-gridNote__eyecatchImage .o-gridNote__card:hover .o-gridNote__eyecatchInner {
        opacity: .5;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
}

.o-gridNote__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block
}

.o-gridNote__eyecatchInner--sound {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px
}

.o-gridNote__eyecatchInner--sound:before {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ""
}

.o-gridNote__eyecatchInner--sound .o-gridNote__eyecatchImage {
    -o-object-fit: cover;
    object-fit: cover
}

.o-gridNote__eyecatchInner--sound .o-gridNote__eyecatchImage .o-gridNote__eyecatchInner--sound .o-gridNote__eyecatchSound {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-gridNote__eyecatchInner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px
}

.o-gridNote__eyecatchInner:before {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 52.34375%;
    content: ""
}

.o-gridNote__eyecatchInner--image:before {
    padding-bottom: 95%
}

.o-gridNote__eyecatchInner--movie {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.o-gridNote__eyecatchInner img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.o-gridNote__eyecatchInner img.o-gridNote__userIcon {
    width: 80px;
    height: 80px;
    margin: auto;
    border: 4px solid #fff;
    border-radius: 50%
}

.o-gridNote__eyecatchMovie {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.o-gridNote__imageCount {
    font-size: 12px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 1;
    padding: 2px 4px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: rgba(34, 34, 34, .7);
    border-radius: 4px
}

@media only screen and (max-width: 479px) {
    .o-gridNote__imageCount {
        font-size: 10px;
        right: 0;
        bottom: 0;
        border-radius: 4px 0 0 0
    }
}

.o-gridNote__pinned {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1
}

.o-gridNote__body {
    position: relative;
    padding: 16px 0 0
}

.o-gridNote__body:last-child {
    padding-bottom: 16px
}

.o-gridNote__notification {
    position: relative;
    z-index: 3;
    margin-bottom: 8px
}

.o-gridNote__notification .o-timelineNotificationMessages__recommnededTitle {
    margin-bottom: 0
}

.o-gridNote__status {
    margin-top: 8px
}

.o-gridNote__footer {
    position: relative;
    z-index: 3;
    padding: 0;
    pointer-events: none
}

.o-gridNote__magazineAdd {
    position: relative;
    z-index: 3;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #f2f2f2
}

.o-gridNote__magazineAdd:empty {
    display: none
}

.o-gridNote__magazineAdd--position_top {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.o-timelinePinnedNote {
    font-size: 12px;
    color: #787c7b
}

.o-timelinePinnedNote__messageType__icon {
    margin-right: 4px
}

@media only screen and (max-width: 479px) {
    .o-timelinePinnedNote__messageType__icon {
        margin-right: 0
    }
}

.o-timelinePinnedNote__iconType {
    width: 28px;
    height: 28px;
    color: #787c7b;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 50%
}

.o-timelinePinnedNote__iconType__icon {
    position: absolute;
    top: 6px;
    left: 6px
}

.o-textNote__title {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: .04em;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    font-size: 20px;
    -webkit-line-clamp: 2
}

.o-textNote__description, .o-textNote__title {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    word-break: break-all;
    -webkit-box-orient: vertical
}

.o-textNote__description {
    color: #787c7b;
    text-align: justify;
    font-size: 12px
}

.o-textNote__message {
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 1.5;
    color: #787c7b
}

.o-noteStatus {
    display: -webkit-box;
    display: flex;
    font-size: 14px
}

.o-noteStatus__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 8px
}

.o-noteStatus__item--like {
    color: #ea3f60
}

.o-noteStatus__item--comment {
    color: #787c7b
}

.o-noteStatus__item--price {
    color: #2cb696;
    color: var(--customPrimaryColor)
}

.o-noteStatus__item--creatorName {
    display: block;
    overflow: hidden;
    color: #787c7b;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.o-noteStatus__item--limitedSale {
    margin-left: 8px
}

.o-noteStatus__icon {
    height: 16px
}

.o-noteStatus__icon--price {
    color: #2cb696;
    color: var(--customPrimaryColor)
}

.o-noteStatus__label {
    margin-left: 4px;
    line-height: 1
}

.o-timelineFooter {
    position: relative;
    z-index: 4;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px 0 0;
    pointer-events: none
}

.o-timelineFooter, .o-timelineFooter__avatar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.o-timelineFooter__avatar {
    min-width: 0
}

.o-timelineFooter__icon {
    margin-right: 8px;
    pointer-events: auto
}

.o-timelineFooter__name {
    font-size: 14px;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #787c7b;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: auto
}

@media only screen and (max-width: 479px) {
    .o-timelineFooter__name {
        font-size: 12px
    }
}

.o-timelineFooter__action {
    pointer-events: auto
}

.o-timelineNoteAction {
    pointer-events: auto
}

.o-timelineNoteAction__wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
    margin-left: 8px;
    border: none
}

.o-timelineNoteAction__item {
    position: relative;
    display: block;
    margin-right: 16px;
    line-height: 1;
    color: #a8abb1;
    white-space: nowrap
}

.o-timelineNoteAction__item:last-child {
    margin-right: 0
}

.c-card__action {
    pointer-events: auto
}

.p-action {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding: 0;
    margin-right: 0;
    border: none
}

.p-action__item {
    position: relative;
    display: block;
    line-height: 1;
    color: #a8abb1;
    white-space: nowrap
}

.p-action, .p-action__like {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.o-noteActionPopover__report {
    font-size: 16px;
    color: #787c7b
}

.o-noteActionPopover__note {
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.5
}

.o-like {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.o-like.is-active, .o-like__count, .o-like.is-active, .o-like__icon {
    color: #ea3f60
}

.o-like__icon {
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .o-like__icon {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-like__icon:hover {
        color: #787c7b
    }
}

.o-like__icon.is-animate {
    -webkit-animation: effectSuki.28s;
    animation: effectSuki.28s
}

@-webkit-keyframes effectSuki{
    20% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    48% {
        opacity: 1;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
    56% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.o-like__icon[data-disable-focus=true]:active, .o-like__icon[data-disable-focus=true]:focus {
    outline: none
}

.o-like__count {
    margin-left: 8px;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .o-like__count {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-like__count:hover {
        color: #787c7b
    }
}

.o-like__pc {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.o-like__pc.is-active, .o-like__pcCount, .o-like__pc.is-active, .o-like__pcIcon {
    color: #ea3f60
}

.o-like__pcIcon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .o-like__pcIcon {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-like__pcIcon:hover {
        color: #787c7b
    }
}

.o-like__pcIcon.is-animate {
    -webkit-animation: effectSuki.28s;
    animation: effectSuki.28s
}

@keyframes effectSuki{
    20% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    48% {
        opacity: 1;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
    56% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.o-like__pcIcon[data-disable-focus=true]:active, .o-like__pcIcon[data-disable-focus=true]:focus {
    outline: none
}

.o-like__pcCount {
    margin-left: 8px;
    line-height: 1;
    color: #a8abb1;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .o-like__pcCount {
        -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
        transition: color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-like__pcCount:hover {
        color: #787c7b
    }
}

.o-like--color_red, .o-like__icon {
    color: #ea3f60
}

.m-likeThanks {
    position: absolute;
    bottom: 0;
    left: -6px;
    z-index: 100;
    display: -webkit-box;
    display: flex;
    min-width: 300px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform-origin: 25px bottom;
    transform-origin: 25px bottom
}

@media only screen and (max-width: 479px) {
    .m-likeThanks {
        min-width: 270px
    }

    .m-likeThanks, .m-likeThanks__message {
        max-width: 190px
    }
}

@media only screen and (max-width: 479px) {
    .m-likeThanks[data-type=spBooster] {
        right: -7px;
        bottom: 16px;
        left: auto;
        -webkit-transform-origin: 98% bottom;
        transform-origin: 98% bottom
    }

    .m-likeThanks[data-type=spBooster] .m-likeThanks__balloon {
        margin-left: auto
    }
}

.m-likeThanks[data-type=pcBooster] {
    bottom: -4px;
    left: -9px
}

.m-likeThanks[data-type=comment], .m-likeThanks[data-type=timeline] {
    right: -9px;
    bottom: -4px;
    left: auto;
    -webkit-transform-origin: 98% bottom;
    transform-origin: 98% bottom
}

.m-likeThanks[data-type=comment], .m-likeThanks__body, .m-likeThanks[data-type=timeline], .m-likeThanks__body {
    padding: 12px
}

.m-likeThanks[data-type=comment], .m-likeThanks__balloon, .m-likeThanks[data-type=timeline], .m-likeThanks__balloon {
    margin-left: auto
}

@media only screen and (max-width: 479px) {
    .m-likeThanks[data-type=circleBoardComment], .m-likeThanks[data-type=circleBoardPost] {
        min-width: 240px
    }
}

@media only screen and (max-width: 359px) {
    .m-likeThanks[data-type=circleBoardComment], .m-likeThanks[data-type=circleBoardPost] {
        min-width: 200px
    }
}

.m-likeThanks__balloon {
    position: relative;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.m-likeThanks__balloon:before {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    background-color: #fff;
    box-shadow: 1px 1px 0 0 #e6e6e6
}

.m-likeThanks__balloon[data-tail-position=bottomLeft]:before {
    bottom: -12px;
    left: 14px;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px)
}

.m-likeThanks__balloon[data-tail-position=bottomRight]:before {
    right: 14px;
    bottom: -12px;
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px)
}

.m-likeThanks__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px
}

.m-likeThanks__avatar {
    width: 32px;
    margin-right: 16px;
    line-height: 1
}

@media only screen and (max-width: 479px) {
    .m-likeThanks__avatar {
        margin-right: 8px
    }
}

.m-likeThanks__message {
    max-width: 220px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #222;
    white-space: normal
}

@media only screen and (max-width: 479px) {
    .m-likeThanks__message {
        font-size: 12px
    }
}

.m-likeThanks__flag {
    color: #ea3f60
}

.m-likeThanks__status {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 12px
}

.m-likeThanks__status:last-child {
    margin-bottom: 0
}

.m-likeThanks__status--type_firstLike {
    color: #ea3f60
}

.m-likeThanks__statusText {
    margin-left: 4px
}

.m-likeThanks__image {
    max-width: 220px;
    margin-bottom: 8px
}

.m-likeThanks__imageMain {
    width: 100%;
    max-height: 160px;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain
}

.m-likeThanks[data-is-shown=true] {
    -webkit-animation: replyToLike.16s;
    animation: replyToLike.16s
}

@-webkit-keyframes replyToLike{
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    4.5% {
        opacity: 0;
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    6.75% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }
    6.75% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    11.25% {
        -webkit-transform: translateY(-34px);
        transform: translateY(-34px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    13.5% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    81.25% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    87.5% {
        -webkit-transform: translateY(-42px);
        transform: translateY(-42px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93.75% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(.95);
        transform: translateY(-20px) scale(.95);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes replyToLike{
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    4.5% {
        opacity: 0;
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    6.75% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }
    6.75% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    11.25% {
        -webkit-transform: translateY(-34px);
        transform: translateY(-34px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    13.5% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    81.25% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    87.5% {
        -webkit-transform: translateY(-42px);
        transform: translateY(-42px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93.75% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(.95);
        transform: translateY(-20px) scale(.95);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.m-likeThanks[data-is-shown=true][data-has-reaction-image=true] {
    -webkit-animation: replyToLikeWithImage.16s;
    animation: replyToLikeWithImage.16s
}

@-webkit-keyframes replyToLikeWithImage{
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    3% {
        opacity: 0;
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    4.5% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }
    4.5% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    7.5% {
        -webkit-transform: translateY(-34px);
        transform: translateY(-34px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    9% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    87.5% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    91.66667% {
        -webkit-transform: translateY(-42px);
        transform: translateY(-42px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    95.83333% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(.95);
        transform: translateY(-20px) scale(.95);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes replyToLikeWithImage{
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    3% {
        opacity: 0;
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    4.5% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }
    4.5% {
        -webkit-transform: translateY(-48px);
        transform: translateY(-48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    7.5% {
        -webkit-transform: translateY(-34px);
        transform: translateY(-34px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    9% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    87.5% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    91.66667% {
        -webkit-transform: translateY(-42px);
        transform: translateY(-42px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    95.83333% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(.95);
        transform: translateY(-20px) scale(.95);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.m-likeAnimation {
    position: absolute;
    top: -28px;
    left: -28px;
    width: 80px;
    overflow: hidden;
    background-size: 0 0
}

.m-likeAnimation, .m-likeAnimation:before {
    height: 80px;
    background-image: url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/img/like_animation_sprite.de8fca6.png)
}

.m-likeAnimation:before {
    display: block;
    width: 3040px;
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 3040px 80px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: likeAnimationforwards;
    animation: likeAnimationforwards
}

@-webkit-keyframes likeAnimation{
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes likeAnimation{
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.o-timelineNotificationMessages {
    font-size: 12px;
    color: #787c7b
}

.o-timelineNotificationMessages a {
    text-decoration: none
}

.o-timelineNotificationMessages a:hover {
    text-decoration: underline
}

.o-timelineNotificationMessages--cardType {
    padding-bottom: 10px;
    margin: -10px 0 15px;
    border-bottom: 1px solid #e8eceb
}

.o-timelineNotificationMessages--cardType, .o-timelineNotificationMessages--itemType {
    letter-spacing: .04em;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1
}

.o-timelineNotificationMessages__icon {
    margin-right: 8px;
    line-height: 1
}

.o-timelineNotificationMessages__body {
    width: 100%;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -.4em;
    word-break: break-all;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1
}

.o-timelineNotificationMessages__text {
    display: inline;
    margin-left: -.2em;
    letter-spacing: .04em
}

.o-timelineNotificationMessages__text:first-child {
    margin-left: 0
}

.o-timelineNotificationMessages__item {
    display: inline
}

.o-timelineNotificationMessages__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #787c7b;
    letter-spacing: .04em
}

@media only screen and (min-width: 769px) {
    .o-timelineNotificationMessages__link:hover {
        color: #222
    }
}

.o-timelineNotificationMessages__link--inline {
    display: inline-block
}

.o-timelineNotificationMessages--multi {
    display: -webkit-box;
    display: flex
}

.o-timelineNotificationMessages__recommnededTitle {
    display: -webkit-box;
    display: flex;
    margin-bottom: 16px;
    color: #787c7b;
    letter-spacing: .04em;
    font-size: 14px
}

@media only screen and (max-width: 479px) {
    .o-timelineNotificationMessages__recommnededTitle {
        margin-bottom: 0
    }
}

.m-infiniteScroll__spacer {
    height: 1px
}

.o-sidebarNotice {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .o-sidebarNotice {
        -webkit-transition: border .2s cubic-bezier(1, 0, 0, 1);
        transition: border .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-sidebarNotice:hover {
        border-color: #ccc
    }
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        padding: 8px;
        margin: 16px
    }
}

.o-sidebarNotice__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.o-sidebarNotice__thumb {
    width: 100%
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice__thumb {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 112px
    }
}

.o-sidebarNotice__thumbInner {
    overflow: hidden
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice__thumbInner {
        border-radius: 4px
    }
}

.o-sidebarNotice__thumbImage {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.o-sidebarNotice__movie {
    width: 100%
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice__movie {
        width: 112px;
        overflow: hidden;
        border-radius: 4px
    }
}

.o-sidebarNotice__movieInner {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.o-sidebarNotice__movieIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-sidebarNotice__body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 16px
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice__body {
        padding: 0 0 0 16px
    }
}

.o-sidebarNotice__aside {
    margin-bottom: 8px
}

.o-sidebarNotice__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
    font-weight: 700
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice__text {
        -webkit-box-flex: 1;
        flex: 1;
        font-size: 14px;
        -webkit-line-clamp: 3
    }
}

.o-sidebarNotice__close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 4;
    width: 32px;
    height: 32px;
    padding: 4px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(34, 34, 34, .4);
    border-radius: 50%
}

@media only screen and (min-width: 769px) {
    .o-sidebarNotice__close {
        -webkit-transition: background-color .2s cubic-bezier(1, 0, 0, 1);
        transition: background-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-sidebarNotice__close:hover {
        color: #fff;
        background-color: rgba(34, 34, 34, .5)
    }
}

@media only screen and (max-width: 479px) {
    .o-sidebarNotice__close {
        top: 4px;
        right: 4px;
        color: #a8abb1;
        background-color: #fff
    }
}

.o-sidebarNotice__closeIcon {
    pointer-events: none;
    cursor: pointer
}

.m-colorLabel {
    display: -webkit-box;
    display: flex;
    height: 20px;
    padding: 4px 8px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 10px;
    font-size: 12px
}

.m-colorLabel[data-type=basic] {
    color: #787c7b;
    background-color: #f2f2f2
}

.m-colorLabel[data-type=primary] {
    color: #fff;
    background-color: #2cb696;
    background-color: var(--customPrimaryColor)
}

.m-colorLabel[data-type=green] {
    color: #fff;
    background-color: #5ac8b8
}

.m-colorLabel[data-type=yellow] {
    color: #fff;
    background-color: #f68229
}

.m-colorLabel[data-type=red] {
    color: #fff;
    background-color: #ff5732
}

.m-colorLabel[data-type=contest] {
    color: #fff;
    background-color: #eca726
}

.m-colorLabel[data-size=small] {
    font-size: 10px;
    height: 16px;
    padding: 3px 8px
}

.o-sidebarEventCalendar__image {
    width: 100%;
    height: auto;
    vertical-align: top;
    border-radius: 4px
}

.a-loadingDots {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

.a-loadingDots__item {
    background-color: #222;
    border-radius: 8px;
    opacity: .3
}

.a-loadingDots__item:first-child {
    -webkit-animation: loadingAnimationinfinite;
    animation: loadingAnimationinfinite
}

.a-loadingDots__item:nth-child(2) {
    -webkit-animation: loadingAnimationinfinite;
    animation: loadingAnimationinfinite
}

.a-loadingDots__item:nth-child(3) {
    -webkit-animation: loadingAnimationinfinite;
    animation: loadingAnimationinfinite
}

.a-loadingDots__item--color_black {
    background-color: #222
}

.a-loadingDots__item--color_primary {
    background-color: #2cb696
}

.a-loadingDots__item--size_small {
    width: 4px;
    height: 4px;
    margin-right: 2px;
    margin-left: 2px
}

.a-loadingDots__item--size_medium {
    width: 8px;
    height: 8px;
    margin-right: 4px;
    margin-left: 4px
}

.a-loadingDots__item--size_large {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-left: 8px
}

.o-magazineItemWithNotes {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    width: calc(100% - 6px);
    margin: 0 0 6px
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__cover {
    position: relative;
    top: 0;
    right: 0;
    width: 100%
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__coverInner {
    width: 100%;
    height: 0;
    padding-bottom: 35.5%;
    border-radius: 3px 3px 0 0
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__title {
    padding-right: 0;
    font-size: 20px
}

@media only screen and (max-width: 479px) {
    .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__title {
        font-size: 18px
    }
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articles {
    margin-left: 12px
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articles:before {
    bottom: 10px
}

@media only screen and (max-width: 479px) {
    .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articles {
        margin-left: 12px
    }

    .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articles:before {
        bottom: 8px
    }
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articlesItem {
    font-size: 14px
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articlesItem + .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articlesItem {
    margin-top: 8px
}

@media only screen and (max-width: 479px) {
    .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articlesItem {
        font-size: 12px
    }

    .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articlesItem + .o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__articlesItem {
        margin-top: 4px
    }
}

.o-magazineItemWithNotes--size_large, .o-magazineItemWithNotes__labels {
    margin-top: 16px
}

.o-magazineItemWithNotes--size_medium .o-magazineItemWithNotes__cover {
    position: relative;
    top: 0;
    right: 0;
    width: 100%
}

.o-magazineItemWithNotes--size_medium .o-magazineItemWithNotes__coverInner {
    width: 100%;
    height: 0;
    padding-bottom: 35.5%;
    border-radius: 3px 3px 0 0
}

.o-magazineItemWithNotes--size_medium .o-magazineItemWithNotes__title {
    padding-right: 0
}

.o-magazineItemWithNotes__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .o-magazineItemWithNotes__body {
        -webkit-transition: border-color .2s cubic-bezier(1, 0, 0, 1);
        transition: border-color .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-magazineItemWithNotes__body:hover {
        border: 1px solid #ccc
    }

    .o-magazineItemWithNotes__body:hover:after, .o-magazineItemWithNotes__body:hover:before {
        border-color: #ccc;
        -webkit-transition: border-color .2s cubic-bezier(1, 0, 0, 1);
        transition: border-color .2s cubic-bezier(1, 0, 0, 1)
    }
}

.o-magazineItemWithNotes__body:after, .o-magazineItemWithNotes__body:before {
    position: absolute;
    content: "";
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .o-magazineItemWithNotes__body:after, .o-magazineItemWithNotes__body:before {
        -webkit-transition: border-color .2s cubic-bezier(1, 0, 0, 1);
        transition: border-color .2s cubic-bezier(1, 0, 0, 1)
    }
}

.o-magazineItemWithNotes__body:before {
    top: 2px;
    right: -3px;
    bottom: -3px;
    left: 2px;
    z-index: -1
}

.o-magazineItemWithNotes__body:after {
    top: 6px;
    right: -6px;
    bottom: -6px;
    left: 6px;
    z-index: -2
}

.o-magazineItemWithNotes__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.o-magazineItemWithNotes__main {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 16px;
    overflow: hidden
}

.o-magazineItemWithNotes__cover {
    position: absolute;
    top: 16px;
    right: 16px;
    pointer-events: none
}

.o-magazineItemWithNotes__coverInner {
    position: relative;
    width: 80px;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 4px
}

.o-magazineItemWithNotes__setting {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    align-self: auto;
    width: 32px
}

.o-magazineItemWithNotes__coverImg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.o-magazineItemWithNotes__title {
    display: -webkit-box;
    padding-right: 96px;
    overflow: hidden;
    font-weight: 700;
    letter-spacing: .06em;
    word-break: break-all;
    font-size: 16px;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.o-magazineItemWithNotes__badge {
    display: inline-block;
    line-height: 1;
    vertical-align: text-top
}

.o-magazineItemWithNotes__description {
    display: -webkit-box;
    margin-top: 8px;
    overflow: hidden;
    color: #787c7b;
    word-break: break-all;
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.o-magazineItemWithNotes__status {
    display: -webkit-box;
    display: flex;
    margin-top: 8px
}

.o-magazineItemWithNotes__statusItem {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px
}

.o-magazineItemWithNotes__statusItem + .o-magazineItemWithNotes__statusItem {
    margin-left: 8px
}

.o-magazineItemWithNotes__statusItem--articleNum {
    font-weight: 700
}

.o-magazineItemWithNotes__statusItem--price {
    color: #2cb696;
    color: var(--customPrimaryColor)
}

.o-magazineItemWithNotes__statusCount {
    margin-left: 4px
}

.o-magazineItemWithNotes__statusCount:empty {
    margin-left: 0
}

.o-magazineItemWithNotes__articles {
    position: relative;
    width: auto;
    margin-left: 8px
}

.o-magazineItemWithNotes__articles:before {
    position: absolute;
    top: 0;
    bottom: 8px;
    left: 0;
    content: "";
    border: solid #ccc;
    border-width: 0 1px 0 0
}

.o-magazineItemWithNotes__articlesItem {
    position: relative;
    width: 100%;
    font-size: 12px;
    text-indent: 16px
}

.o-magazineItemWithNotes__articlesItem + .o-magazineItemWithNotes__articlesItem {
    margin-top: 4px
}

.o-magazineItemWithNotes__articlesItem:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    content: "";
    border: solid #ccc;
    border-width: 1px 0 0
}

.o-magazineItemWithNotes__articlesLink {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #787c7b
}

@media only screen and (min-width: 769px) {
    .o-magazineItemWithNotes__articlesLink {
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }

    .o-magazineItemWithNotes__articlesLink:hover {
        color: #222
    }
}

.o-magazineItemWithNotes__labels {
    display: -webkit-box;
    display: flex;
    margin-top: 8px
}

.o-magazineItemWithNotes__statusLabel {
    display: inline-block
}

.o-magazineItemWithNotes__footer {
    z-index: 3;
    width: 100%;
    padding: 0 16px 16px
}

.o-magazineItemWithNotes__avatar, .o-magazineItemWithNotes__footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.o-magazineItemWithNotes__avatar {
    width: calc(100% - 90px)
}

.o-magazineItemWithNotes__avatarImage {
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.o-magazineItemWithNotes__avatarName {
    font-size: 12px;
    margin-left: 8px;
    overflow: hidden;
    color: #787c7b;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (max-width: 479px) {
    .o-magazineItemWithNotes__avatarName {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.o-magazineItemWithNotes__avatarList {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    align-items: center
}

.o-magazineItemWithNotes__action {
    margin-left: auto;
    text-align: right
}

button.a-iconCustom {
    cursor: pointer
}

.a-iconCustom {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 1;
    color: inherit;
    vertical-align: top;
    touch-action: manipulation;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.a-iconCustom:active .a-iconCustom:hover {
    outline: none
}

.a-iconCustom--size_small {
    width: 16px !important;
    height: 16px !important
}

.a-iconCustom--size_small .a-iconCustom__inner {
    -webkit-transform: scale(.6668);
    transform: scale(.6668);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.a-iconCustom--size_large {
    width: 32px !important;
    height: 32px !important
}

.a-iconCustom--size_large .a-iconCustom__inner {

    /* 
    // deleted by xman 2020.12.18 for index.html > mark
    -webkit-transform: scale(1.3333);
    transform: scale(1.3333); */
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.a-iconCustom--official .a-iconCustom__inner {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;

    margin-left:-4px;  /* <--- added by xman 2020.12.18 */
}

.a-iconCustom--official .a-iconCustom__inner:before {
    display: block;
    width: 22px;
    height: 22px;
    content: "";
    background-color: #2cb696;
    border-radius: 22px;
}

/* added by xman 2020.12.19*/
.a-iconCustom__inner:after
{
    content: "";     
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;  
    width: 8px;
    height: 5px;
    margin-left: -15px;
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
/* <--- */

.a-iconCustom--official /*.a-iconCustom__inner:after */ {

    /* 
    // deleted by xman 2020.12.18 for index.html <mark
    position: absolute; 
    */
    /* top: 9px;
     */
    /* display: block; */
    content: "";     
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;  
}

.o-calendar__title {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1
}

.o-calendar__body {
    padding: 16px;
    border: 1px solid #f2f2f2;
    border-radius: 4px
}

.o-calendar__item {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f2f2f2
}

.o-calendar__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.o-calendar__year {
    margin-bottom: 8px
}

.o-calendar__yearLink {
    font-size: 16px;
    line-height: 1;
    cursor: pointer
}

.o-calendar__yearLink.is-current {
    font-weight: 700;
    color: #222;
    pointer-events: none
}

.o-calendar__monthList {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.o-calendar__monthItem {
    width: 25%;
    padding: 4px;
    font-size: 14px
}

.o-calendar__monthLink {
    display: block;
    padding: 4px;
    line-height: 1;
    color: #a8abb1;
    text-align: center;
    white-space: nowrap
}

.o-calendar__monthLink.is-active {
    color: #222
}

.o-calendar__monthLink.is-current {
    font-weight: 700;
    color: #222;
    text-decoration: none;
    pointer-events: none
}

.m-sidebarSmallLinks__item {
    font-size: 12px
}

.m-sidebarSmallLinks__item + .m-sidebarSmallLinks__item {
    margin-left: 8px
}

.m-sidebarSmallLinks__link {
    color: #787c7b
}

@media only screen and (min-width: 769px) {
    .m-sidebarSmallLinks__link {
        -webkit-transition: all .2s cubic-bezier(1, 0, 0, 1);
        transition: all .2s cubic-bezier(1, 0, 0, 1)
    }

    .m-sidebarSmallLinks__link:hover {
        color: #222
    }
}

.o-footer {
    position: relative;
    padding: 40px 16px 32px;
    background-color: white;
}

@media print {
    .o-footer {
        display: none
    }
}

.o-footer__menu {
    display: -webkit-inline-box;
    display: inline-flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

.o-footer__item {
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    font-size: 12px
}

.o-footer__item--strong {
    font-weight: 700
}

.o-footer__link {
    color: #787c7b
}

@media only screen and (min-width: 769px) {
    .o-footer__link:hover {
        color: #222
    }
}

.o-footer__powerdby {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 24px
}

.o-footer__powerdbyTitle {
    margin-right: 8px;
    font-size: 12px;
    color: #787c7b
}

.o-footer__powerdbyLogo {
    width: 54px;
    height: 14px;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(https://d291vdycu0ht11.cloudfront.net/nuxt/production/img/logo_powerdby_note.8ba28c9.svg);
    background-repeat: no-repeat
}

.o-footer--article {
    padding-bottom: 104px
}