@font-face {
    font-family: Nintendo;
    src: url(../font/nintendo_NTLGDB_001-Latin.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0020-007F, U+00A0-00FF;
    font-display: swap;
}

@font-face {
    font-family: Nintendo;
    src: url(../font/nintendo_NTLGDB_001-Japanese.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+3040-309F, U+30A0-30FF, U+4E00-9FFF;
    font-display: swap;
}

@font-face {
    font-family: Nintendo;
    src: url(../font/nintendo_NTLGDB_001-Symbols.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    unicode-range:
        U+2000-206F, U+20A0-20CF, U+2100-214F, U+2150-218F, U+2190-21FF,
        U+2200-22FF, U+2300-23FF, U+2400-243F, U+2440-245F, U+2460-24FF,
        U+2500-257F, U+2580-259F, U+25A0-25FF, U+2600-26FF, U+2700-27BF,
        U+27C0-27EF, U+27F0-27FF, U+2800-28FF, U+2900-297F, U+2980-29FF,
        U+2A00-2AFF, U+2B00-2BFF, U+E000-F8FF;
    font-display: swap;
}

@font-face {
    font-family: Nintendo;
    src: url(../font/nintendo_NTLGDB_001-Cyrillic.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F;
    font-display: swap;
}

@font-face {
    font-family: Nintendo;
    src: url(../font/nintendo_NTLGDB_001-Greek.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0370-03FF;
    font-display: swap;
}

:focus {
    outline: 4px auto #00bcf1;
}

html,
body,
ul {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

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

body {
    background: #fff url(../img/bg/bg_tvii_hero_alt.webp) 0px 0px;
    background-attachment: fixed;
    text-align: center;
    font-family: Nintendo !important;
    animation: 10s bgAnim linear infinite;
    -webkit-animation: 10s bgAnim linear infinite;
}

@keyframes bgAnim {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -823px -392px;
    }
}

@-webkit-keyframes bgAnim {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -823px -392px;
    }
}

#scroll-to-top {
    display: box;
    display: -webkit-box;
    box-align: center;
    -webkit-box-align: center;
    box-pack: center;
    -webkit-box-pack: center;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    min-height: 60px;
    padding: 5px 15px;
    border: 0;
    margin: 0;
    text-align: center;
    font-size: 24px;
    color: #323232;
    line-height: 1.2;
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#ffffff),
            color-stop(0.5, #ffffff),
            color-stop(0.8, #f6f6f6),
            color-stop(0.96, #f5f5f5),
            to(#bbbbbb)) 0 0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
    position: fixed;
    display: none;
    width: 40px;
    height: 60px;
    top: 30px;
    right: 40px;
    z-index: 100;
    background:
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAiCAQAAAB/jKh3AAAB0klEQVR4Aa2VA+xbURhHf/cZs72bxZ5t23aczEb0YmcxxirYX3M8xI0aNZptO+xDdfuWfdXrd8LiJCdX0uLdK9y17vpIrN0tybts9MOASPTbJfXuaaFbRAb2lKweEgA3EkbgcFtAqzRuazTdv+QiS+wv0vEbc9NjMlGYmt55Qxr0cmd2d2YHifXzL7r9JL/3WZ/t91JCB9pxi2L/oNTse+OuzD49CLdI2tEhsT/sDrv5f+b9fLzSgO3zceXmn9Sv/P//kUDO7F5SLJDoUKDDjq3pBXJoDZijcxsaABeAxm2nCc3s2eohCwYY3DwMxqENsxvUzMwHmZCQKyPBjK0kwiQqSONWMShPMcxyGtDMmK2IoDwibO3sOjXT8kGGCAqFGbFlvWhNeIXCQXQYrZnmr5AJPRQUDtMPrZpdQzPFD9Irg4iwxb0IjVghE2o+iAJQuenQGkzxV8gIBdFhy2YTmknFLSfDrYkMM7awIkxqIIgOE5pJ+SCtZpAI0w4tmf2PZkI+yCCCqDAjNr9XSMMclRtkEB1mOBWaCZxaodortpCXNeAydEhNvZa60Ox9MeoNQzMz7M2uF2XNLiV+6/q59nNtDXPm1jpFRL3CAzQ3D/AKADxbR49hNmsXTAAAAABJRU5ErkJggg==") no-repeat center 20px,
        -webkit-gradient(linear,
            left top,
            left bottom,
            from(#ffffff),
            color-stop(0.5, #ffffff),
            color-stop(0.8, #f6f6f6),
            color-stop(0.96, #f5f5f5),
            to(#bbbbbb)) 0 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#scroll-to-top.visible {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

@media only screen and (max-width: 600px) {
    #scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

img.logo {
    width: 460px;
    filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.12));
}

.hidden {
    display: none !important;
}

.content {
    padding: 40px 20px;
}

.exp {
    padding: 20px 50px;
    font-size: 24px;
    line-height: 1.7;
}

.exp .select {
    font-size: 30px;
    display: block;
    color: #868686;
    border-bottom: 3px dashed #868686;
    width: 600px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 1.55;
}

.exp p {
    margin: auto;
    width: 700px;
}

.exp a {
    position: relative;
    display: block;
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#f2f2f2),
            color-stop(0.001, #ffffff),
            color-stop(0.5, #ffffff),
            color-stop(0.8, #f7f7f7),
            color-stop(0.95, #e2e2e2),
            color-stop(0.96, #e9e9e9),
            to(#ffffff));
    border-radius: 14px;
    text-shadow: 0px 2px 0px #fff;
    -webkit-box-shadow:
        inset 0px 2px 0px -1px #e9e9e9,
        inset 0px 0px 0px 2px #fff,
        0px 1px 6px rgba(0, 0, 0, 0.35);
    box-shadow:
        inset 0px 2px 0px -1px #e9e9e9,
        inset 0px 0px 0px 2px #fff,
        0px 1px 6px rgba(0, 0, 0, 0.35);
    line-height: 1.6;
    font-size: 27px;
    padding: 10px;
    color: #323232;
    margin: 20px auto;
    width: 560px;
    text-decoration: none;
}

.devs>p {
    display: block;
    font-size: 20px;
    margin: 0 10px;
    margin-bottom: 35px;
    text-shadow: 0px 4px rgba(0, 0, 0, 0.1);
}

.devs>div {
    position: relative;
    background-size: cover !important;
    display: block;
    width: 500px;
    height: 200px;
    margin: 20px auto;
    padding: 5px;
    border-radius: 15px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    text-decoration: none;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);
    text-align: left;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.devs>div:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.devs>div:nth-child(2) {
    background:
        url(../img/bg/cardboard.webp) center center,
        #00c037;
}

.devs>div:nth-child(3) {
    background:
        url(../img/bg/cardboard.webp) center center,
        #ff1313;
}

.devs>div:nth-child(4) {
    background:
        url(../img/bg/cardboard.webp) center center,
        #ff6000;
}

.devs>div>div {
    width: 160px;
    height: 160px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    border-radius: 20px;
    background: #dedede;
    position: relative;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.4);
}

.devs>div>div>img {
    width: 160px;
    height: 160px;
    border-radius: 20px;
    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.12));
}

.devs>div>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    border-radius: 20px;
    background: url(../img/miiShine.webp) 0px 0px no-repeat;
    background-size: cover !important;
    z-index: 3;
}

.devs>div>p {
    color: #323232;
    font-size: 30px;
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 190px;
    text-shadow: 0px -2px rgba(255, 255, 255, 0.31);
}

.devs>div>span {
    margin-top: 5px;
    display: block;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
    padding-left: 190px;
    text-shadow: 0px 2px rgba(0, 0, 0, 0.41);
}

select {
    display: block;
    margin: auto;
    border-radius: 10px;
    height: 60px;
    font-size: 30px;
    border: 2px solid #aaaaaa;
    width: 500px;
    text-align: center;
}

@media only screen and (max-width: 870px) {
    img.logo {
        width: 60%;
    }

    .exp {
        padding: 20px 20px;
    }

    .exp p {
        width: 90%;
    }

    .exp .select {
        width: 90%;
    }

    .exp a {
        width: 85%;
    }

    select {
        width: 85%;
    }

    .key-input {
        width: 85% !important;
    }
}

@media only screen and (max-width: 470px) {
    .devs>a>div {
        width: 120px;
        height: 120px;
        margin-left: 13px;
        margin-right: 13px;
    }

    .devs>div>p,
    .devs>div>span {
        padding-left: 155px;
    }

    .devs>a>div:before {
        width: 120px;
        height: 120px;
    }

    .devs>a>div>img {
        width: 120px;
        height: 120px;
    }

    .devs>a>p,
    .devs>a>span {
        padding-left: 145px;
        padding-right: 20px;
    }

    .devs>a>p {
        font-size: 25px;
    }

    .devs>a>span {
        font-size: 17px;
        word-wrap: break-word;
    }

    .exp a {
        font-size: 21px;
        width: 90%;
    }

    .devs>div {
        width: 90% !important;
    }

    .devs>div>div {
        width: 140px;
        height: 140px;
        margin-top: 30px;
        margin-left: 10px;
    }

    .devs>div>div:before {
        width: 140px;
        height: 140px;
    }

    .devs>div>div>img {
        width: 140px;
        height: 140px;
        border-radius: none;
    }
}

@media only screen and (max-width: 420px) {
    img.logo {
        width: 90%;
    }

    .devs>a>div {
        width: 100px;
        height: 100px;
    }

    .devs>a>div:before {
        width: 100px;
        height: 100px;
    }

    .devs>a>div>img {
        width: 100px;
        height: 100px;
    }

    .devs>a>p,
    .devs>a>span {
        padding-left: 125px;
        padding-right: 18px;
    }

    .devs>a {
        height: 185px;
    }
}

.key-input {
    width: 400px;
    height: 70px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 40px;
    border-radius: 8px;
    color: #323232;
    text-align: center;
    line-height: 1.2;
    text-shadow: 0px -2px #f0f0f0;
    background: #ffffff;
    font-family: nintendo !important;
    border: 2px solid #747474;
    box-shadow:
        inset 0px 2px 7px -1px rgba(0, 0, 0, 0.4),
        0px 2px 0px 0px #ffffff;
}

.key-input::-webkit-outer-spin-button,
.key-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.key-input {
    -moz-appearance: textfield;
}

.select.red {
    border-bottom-color: #f200dc;
    color: #f200dc;
}

.select.twttr {
    color: #00aed1;
    border-bottom-color: #00aed1;
}

.confirm-input {
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#666666),
            color-stop(0.65, #212121),
            color-stop(0.65, #161616),
            to(#595959)) !important;
    color: #fff !important;
    text-shadow: 0px -2px 0px #000 !important;
    -webkit-box-shadow:
        inset 0px 2px 0px -1px #000000,
        inset 0px 0px 0px 2px #2e2e2e,
        0px 1px 6px rgba(0, 0, 0, 0.35) !important;
    box-shadow:
        inset 0px 2px 0px -1px #000000,
        inset 0px 0px 0px 2px #2e2e2e,
        0px 1px 6px rgba(0, 0, 0, 0.35) !important;
}

.exp a {
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.exp a:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

div.success {
    mask-image: url(../img/mask/checkmark-mask.webp);
    mask-size: 140px;
    mask-repeat: no-repeat;
    height: 140px;
    width: 140px;
    background: #00f120;
    display: inline-block;
    margin-bottom: -10px;
    margin-top: -15px;
}

div.error {
    mask-image: url(../img/mask/error-mask.webp);
    mask-size: 140px;
    mask-repeat: no-repeat;
    height: 140px;
    width: 140px;
    background: #ff253e;
    display: inline-block;
    margin-bottom: -20px;
    margin-top: -20px;
}

.select.pink {
    border-bottom-color: #ec79e2;
    color: #ec79e2;
}

.olv-container .post {
    position: relative;
    display: table;
    margin: 20px auto;
    width: 570px;
    height: auto;
    margin-bottom: 35px;
}

.olv-container .post .post-content {
    float: left;
    margin-left: 25px;
    position: relative;
    z-index: 1;
    border-radius: 12px;
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);
}

.olv-container .post .post-content:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAdCAQAAAAAj4ROAAABkklEQVR4AX3RA6xeQRAF4DN7UduMaiNGzTi1bVtxrbC2FSe1YtXGQ/TM2rjbTHYnN/tn0z3v95fBPoJziADwIwAnhAKg8XeOUh5GUOAE9pUuNTl4hRyUMq7GD0C/7t3hJJqSwxiRbWsovZ9cZxNiIHQmU1LNZGT1c5vjMbaUMA5PZVtGCI+0nnGEOgIWZjJGnKd9u+1FTWGmtUwnLG5UNWt+3RVCUkjOrvGURkd3hwNcJhUN5E2jK12GH6ZWAPxQaOGoZttRDZ6jmAFSMWrIzAuFmb0bn8lag7//qZjijnfursAvPzRUOA1+cmoZvvih5oc8I5mes2MF3mVCLWGCvybrCxYv0/kulHqM+PGHg9/7yietSnJSGBBBosz/296Afvn9/p3xnaiZCwGVcruYzv1x5caMtqq1QLutu78Zpvjn2asLm6v2FnoQZLUPvw5fW1on6BEAJExbIleVQPNyX39tvr4hFujSBHwSDv4w3nw7ALzUvdk/SBhCsFA5hhrM0KECpLpQhj4qtwAHeilx0pr/AI7ZmJ7qWDBSAAAAAElFTkSuQmCC);
    position: absolute;
    left: -20px;
    top: 15px;
}

.olv-container .post .post-content .content .post-tag::before {
    content: " ";
    position: absolute;
    display: inline-block;
    height: 32px;
    width: 20px;
    top: -2px;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAYAAADsHujfAAAEaElEQVR4AayX3W8UVRjGnzm7y2637sdsWyUltrulFyIxGpRGJbHtrqgXRmM0aP1Cu0r8IN2slnChN0QNkhrFeFsSbwzhSvHW78QEwr8AhJAQuCIFUqDb7uzwvLMfzA7T5ewym3kyMz1n3vOb533PmVO1sP+nxd/nztb+mLts/1laWld/l686bT9//tfSgX0HXkfAP7UjtHt2+/CYMZHNYPto2lcT2TQmRpJ4/ME0psx8+hnj06MHvzgYKIwaTSSMjSaQTK2vRBLop9JpYHQQ2Do4YOywPgkURsUj9DhE2RpiF4SBIUI9ZCaNp6sfHw0qTUpiowlR4x3f2H6b5yJQe4Fn6dFsb54JLjBbMiljSpUCgVF2M7ic1zj484ARhfNTm4BKjpcWJe1uCUwCeNiswxyaP7zIXj0fbSDLK4CK4QqArMEfgPJytAqbgC3XPDCDhNlKZwqhUlFmIJ/p6VBuR2pMzS/fHT9FhvMS7Zv5L3+9ePJ6zXIP7r2mMwOEGWdKC9jbM4xy3lRGpfpYiNuuvPzckf3HT/+w78i/T4T2nLn/ZkqFpU7Yvu7B9lQccGDs3mDqIHQCVIQzaIRTOR97afzF6OzkttRIeKifw3Mgae8oA0j0AZvpTL7WPUxbasBg/TGuFSaLZAAYouWKcI5r3pT43fP5JGHG+Oy0tbd4aP5H7QKuO+IOSgMMpigsAOKEu03nmjDpOCAwBcwVv9WcTUqNc2SmRfutNWFMwuQyQMEuacGoxE5gjW8RKIjAMmZG0kSYfO3uMCpi4hJeAyxJgzgTpFww01ZnGBl+V2QjbOtVoCp38jZBijAD4owJ5NdKxa8/+963gBUXr/9ZJTMbCKM+BFbTvBNXgoZhzXCngZ1W2RdGPABhjnH4GS7vdoi7jBuEkVXWJlBQYnyYdCbrOFMuflVaaHPGAZFODZhcqA83ozP82DVggiziENMkMGMs4II13wbTAmnAyDdmi8BseJMwpLfEFaZJvklBqAnjTG0XTBuIFyb6FmEazgSVIonD7yQyXMFzjJ1fozNzC4t3gHhhYu8AK3TGqZkAnVGNNOUYe3K1XPQF8cL0CQzzKjAdP3xMY7Pd4maqOsYl4UnAmgRsTgKvFGvRnAWGP7rwz7ogXpj4u0CFMJaGK9JnhX1ju4DYFBB9Cojk/BUj7OZHR6eVDNhJnE2tAo7v1oMRN67XI19i7P+o36hyB71R784enQ43TP97t2FqdMdPVaboWmXF5nPD1BT1CnW4g45pgQgkg7Scue99rsC0XmaA3zojfw+PVFgl8qSetEEkXBsMi2yVuzFZW7ww4oglVslDmuoKRGJ6YSrcjcmYAtQSU3N1eWlZ+uuqaxAJ7IZJ8B8xPxjp11ntrT2BSAg3TPID1oyPM9JPVz2DyABtMNxCVAkj6XFqRjp0oXsCkXHcMIk9dIYFLDUjbd3onkFkMDdMijDGY0B8k3FN2nQVCIgM5oZ5gFuIR57NnpO/6yowEBmwCcPrM9QJSvu4BQAA//+NZJCqAAAABklEQVQDAAaPB+5xkzG3AAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 16px 16px;
}

.olv-container .post .post-content .content .post-tag {
    color: #e756d4;
    position: relative;
    z-index: 2;
    padding-top: 2px;
    margin-top: 2px;
    padding-left: 24px;
    float: left;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 4px;
    margin-left: -4px;
}

.olv-container .post .post-content .content .spoiler-btn {
    display: block;
    clear: both;
    position: relative;
    width: 400px;
    font-family: inherit;
    height: 54px;
    font-size: 22px;
    line-height: 1.1;
    background:
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAIAAACJCGTLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA5SURBVBhXjY83DgAwDALP/P/JLilStkTxgCiCASJCZkZVCdDkrY8/uPm5++bd3ivv9DJT7q71ZQEYLr9IGbcPEZEAAAAASUVORK5CYII=) 0 bottom repeat-x,
        #fff;
    box-sizing: border-box;
    color: #323232;
    text-shadow: 0px 2px #fff;
    padding: 4px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-decoration: none;
    margin: 0 auto 0;
    margin-bottom: 10px;
    margin-top: 35px;
    border: none;
    cursor: pointer;
}

.olv-container .post .post-content .content>p,
.olv-container .post .post-content .content>.memo {
    clear: both;
}

.olv-container .post .mii {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 10px;
    float: left;
    margin-top: 25px;
    overflow: hidden;
}

.olv-container .post .mii img {
    width: 75px;
    height: 75px;
    position: relative;
}

.olv-container .post .content {
    width: 440px;
    background: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
    padding: 10px 15px;
    z-index: 1;
}

.olv-container .post .username {
    background: #6d6d6d;
    color: #fff;
    height: 19px;
    top: 3px;
    float: left;
    line-height: 1.2;
    margin-left: 25px;
    font-size: 17px;
    border-radius: 50px;
    padding: 3px 15px;
    position: relative;
    z-index: 2;
}

.olv-container .post .date {
    font-size: 15px;
    float: right;
    color: #858585;
    line-height: 1.8;
    height: 25px;
    margin-right: 5px;
    position: relative;
    z-index: 20;
}

.olv-container .post .content>p {
    color: #323232;
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-word;
}

.olv-container .post:last-child {
    margin-bottom: 0;
}

.olv-container .post:last-child:after {
    content: "";
    clear: both;
    height: 50px;
    display: block;
}

.olv-container .post .content .memo {
    margin: auto;
    display: block;
    height: 120px;
    width: 320px;
    padding-top: 6px;
    image-rendering: pixelated;
}

.olv-container .post .post-meta {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 40px;
    width: 470px;
    border-top: 1px solid #b2b2b2;
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#ffffff),
            color-stop(0.95, #e1e1e1),
            to(#b8b8b8));
}

.olv-container .post .post-meta span {
    float: right;
    height: 40px;
    color: #323232;
    font-size: 16px;
    padding-left: 25px;
    line-height: 2.5;
    padding-right: 10px;
}

.olv-container .post .post-meta span.yeahs {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKzSURBVEhL1ZVPaFJxHMB/hukm1oRcjDYciG1MXeGpSZOiDjto3WpN6TARFIaXXbwIA29ePFQ7jDzEAkFRgi5Kq0MadJoeJopuFEFUwzxItmkH7ft7fv35nk/LS4c+8ON9v9/n+/z+vif5V0jwOhCTyXRXIpHch9ACTcMVCalBy7Tb7ae5XO5lpyRmoBiEV8fGxnaazeY1LA3jADrwQgdvMWeIxCC9MT4+vtdoNM5i6a+A/Ga/XCAG6SW1Wv2hWq3KsTQyIJ8G+RdMyRm8clit1ld8qc/nI/v7+5j1SKVSJBAIYNYB9mIHQw4mhh5n0+m0HlOORCKxCRfRBq2srEzL5fLvmHax0b3BuCeOx+PP6vW6YGkODw/7H2a0Wq1fGDJg1MsY9sSVSsWIIQN++Hh1dfU6pgyop0Kh0EVM+bAZM7FMJpvAkM/E0dHRBYz5LMJApBgzVCrVOQx7Yq1W28KQodPpiFKpxEwIvdcPnP2vGPbECwsL7Kh02draOt7Y2MCsh8fjOYlGoydTU1NY6aDRaNgRYpsFp+K13++/nUwmsUKIQqF4k8lk5mHaM4VCgatNTk4e6/X6ey6Xi77S81wRMBgMP/P5/Fz3LPPFlnK5nF5bW8MKo2Y2m5NGo/EHTcLh8EeY8ubp6amau4t4vd7o+vr6A0yFbx7I38disaVgMIiV0XA6nd9gyZbgtHzCkkg8C5d3IJ/Z3t4mcK47N4ZAN9Zut9fcbvcdkGawzCEQU1C+B8tyeXd3l8AaizqgQovFQj8Bn2GZ7P1SCjsVXeh0oM0BT2w2WwXLAmhHIHwBbXmQlCIaMR+Hw1ErFovnMe3nIJvNXsFYhGjEXSKRyKM/SCmL8NF5iLGIoWKQ2jEcCiwD/dsayEAx3cBSqTToGyFAKpXewnA0QByANgrP8ZH/HkJ+A6sRGi0jD4u+AAAAAElFTkSuQmCC) 0px 8px no-repeat;
}

.olv-container .post .post-meta span.replies {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAWCAYAAAAxSueLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKnSURBVEhL1ZRBaNJRHMf/1iI21qCDMJzUwVVGZMxbDCWMHSZSXkpwFDtsHaYmjA0PLYMmqZcOVl6E3UQcu+wgSnaxghHSZMVCRAu0jIGBB/Mwon/f9/ztTyIO/Q+CPvDj/d7v9/x/fe/3e0/4lyholJiYmPArFAo73DOtSM+8FkXRm8vlMjTvoE3MYrG8r1areprKAoLXugkeo1Hwer3PjyrEwKk8I7cDSWxkZOQuuUflMkqhIr8NSSyfz58iVxazs7NCKpUSZmZmSpgqW9F2uBjO+T6fyWB8fFwIBoM1k8nkdTgc0cXFxS3UbIfSbQzQKAu2G6vV+nJpaSlVLpf9+/v7J/V6/RilO5COsR9GR0el3djt9uPFYvEpE6J0V/oWMxgMwurq6rtIJPJkbm7uQbPZvE4pDrrxG3YnwjJolBsU5vQtptFoNpeXlws97MYI4U2IvqB5/2LZbHYvEAjcYo3RIwvY4R3mSGI6nY68w9nd3b2XyWS+xONxwel0CsPDw5RpwZpmenqaZi2ww9ts5GKYhHoVY8RisYuo3WetVvsVteN1PIB1p8/n++HxeCiClh8YMLFRehtx1worKyvnkskkRXpjcnLyYygU0iQSiaFoNFrH43Bpe3v7BFJvbTabGrXl6/D9sb/FbBjW1tfXh9LpdCvYBXyMPEEYHBys4WR2cKynVSrVJ/i8Pvje4/n5+YdsrVqtblQqlQv8BwdggQG2BSscYjW3281am9vGxsZ3xDoeXzxdQaPRyNe4XK4PLNbWjfhXb2BXYee7GZY5pqam+HqlUvmrXq/fRNzFAwS670o4HF5oNBrsqvxGHR9Rqn+wk4rZbBb9fn+OQhx2idllZrthedRSLJVKa5SWBzs2dpywsxTiYP4K9hPG2IHJfuD/JwThD7QzORpHGMyoAAAAAElFTkSuQmCC) 0 10px no-repeat;
    padding-left: 30px;
}

.olv-container .post .screenshot {
    width: 90%;
    margin: auto;
    margin-top: 15px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #a6a6a6;
}

.select.purple {
    border-bottom-color: #cd79ec;
    color: #cd79ec;
}

.faq-container .link {
    color: #e756d4;
    text-decoration: underline;
}

.faq-container h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.faq-container .q {
    margin-top: 25px;
}

.faq-container .q2 {
    margin-top: 75px;
}

@media only screen and (max-width: 620px) {
    img.logo {
        width: 80%;
    }

    .exp {
        padding: 20px 0px;
        font-size: 25px;
    }

    .exp p {
        width: 95%;
    }

    .exp .select {
        font-size: 28px;
        line-height: 1.6;
    }

    .exp a {
        font-size: 23px;
    }

    .devs>a {
        width: 96%;
    }

    .devs>a>div {
        width: 130px;
        height: 130px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .devs>a>div:before {
        width: 130px;
        height: 130px;
    }

    .devs>a>div>img {
        width: 130px;
        height: 130px;
    }

    .devs>a>p,
    .devs>a>span {
        padding-left: 160px;
        padding-right: 20px;
    }

    .devs>a>p {
        font-size: 27px;
    }

    .devs>a>span {
        font-size: 18px;
        word-wrap: break-word;
    }

    .olv-container .post .mii {
        width: 70px;
        height: 70px;
        float: none;
        margin: auto;
        margin-bottom: 15px;
    }

    .olv-container .post .mii img {
        width: 70px;
        height: 70px;
    }

    .olv-container .post {
        width: 100% !important;
    }

    .olv-container .post .content {
        width: auto;
        float: none;
    }

    .olv-container .post .post-content {
        margin-left: 0px;
        width: 100%;
    }

    .olv-container .post .post-meta {
        width: 100%;
    }

    .olv-container .post .username {
        margin-left: 5px;
    }

    .olv-container .post .post-content .content .spoiler-btn {
        width: 90%;
        height: 48px;
        font-size: 21px;
    }

    .olv-container .post .post-content:before {
        content: none;
    }
}