/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc0610;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #757575;
    --gray-dark: #424242;
    --primary: #dc0610;
    --primary-075: rgba(220,18,41,0.75);
    --secondary: #757575;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc0610;
    --light: #f5f5f5;
    --dark: #424242;
    --breakpoint-xxxs: 0;
    --breakpoint-xxs: 320px;
    --breakpoint-xs: 375px;
    --breakpoint-sm: 600px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 960px;
    --breakpoint-xl: 1280px;
    --font-family-sans-serif: "Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic",sans-serif;
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --desktop-container-width: 1280px;
    --twocolumn-container-width: 960px;
    --tablet-container-width: 768px;
    --font-size-base: 1rem;
    --font-size-large: 1.15rem;
    --font-size-small: 0.85rem;
    --font-size-10: 0.625rem;
    --font-size-11: 0.6875rem;
    --font-size-12: 0.75rem;
    --font-size-13: 0.8125rem;
    --font-size-14: 0.875rem;
    --font-size-16: 1rem;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-22: 1.375rem;
    --font-size-24: 1.5rem;
    --font-size-26: 1.625rem;
    --font-size-28: 1.75rem;
    --font-size-30: 1.875rem;
    --font-size-32: 2rem;
    --font-size-38: 2.375rem;
    --font-size-40: 2.5rem;
    --font-size-42: 2.625rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-80: 5rem;
    --spacing-base: 8px;
    --horizontal-spacing: 15px;
    --desktop-header-height: 60px;
    --color-transparent: transparent;
    --color-main: #dc0610;
    --color-main-alpha: #dc0610e6;
    --color-twitter: #000;
    --color-facebook: #3b5998;
    --color-youtube: red;
    --color-line: #06c755;
    --color-hatena: #54a5de;
    --color-white: #fff;
    --color-red-01: #e60012;
    --color-red-02: #dc0610;
    --color-red-03: #ad030b;
    --color-red: #e60012;
    --color-dark-red-01: #92040b;
    --color-dark-red-02: #b7050d;
    --color-dark-red-03: #aa050c;
    --color-dark-red-04: #580409;
    --color-light-gray-01: #eee;
    --color-light-gray-02: #efefef;
    --color-light-gray-03: #f5f5f5;
    --color-light-gray-04: #e6e6e6;
    --color-light-gray-05: #ddd;
    --color-light-gray-06: #e0e0e0;
    --color-light-gray-07: #d9d9d9;
    --color-light-gray-08: #f7f7f9;
    --color-light-gray-09: #bdbdbd;
    --color-light-gray-10: #e9ecef;
    --color-light-gray-11: #fcfcfc;
    --color-light-gray-12: #fafafa;
    --color-light-gray-13: #ccc;
    --color-light-gray-14: #f2f2f2;
    --color-light-gray-15: #dee2e6;
    --color-gray-01: #bbb;
    --color-gray-02: #9e9e9e;
    --color-gray-03: #999;
    --color-gray-04: #616161;
    --color-gray-05: #757575;
    --color-dark-gray-01: #424242;
    --color-dark-gray-01-alpha80: #424242cc;
    --color-dark-gray-02: #212121;
    --color-dark-gray-03: #2d2d2d;
    --color-dark-gray-04: #666;
    --color-orange-01: #f56636;
    --color-orange-02: #f34a12;
    --color-orange-03: #ec440c;
    --transition-200: all 0.2s ease-in-out;
    --color-black: #000;
    --color-black-alpha98: #000000fa;
    --color-black-alpha95: #000000f2;
    --color-black-alpha90: #000000e6;
    --color-black-alpha15: #00000026;
    --color-black-alpha20: #0003;
    --color-black-alpha30: #0000004d;
    --color-black-alpha40: #0006;
    --color-black-alpha50: #00000080;
    --color-light-gray-alpha20: #e0e0e033;
    --color-dark-gray-alpha80: #666c;
    --color-white-alpha00: #fff0;
    --color-white-alpha10: #ffffff1a;
    --color-white-alpha20: #fff3;
    --color-white-alpha50: #ffffff80;
    --color-white-alpha70: #ffffffb3;
    --color-red-alpha80: #e00610cc;
    --color-dark-black-01: #333;
    --color-dark-black-02: #161616;
    --color-dark-black-03: #222;
    --color-dark-black-04: #060606;
    --color-blue-01: #0055ad;
    --color-blue-02: #0172ce;
    --color-blue-03: #5260b4;
    --color-blue-04: #09a7d3;
    --color-blue-05: #00afef;
    --color-blue-06: #0093c9;
    --color-blue-07: #0072f8;
    --color-blue-08: #0060d2;
    --color-navy-01: #0c2f81;
    --color-green-01: #75b308;
    --color-green-02: #306152;
    --color-green-03: #28a745;
    --color-green-04: #00b966;
    --color-green-05: #009351;
    --color-brown-01: #9e3334;
    --color-article-button: var(--color-blue-05);
    --color-article-button-tab: var(--color-blue-05);
    --color-article-button-question: var(--color-main);
    --color-article-button-ec-amazon: var(--color-orange-01);
    --color-article-button-ec-ebten: #4dbf8b;
    --color-article-button-ec-rakuten: #bf0000;
    --color-article-button-ec-other: #3190cd;
    --color-article-button-mobile-ios: var(--color-blue-07);
    --color-article-button-mobile-android: var(--color-green-04)
}

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

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

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

body {
    margin: 0;
    font-family: var(--font-family-sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #424242;
    text-align: left;
    background-color: #f7f7f9;
    word-wrap: break-word
}

[tabindex="-1"]:focus {
    outline: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 8px
}

p {
    margin-top: 0;
    margin-bottom: 16px
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    font-style: normal;
    line-height: inherit
}

address,dl,ol,ul {
    margin-bottom: 1rem
}

dl,ol,ul {
    margin-top: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--color-dark-gray-01);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-transition: all .12s ease;
    transition: all .12s ease
}

a:hover {
    color: var(--calor-main);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

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

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #9e9e9e;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: 8px
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

[hidden],template {
    display: none
}

dd,dl,ol,ul {
    padding: 0;
    margin: 0
}

li {
    text-decoration: none;
    display: block
}

h1,h2,h3,h4,h5,h6,p {
    margin: 0
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.container,.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.gutters-2 {
    margin-right: -1px;
    margin-left: -1px
}

.gutters-2>.col,.gutters-2>[class*=col-] {
    padding-right: 1px;
    padding-left: 1px
}

.gutters-15 {
    margin-right: -7.5px;
    margin-left: -7.5px
}

.gutters-15>.col,.gutters-15>[class*=col-] {
    padding-right: 7.5px;
    padding-left: 7.5px
}

.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xxs,.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1,.col-auto {
    -webkit-box-flex: 0
}

.col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-2,.col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-4,.col-5 {
    -webkit-box-flex: 0
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-6,.col-7 {
    -webkit-box-flex: 0
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-8,.col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-10,.col-11 {
    -webkit-box-flex: 0
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.5;
    color: #616161;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #616161;
    background-color: #fff;
    border-color: #dc0610;
    outline: 0;
    -webkit-box-shadow: 0 0 3.2px #dc0610;
    box-shadow: 0 0 3.2px #dc0610
}

.form-control::-webkit-input-placeholder {
    color: #757575;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #757575;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #757575;
    opacity: 1
}

.form-control::placeholder {
    color: #757575;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #eee;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #616161;
    background-color: #fff
}

select.form-control[multiple],select.form-control[size],textarea.form-control {
    height: auto
}

.form-check {
    position: relative;
    display: block;
    padding-left: 22px
}

.form-check-input {
    position: absolute;
    margin-top: 2.4px;
    margin-left: -22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: transparent
}

.form-check-input:disabled~.form-check-label {
    color: #9e9e9e
}

.form-check-input--radio {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #bdbdbd;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    outline: none
}

.form-check-input--radio:checked {
    border: 5px solid #dc0610;
    background-color: #fff
}

.form-check-input--check {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #bdbdbd;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    outline: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%
}

.form-check-input--check:checked {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-color: #dc0610
}

.form-check-label {
    margin-bottom: 0
}

.valid-feedback {
    width: 100%;
    margin-top: 4px;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 4px 8px;
    margin-top: .1rem;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: 4px
}

.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 3.2px rgba(40,167,69,.25);
    box-shadow: 0 0 0 3.2px rgba(40,167,69,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745;
    background-color: #fff
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
    background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    -webkit-box-shadow: 0 0 0 1px #f7f7f9,0 0 0 3.2px rgba(40,167,69,.25);
    box-shadow: 0 0 0 1px #f7f7f9,0 0 0 3.2px rgba(40,167,69,.25)
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label:after,.was-validated .custom-file-input:valid~.custom-file-label:after {
    border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    -webkit-box-shadow: 0 0 0 3.2px rgba(40,167,69,.25);
    box-shadow: 0 0 0 3.2px rgba(40,167,69,.25)
}

.invalid-feedback {
    width: 100%;
    margin-top: 4px;
    font-size: 80%;
    color: #dc0610
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 4px 8px;
    margin-top: .1rem;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,6,16,.9);
    border-radius: 4px
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
    border-color: #dc0610
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc0610;
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,6,16,.25);
    box-shadow: 0 0 0 3.2px rgba(220,6,16,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc0610;
    background-color: #fff
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc0610
}

.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
    background-color: #fb676e
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #f91c26
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    -webkit-box-shadow: 0 0 0 1px #f7f7f9,0 0 0 3.2px rgba(220,6,16,.25);
    box-shadow: 0 0 0 1px #f7f7f9,0 0 0 3.2px rgba(220,6,16,.25)
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc0610
}

.custom-file-input.is-invalid~.custom-file-label:after,.was-validated .custom-file-input:invalid~.custom-file-label:after {
    border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,6,16,.25);
    box-shadow: 0 0 0 3.2px rgba(220,6,16,.25)
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 3.2px #dc0610;
    box-shadow: 0 0 3.2px #dc0610
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn-primary {
    color: #fff;
    background-color: #dc0610;
    border-color: #dc0610
}

.btn-primary:hover {
    color: #fff;
    background-color: #b7050d;
    border-color: #aa050c
}

.btn-primary.focus,.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,6,16,.5);
    box-shadow: 0 0 0 3.2px rgba(220,6,16,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #dc0610;
    border-color: #dc0610
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #aa050c;
    border-color: #9e040b
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,6,16,.5);
    box-shadow: 0 0 0 3.2px rgba(220,6,16,.5)
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 8px
}

.btn-outline-primary {
    color: #dc0610;
    background-color: transparent;
    background-image: none;
    border-color: #dc0610
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #dc0610;
    border-color: #dc0610
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,6,16,.5);
    box-shadow: 0 0 0 3.2px rgba(220,6,16,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #dc0610;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #dc0610;
    border-color: #dc0610
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,6,16,.5);
    box-shadow: 0 0 0 3.2px rgba(220,6,16,.5)
}

.btn--nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.btn-primary-075 {
    color: #fff;
    background-color: rgba(220,18,41,.75);
    border-color: rgba(220,18,41,.75)
}

.btn-primary-075:hover {
    color: #fff;
    background-color: rgba(185,15,34,.75);
    border-color: rgba(173,14,32,.75)
}

.btn-primary-075.focus,.btn-primary-075:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,18,41,.5);
    box-shadow: 0 0 0 3.2px rgba(220,18,41,.5)
}

.btn-primary-075.disabled,.btn-primary-075:disabled {
    color: #fff;
    background-color: rgba(220,18,41,.75);
    border-color: rgba(220,18,41,.75)
}

.btn-primary-075:not(:disabled):not(.disabled).active,.btn-primary-075:not(:disabled):not(.disabled):active,.show>.btn-primary-075.dropdown-toggle {
    color: #fff;
    background-color: rgba(173,14,32,.75);
    border-color: rgba(161,13,30,.75)
}

.btn-primary-075:not(:disabled):not(.disabled).active:focus,.btn-primary-075:not(:disabled):not(.disabled):active:focus,.show>.btn-primary-075.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,18,41,.5);
    box-shadow: 0 0 0 3.2px rgba(220,18,41,.5)
}

.btn-secondary {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-secondary:hover {
    color: #fff;
    background-color: #626262;
    border-color: #5c5c5c
}

.btn-secondary.focus,.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5c5c5c;
    border-color: #555
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5)
}

.btn-light {
    color: #212121;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.btn-light:hover {
    color: #212121;
    background-color: #e2e2e2;
    border-color: #dcdcdc
}

.btn-light.focus,.btn-light:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #212121;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    color: #212121;
    background-color: #dcdcdc;
    border-color: #d5d5d5
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5)
}

.btn-dark {
    color: #fff;
    background-color: #424242;
    border-color: #424242
}

.btn-dark:hover {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #292929
}

.btn-dark.focus,.btn-dark:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(66,66,66,.5);
    box-shadow: 0 0 0 3.2px rgba(66,66,66,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #424242;
    border-color: #424242
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #292929;
    border-color: #222
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(66,66,66,.5);
    box-shadow: 0 0 0 3.2px rgba(66,66,66,.5)
}

.btn-outline-primary-075 {
    color: rgba(220,18,41,.75);
    background-color: transparent;
    background-image: none;
    border-color: rgba(220,18,41,.75)
}

.btn-outline-primary-075:hover {
    color: #fff;
    background-color: rgba(220,18,41,.75);
    border-color: rgba(220,18,41,.75)
}

.btn-outline-primary-075.focus,.btn-outline-primary-075:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,18,41,.5);
    box-shadow: 0 0 0 3.2px rgba(220,18,41,.5)
}

.btn-outline-primary-075.disabled,.btn-outline-primary-075:disabled {
    color: rgba(220,18,41,.75);
    background-color: transparent
}

.btn-outline-primary-075:not(:disabled):not(.disabled).active,.btn-outline-primary-075:not(:disabled):not(.disabled):active,.show>.btn-outline-primary-075.dropdown-toggle {
    color: #fff;
    background-color: rgba(220,18,41,.75);
    border-color: rgba(220,18,41,.75)
}

.btn-outline-primary-075:not(:disabled):not(.disabled).active:focus,.btn-outline-primary-075:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary-075.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(220,18,41,.5);
    box-shadow: 0 0 0 3.2px rgba(220,18,41,.5)
}

.btn-outline-secondary {
    color: #757575;
    background-color: transparent;
    background-image: none;
    border-color: #757575
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #757575;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,45.9%,.5)
}

.btn-outline-light {
    color: #f5f5f5;
    background-color: transparent;
    background-image: none;
    border-color: #f5f5f5
}

.btn-outline-light:hover {
    color: #212121;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.btn-outline-light.focus,.btn-outline-light:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f5f5f5;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #212121;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5);
    box-shadow: 0 0 0 3.2px hsla(0,0%,96.1%,.5)
}

.btn-outline-dark {
    color: #424242;
    background-color: transparent;
    background-image: none;
    border-color: #424242
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #424242;
    border-color: #424242
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(66,66,66,.5);
    box-shadow: 0 0 0 3.2px rgba(66,66,66,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #424242;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #424242;
    border-color: #424242
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(66,66,66,.5);
    box-shadow: 0 0 0 3.2px rgba(66,66,66,.5)
}

.btn-alldevice {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-alldevice:hover {
    color: #fff;
    background-color: #202020;
    border-color: #1a1a1a
}

.btn-alldevice.focus,.btn-alldevice:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(51,51,51,.5);
    box-shadow: 0 0 0 3.2px rgba(51,51,51,.5)
}

.btn-alldevice.disabled,.btn-alldevice:disabled {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-alldevice:not(:disabled):not(.disabled).active,.btn-alldevice:not(:disabled):not(.disabled):active,.show>.btn-alldevice.dropdown-toggle {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #131313
}

.btn-alldevice:not(:disabled):not(.disabled).active:focus,.btn-alldevice:not(:disabled):not(.disabled):active:focus,.show>.btn-alldevice.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(51,51,51,.5);
    box-shadow: 0 0 0 3.2px rgba(51,51,51,.5)
}

.btn-ps4 {
    color: #fff;
    background-color: #5260b4;
    border-color: #5260b4
}

.btn-ps4:hover {
    color: #fff;
    background-color: #44509c;
    border-color: #404c93
}

.btn-ps4.focus,.btn-ps4:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(82,96,180,.5);
    box-shadow: 0 0 0 3.2px rgba(82,96,180,.5)
}

.btn-ps4.disabled,.btn-ps4:disabled {
    color: #fff;
    background-color: #5260b4;
    border-color: #5260b4
}

.btn-ps4:not(:disabled):not(.disabled).active,.btn-ps4:not(:disabled):not(.disabled):active,.show>.btn-ps4.dropdown-toggle {
    color: #fff;
    background-color: #404c93;
    border-color: #3c478a
}

.btn-ps4:not(:disabled):not(.disabled).active:focus,.btn-ps4:not(:disabled):not(.disabled):active:focus,.show>.btn-ps4.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(82,96,180,.5);
    box-shadow: 0 0 0 3.2px rgba(82,96,180,.5)
}

.btn-switch {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012
}

.btn-switch:hover {
    color: #fff;
    background-color: #c0000f;
    border-color: #b3000e
}

.btn-switch.focus,.btn-switch:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(230,0,18,.5);
    box-shadow: 0 0 0 3.2px rgba(230,0,18,.5)
}

.btn-switch.disabled,.btn-switch:disabled {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012
}

.btn-switch:not(:disabled):not(.disabled).active,.btn-switch:not(:disabled):not(.disabled):active,.show>.btn-switch.dropdown-toggle {
    color: #fff;
    background-color: #b3000e;
    border-color: #a6000d
}

.btn-switch:not(:disabled):not(.disabled).active:focus,.btn-switch:not(:disabled):not(.disabled):active:focus,.show>.btn-switch.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(230,0,18,.5);
    box-shadow: 0 0 0 3.2px rgba(230,0,18,.5)
}

.btn-psvr {
    color: #fff;
    background-color: #09a7d3;
    border-color: #09a7d3
}

.btn-psvr:hover {
    color: #fff;
    background-color: #078aae;
    border-color: #0780a2
}

.btn-psvr.focus,.btn-psvr:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(9,167,211,.5);
    box-shadow: 0 0 0 3.2px rgba(9,167,211,.5)
}

.btn-psvr.disabled,.btn-psvr:disabled {
    color: #fff;
    background-color: #09a7d3;
    border-color: #09a7d3
}

.btn-psvr:not(:disabled):not(.disabled).active,.btn-psvr:not(:disabled):not(.disabled):active,.show>.btn-psvr.dropdown-toggle {
    color: #fff;
    background-color: #0780a2;
    border-color: #067796
}

.btn-psvr:not(:disabled):not(.disabled).active:focus,.btn-psvr:not(:disabled):not(.disabled):active:focus,.show>.btn-psvr.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(9,167,211,.5);
    box-shadow: 0 0 0 3.2px rgba(9,167,211,.5)
}

.btn-psvita {
    color: #fff;
    background-color: #343ed4;
    border-color: #343ed4
}

.btn-psvita:hover {
    color: #fff;
    background-color: #2731ba;
    border-color: #252eb0
}

.btn-psvita.focus,.btn-psvita:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(52,62,212,.5);
    box-shadow: 0 0 0 3.2px rgba(52,62,212,.5)
}

.btn-psvita.disabled,.btn-psvita:disabled {
    color: #fff;
    background-color: #343ed4;
    border-color: #343ed4
}

.btn-psvita:not(:disabled):not(.disabled).active,.btn-psvita:not(:disabled):not(.disabled):active,.show>.btn-psvita.dropdown-toggle {
    color: #fff;
    background-color: #252eb0;
    border-color: #232ba5
}

.btn-psvita:not(:disabled):not(.disabled).active:focus,.btn-psvita:not(:disabled):not(.disabled):active:focus,.show>.btn-psvita.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(52,62,212,.5);
    box-shadow: 0 0 0 3.2px rgba(52,62,212,.5)
}

.btn-3ds {
    color: #fff;
    background-color: #9e3334;
    border-color: #9e3334
}

.btn-3ds:hover {
    color: #fff;
    background-color: #812a2a;
    border-color: #772727
}

.btn-3ds.focus,.btn-3ds:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(158,51,52,.5);
    box-shadow: 0 0 0 3.2px rgba(158,51,52,.5)
}

.btn-3ds.disabled,.btn-3ds:disabled {
    color: #fff;
    background-color: #9e3334;
    border-color: #9e3334
}

.btn-3ds:not(:disabled):not(.disabled).active,.btn-3ds:not(:disabled):not(.disabled):active,.show>.btn-3ds.dropdown-toggle {
    color: #fff;
    background-color: #772727;
    border-color: #6e2324
}

.btn-3ds:not(:disabled):not(.disabled).active:focus,.btn-3ds:not(:disabled):not(.disabled):active:focus,.show>.btn-3ds.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(158,51,52,.5);
    box-shadow: 0 0 0 3.2px rgba(158,51,52,.5)
}

.btn-xboxone {
    color: #fff;
    background-color: #306152;
    border-color: #306152
}

.btn-xboxone:hover {
    color: #fff;
    background-color: #23473c;
    border-color: #1f3f35
}

.btn-xboxone.focus,.btn-xboxone:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(48,97,82,.5);
    box-shadow: 0 0 0 3.2px rgba(48,97,82,.5)
}

.btn-xboxone.disabled,.btn-xboxone:disabled {
    color: #fff;
    background-color: #306152;
    border-color: #306152
}

.btn-xboxone:not(:disabled):not(.disabled).active,.btn-xboxone:not(:disabled):not(.disabled):active,.show>.btn-xboxone.dropdown-toggle {
    color: #fff;
    background-color: #1f3f35;
    border-color: #1b362e
}

.btn-xboxone:not(:disabled):not(.disabled).active:focus,.btn-xboxone:not(:disabled):not(.disabled):active:focus,.show>.btn-xboxone.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(48,97,82,.5);
    box-shadow: 0 0 0 3.2px rgba(48,97,82,.5)
}

.btn-ps3 {
    color: #fff;
    background-color: #4c5267;
    border-color: #4c5267
}

.btn-ps3:hover {
    color: #fff;
    background-color: #3c4051;
    border-color: #363b4a
}

.btn-ps3.focus,.btn-ps3:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(76,82,103,.5);
    box-shadow: 0 0 0 3.2px rgba(76,82,103,.5)
}

.btn-ps3.disabled,.btn-ps3:disabled {
    color: #fff;
    background-color: #4c5267;
    border-color: #4c5267
}

.btn-ps3:not(:disabled):not(.disabled).active,.btn-ps3:not(:disabled):not(.disabled):active,.show>.btn-ps3.dropdown-toggle {
    color: #fff;
    background-color: #363b4a;
    border-color: #313542
}

.btn-ps3:not(:disabled):not(.disabled).active:focus,.btn-ps3:not(:disabled):not(.disabled):active:focus,.show>.btn-ps3.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(76,82,103,.5);
    box-shadow: 0 0 0 3.2px rgba(76,82,103,.5)
}

.btn-wiiu {
    color: #fff;
    background-color: #5e8dbc;
    border-color: #5e8dbc
}

.btn-wiiu:hover {
    color: #fff;
    background-color: #487aac;
    border-color: #4474a3
}

.btn-wiiu.focus,.btn-wiiu:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(94,141,188,.5);
    box-shadow: 0 0 0 3.2px rgba(94,141,188,.5)
}

.btn-wiiu.disabled,.btn-wiiu:disabled {
    color: #fff;
    background-color: #5e8dbc;
    border-color: #5e8dbc
}

.btn-wiiu:not(:disabled):not(.disabled).active,.btn-wiiu:not(:disabled):not(.disabled):active,.show>.btn-wiiu.dropdown-toggle {
    color: #fff;
    background-color: #4474a3;
    border-color: #406d9a
}

.btn-wiiu:not(:disabled):not(.disabled).active:focus,.btn-wiiu:not(:disabled):not(.disabled):active:focus,.show>.btn-wiiu.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(94,141,188,.5);
    box-shadow: 0 0 0 3.2px rgba(94,141,188,.5)
}

.btn-xbox360 {
    color: #fff;
    background-color: #5bb57e;
    border-color: #5bb57e
}

.btn-xbox360:hover {
    color: #fff;
    background-color: #49a16b;
    border-color: #459865
}

.btn-xbox360.focus,.btn-xbox360:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(91,181,126,.5);
    box-shadow: 0 0 0 3.2px rgba(91,181,126,.5)
}

.btn-xbox360.disabled,.btn-xbox360:disabled {
    color: #fff;
    background-color: #5bb57e;
    border-color: #5bb57e
}

.btn-xbox360:not(:disabled):not(.disabled).active,.btn-xbox360:not(:disabled):not(.disabled):active,.show>.btn-xbox360.dropdown-toggle {
    color: #fff;
    background-color: #459865;
    border-color: #41905f
}

.btn-xbox360:not(:disabled):not(.disabled).active:focus,.btn-xbox360:not(:disabled):not(.disabled):active:focus,.show>.btn-xbox360.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(91,181,126,.5);
    box-shadow: 0 0 0 3.2px rgba(91,181,126,.5)
}

.btn-ps5 {
    color: #fff;
    background-color: #0172ce;
    border-color: #0172ce
}

.btn-ps5:hover {
    color: #fff;
    background-color: #015da8;
    border-color: #01569b
}

.btn-ps5.focus,.btn-ps5:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(1,114,206,.5);
    box-shadow: 0 0 0 3.2px rgba(1,114,206,.5)
}

.btn-ps5.disabled,.btn-ps5:disabled {
    color: #fff;
    background-color: #0172ce;
    border-color: #0172ce
}

.btn-ps5:not(:disabled):not(.disabled).active,.btn-ps5:not(:disabled):not(.disabled):active,.show>.btn-ps5.dropdown-toggle {
    color: #fff;
    background-color: #01569b;
    border-color: #014f8f
}

.btn-ps5:not(:disabled):not(.disabled).active:focus,.btn-ps5:not(:disabled):not(.disabled):active:focus,.show>.btn-ps5.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(1,114,206,.5);
    box-shadow: 0 0 0 3.2px rgba(1,114,206,.5)
}

.btn-xsx {
    color: #fff;
    background-color: #75b308;
    border-color: #75b308
}

.btn-xsx:hover {
    color: #fff;
    background-color: #5d8e06;
    border-color: #558206
}

.btn-xsx.focus,.btn-xsx:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(117,179,8,.5);
    box-shadow: 0 0 0 3.2px rgba(117,179,8,.5)
}

.btn-xsx.disabled,.btn-xsx:disabled {
    color: #fff;
    background-color: #75b308;
    border-color: #75b308
}

.btn-xsx:not(:disabled):not(.disabled).active,.btn-xsx:not(:disabled):not(.disabled):active,.show>.btn-xsx.dropdown-toggle {
    color: #fff;
    background-color: #558206;
    border-color: #4d7605
}

.btn-xsx:not(:disabled):not(.disabled).active:focus,.btn-xsx:not(:disabled):not(.disabled):active:focus,.show>.btn-xsx.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(117,179,8,.5);
    box-shadow: 0 0 0 3.2px rgba(117,179,8,.5)
}

.btn-steam {
    color: #fff;
    background-color: #0c2f81;
    border-color: #0c2f81
}

.btn-steam:hover {
    color: #fff;
    background-color: #09225e;
    border-color: #081e52
}

.btn-steam.focus,.btn-steam:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(12,47,129,.5);
    box-shadow: 0 0 0 3.2px rgba(12,47,129,.5)
}

.btn-steam.disabled,.btn-steam:disabled {
    color: #fff;
    background-color: #0c2f81;
    border-color: #0c2f81
}

.btn-steam:not(:disabled):not(.disabled).active,.btn-steam:not(:disabled):not(.disabled):active,.show>.btn-steam.dropdown-toggle {
    color: #fff;
    background-color: #081e52;
    border-color: #071a47
}

.btn-steam:not(:disabled):not(.disabled).active:focus,.btn-steam:not(:disabled):not(.disabled):active:focus,.show>.btn-steam.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(12,47,129,.5);
    box-shadow: 0 0 0 3.2px rgba(12,47,129,.5)
}

.btn-outline-alldevice {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #333
}

.btn-outline-alldevice:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-outline-alldevice.focus,.btn-outline-alldevice:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(51,51,51,.5);
    box-shadow: 0 0 0 3.2px rgba(51,51,51,.5)
}

.btn-outline-alldevice.disabled,.btn-outline-alldevice:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-alldevice:not(:disabled):not(.disabled).active,.btn-outline-alldevice:not(:disabled):not(.disabled):active,.show>.btn-outline-alldevice.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-outline-alldevice:not(:disabled):not(.disabled).active:focus,.btn-outline-alldevice:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-alldevice.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(51,51,51,.5);
    box-shadow: 0 0 0 3.2px rgba(51,51,51,.5)
}

.btn-outline-ps4 {
    color: #5260b4;
    background-color: transparent;
    background-image: none;
    border-color: #5260b4
}

.btn-outline-ps4:hover {
    color: #fff;
    background-color: #5260b4;
    border-color: #5260b4
}

.btn-outline-ps4.focus,.btn-outline-ps4:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(82,96,180,.5);
    box-shadow: 0 0 0 3.2px rgba(82,96,180,.5)
}

.btn-outline-ps4.disabled,.btn-outline-ps4:disabled {
    color: #5260b4;
    background-color: transparent
}

.btn-outline-ps4:not(:disabled):not(.disabled).active,.btn-outline-ps4:not(:disabled):not(.disabled):active,.show>.btn-outline-ps4.dropdown-toggle {
    color: #fff;
    background-color: #5260b4;
    border-color: #5260b4
}

.btn-outline-ps4:not(:disabled):not(.disabled).active:focus,.btn-outline-ps4:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-ps4.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(82,96,180,.5);
    box-shadow: 0 0 0 3.2px rgba(82,96,180,.5)
}

.btn-outline-switch {
    color: #e60012;
    background-color: transparent;
    background-image: none;
    border-color: #e60012
}

.btn-outline-switch:hover {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012
}

.btn-outline-switch.focus,.btn-outline-switch:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(230,0,18,.5);
    box-shadow: 0 0 0 3.2px rgba(230,0,18,.5)
}

.btn-outline-switch.disabled,.btn-outline-switch:disabled {
    color: #e60012;
    background-color: transparent
}

.btn-outline-switch:not(:disabled):not(.disabled).active,.btn-outline-switch:not(:disabled):not(.disabled):active,.show>.btn-outline-switch.dropdown-toggle {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012
}

.btn-outline-switch:not(:disabled):not(.disabled).active:focus,.btn-outline-switch:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-switch.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(230,0,18,.5);
    box-shadow: 0 0 0 3.2px rgba(230,0,18,.5)
}

.btn-outline-psvr {
    color: #09a7d3;
    background-color: transparent;
    background-image: none;
    border-color: #09a7d3
}

.btn-outline-psvr:hover {
    color: #fff;
    background-color: #09a7d3;
    border-color: #09a7d3
}

.btn-outline-psvr.focus,.btn-outline-psvr:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(9,167,211,.5);
    box-shadow: 0 0 0 3.2px rgba(9,167,211,.5)
}

.btn-outline-psvr.disabled,.btn-outline-psvr:disabled {
    color: #09a7d3;
    background-color: transparent
}

.btn-outline-psvr:not(:disabled):not(.disabled).active,.btn-outline-psvr:not(:disabled):not(.disabled):active,.show>.btn-outline-psvr.dropdown-toggle {
    color: #fff;
    background-color: #09a7d3;
    border-color: #09a7d3
}

.btn-outline-psvr:not(:disabled):not(.disabled).active:focus,.btn-outline-psvr:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-psvr.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(9,167,211,.5);
    box-shadow: 0 0 0 3.2px rgba(9,167,211,.5)
}

.btn-outline-psvita {
    color: #343ed4;
    background-color: transparent;
    background-image: none;
    border-color: #343ed4
}

.btn-outline-psvita:hover {
    color: #fff;
    background-color: #343ed4;
    border-color: #343ed4
}

.btn-outline-psvita.focus,.btn-outline-psvita:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(52,62,212,.5);
    box-shadow: 0 0 0 3.2px rgba(52,62,212,.5)
}

.btn-outline-psvita.disabled,.btn-outline-psvita:disabled {
    color: #343ed4;
    background-color: transparent
}

.btn-outline-psvita:not(:disabled):not(.disabled).active,.btn-outline-psvita:not(:disabled):not(.disabled):active,.show>.btn-outline-psvita.dropdown-toggle {
    color: #fff;
    background-color: #343ed4;
    border-color: #343ed4
}

.btn-outline-psvita:not(:disabled):not(.disabled).active:focus,.btn-outline-psvita:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-psvita.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(52,62,212,.5);
    box-shadow: 0 0 0 3.2px rgba(52,62,212,.5)
}

.btn-outline-3ds {
    color: #9e3334;
    background-color: transparent;
    background-image: none;
    border-color: #9e3334
}

.btn-outline-3ds:hover {
    color: #fff;
    background-color: #9e3334;
    border-color: #9e3334
}

.btn-outline-3ds.focus,.btn-outline-3ds:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(158,51,52,.5);
    box-shadow: 0 0 0 3.2px rgba(158,51,52,.5)
}

.btn-outline-3ds.disabled,.btn-outline-3ds:disabled {
    color: #9e3334;
    background-color: transparent
}

.btn-outline-3ds:not(:disabled):not(.disabled).active,.btn-outline-3ds:not(:disabled):not(.disabled):active,.show>.btn-outline-3ds.dropdown-toggle {
    color: #fff;
    background-color: #9e3334;
    border-color: #9e3334
}

.btn-outline-3ds:not(:disabled):not(.disabled).active:focus,.btn-outline-3ds:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-3ds.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(158,51,52,.5);
    box-shadow: 0 0 0 3.2px rgba(158,51,52,.5)
}

.btn-outline-xboxone {
    color: #306152;
    background-color: transparent;
    background-image: none;
    border-color: #306152
}

.btn-outline-xboxone:hover {
    color: #fff;
    background-color: #306152;
    border-color: #306152
}

.btn-outline-xboxone.focus,.btn-outline-xboxone:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(48,97,82,.5);
    box-shadow: 0 0 0 3.2px rgba(48,97,82,.5)
}

.btn-outline-xboxone.disabled,.btn-outline-xboxone:disabled {
    color: #306152;
    background-color: transparent
}

.btn-outline-xboxone:not(:disabled):not(.disabled).active,.btn-outline-xboxone:not(:disabled):not(.disabled):active,.show>.btn-outline-xboxone.dropdown-toggle {
    color: #fff;
    background-color: #306152;
    border-color: #306152
}

.btn-outline-xboxone:not(:disabled):not(.disabled).active:focus,.btn-outline-xboxone:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-xboxone.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(48,97,82,.5);
    box-shadow: 0 0 0 3.2px rgba(48,97,82,.5)
}

.btn-outline-ps3 {
    color: #4c5267;
    background-color: transparent;
    background-image: none;
    border-color: #4c5267
}

.btn-outline-ps3:hover {
    color: #fff;
    background-color: #4c5267;
    border-color: #4c5267
}

.btn-outline-ps3.focus,.btn-outline-ps3:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(76,82,103,.5);
    box-shadow: 0 0 0 3.2px rgba(76,82,103,.5)
}

.btn-outline-ps3.disabled,.btn-outline-ps3:disabled {
    color: #4c5267;
    background-color: transparent
}

.btn-outline-ps3:not(:disabled):not(.disabled).active,.btn-outline-ps3:not(:disabled):not(.disabled):active,.show>.btn-outline-ps3.dropdown-toggle {
    color: #fff;
    background-color: #4c5267;
    border-color: #4c5267
}

.btn-outline-ps3:not(:disabled):not(.disabled).active:focus,.btn-outline-ps3:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-ps3.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(76,82,103,.5);
    box-shadow: 0 0 0 3.2px rgba(76,82,103,.5)
}

.btn-outline-wiiu {
    color: #5e8dbc;
    background-color: transparent;
    background-image: none;
    border-color: #5e8dbc
}

.btn-outline-wiiu:hover {
    color: #fff;
    background-color: #5e8dbc;
    border-color: #5e8dbc
}

.btn-outline-wiiu.focus,.btn-outline-wiiu:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(94,141,188,.5);
    box-shadow: 0 0 0 3.2px rgba(94,141,188,.5)
}

.btn-outline-wiiu.disabled,.btn-outline-wiiu:disabled {
    color: #5e8dbc;
    background-color: transparent
}

.btn-outline-wiiu:not(:disabled):not(.disabled).active,.btn-outline-wiiu:not(:disabled):not(.disabled):active,.show>.btn-outline-wiiu.dropdown-toggle {
    color: #fff;
    background-color: #5e8dbc;
    border-color: #5e8dbc
}

.btn-outline-wiiu:not(:disabled):not(.disabled).active:focus,.btn-outline-wiiu:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-wiiu.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(94,141,188,.5);
    box-shadow: 0 0 0 3.2px rgba(94,141,188,.5)
}

.btn-outline-xbox360 {
    color: #5bb57e;
    background-color: transparent;
    background-image: none;
    border-color: #5bb57e
}

.btn-outline-xbox360:hover {
    color: #fff;
    background-color: #5bb57e;
    border-color: #5bb57e
}

.btn-outline-xbox360.focus,.btn-outline-xbox360:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(91,181,126,.5);
    box-shadow: 0 0 0 3.2px rgba(91,181,126,.5)
}

.btn-outline-xbox360.disabled,.btn-outline-xbox360:disabled {
    color: #5bb57e;
    background-color: transparent
}

.btn-outline-xbox360:not(:disabled):not(.disabled).active,.btn-outline-xbox360:not(:disabled):not(.disabled):active,.show>.btn-outline-xbox360.dropdown-toggle {
    color: #fff;
    background-color: #5bb57e;
    border-color: #5bb57e
}

.btn-outline-xbox360:not(:disabled):not(.disabled).active:focus,.btn-outline-xbox360:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-xbox360.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(91,181,126,.5);
    box-shadow: 0 0 0 3.2px rgba(91,181,126,.5)
}

.btn-outline-ps5 {
    color: #0172ce;
    background-color: transparent;
    background-image: none;
    border-color: #0172ce
}

.btn-outline-ps5:hover {
    color: #fff;
    background-color: #0172ce;
    border-color: #0172ce
}

.btn-outline-ps5.focus,.btn-outline-ps5:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(1,114,206,.5);
    box-shadow: 0 0 0 3.2px rgba(1,114,206,.5)
}

.btn-outline-ps5.disabled,.btn-outline-ps5:disabled {
    color: #0172ce;
    background-color: transparent
}

.btn-outline-ps5:not(:disabled):not(.disabled).active,.btn-outline-ps5:not(:disabled):not(.disabled):active,.show>.btn-outline-ps5.dropdown-toggle {
    color: #fff;
    background-color: #0172ce;
    border-color: #0172ce
}

.btn-outline-ps5:not(:disabled):not(.disabled).active:focus,.btn-outline-ps5:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-ps5.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(1,114,206,.5);
    box-shadow: 0 0 0 3.2px rgba(1,114,206,.5)
}

.btn-outline-xsx {
    color: #75b308;
    background-color: transparent;
    background-image: none;
    border-color: #75b308
}

.btn-outline-xsx:hover {
    color: #fff;
    background-color: #75b308;
    border-color: #75b308
}

.btn-outline-xsx.focus,.btn-outline-xsx:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(117,179,8,.5);
    box-shadow: 0 0 0 3.2px rgba(117,179,8,.5)
}

.btn-outline-xsx.disabled,.btn-outline-xsx:disabled {
    color: #75b308;
    background-color: transparent
}

.btn-outline-xsx:not(:disabled):not(.disabled).active,.btn-outline-xsx:not(:disabled):not(.disabled):active,.show>.btn-outline-xsx.dropdown-toggle {
    color: #fff;
    background-color: #75b308;
    border-color: #75b308
}

.btn-outline-xsx:not(:disabled):not(.disabled).active:focus,.btn-outline-xsx:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-xsx.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(117,179,8,.5);
    box-shadow: 0 0 0 3.2px rgba(117,179,8,.5)
}

.btn-outline-steam {
    color: #0c2f81;
    background-color: transparent;
    background-image: none;
    border-color: #0c2f81
}

.btn-outline-steam:hover {
    color: #fff;
    background-color: #0c2f81;
    border-color: #0c2f81
}

.btn-outline-steam.focus,.btn-outline-steam:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(12,47,129,.5);
    box-shadow: 0 0 0 3.2px rgba(12,47,129,.5)
}

.btn-outline-steam.disabled,.btn-outline-steam:disabled {
    color: #0c2f81;
    background-color: transparent
}

.btn-outline-steam:not(:disabled):not(.disabled).active,.btn-outline-steam:not(:disabled):not(.disabled):active,.show>.btn-outline-steam.dropdown-toggle {
    color: #fff;
    background-color: #0c2f81;
    border-color: #0c2f81
}

.btn-outline-steam:not(:disabled):not(.disabled).active:focus,.btn-outline-steam:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-steam.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(12,47,129,.5);
    box-shadow: 0 0 0 3.2px rgba(12,47,129,.5)
}

.btn-lg {
    padding: 8px 16px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 4px
}

.btn-sm {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3.2px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn--col-sticky {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 32px
}

.btn--col-sticky>.btn {
    border-radius: 0
}

.btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -8px
}

.btn-list__item--inline-block {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    margin-right: 8px;
    margin-bottom: 8px
}

.btn-light-blue {
    color: #fff;
    background-color: #00afef;
    border-color: #00afef
}

.btn-light-blue:hover {
    color: #fff;
    background-color: #0093c9;
    border-color: #008abc
}

.btn-light-blue.focus,.btn-light-blue:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(0,175,239,.5);
    box-shadow: 0 0 0 3.2px rgba(0,175,239,.5)
}

.btn-light-blue.disabled,.btn-light-blue:disabled {
    color: #fff;
    background-color: #00afef;
    border-color: #00afef
}

.btn-light-blue:not(:disabled):not(.disabled).active,.btn-light-blue:not(:disabled):not(.disabled):active,.show>.btn-light-blue.dropdown-toggle {
    color: #fff;
    background-color: #008abc;
    border-color: #0080af
}

.btn-light-blue:not(:disabled):not(.disabled).active:focus,.btn-light-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-light-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(0,175,239,.5);
    box-shadow: 0 0 0 3.2px rgba(0,175,239,.5)
}

.btn-deep-orange {
    color: #fff;
    background-color: #f56636;
    border-color: #f56636
}

.btn-deep-orange:hover {
    color: #fff;
    background-color: #f34a12;
    border-color: #ec440c
}

.btn-deep-orange.focus,.btn-deep-orange:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(245,102,54,.5);
    box-shadow: 0 0 0 3.2px rgba(245,102,54,.5)
}

.btn-deep-orange.disabled,.btn-deep-orange:disabled {
    color: #fff;
    background-color: #f56636;
    border-color: #f56636
}

.btn-deep-orange:not(:disabled):not(.disabled).active,.btn-deep-orange:not(:disabled):not(.disabled):active,.show>.btn-deep-orange.dropdown-toggle {
    color: #fff;
    background-color: #ec440c;
    border-color: #e0410b
}

.btn-deep-orange:not(:disabled):not(.disabled).active:focus,.btn-deep-orange:not(:disabled):not(.disabled):active:focus,.show>.btn-deep-orange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(245,102,54,.5);
    box-shadow: 0 0 0 3.2px rgba(245,102,54,.5)
}

.btn-amber {
    color: #212121;
    background-color: #f5a900;
    border-color: #f5a900
}

.btn-amber:hover {
    color: #fff;
    background-color: #cf8f00;
    border-color: #c28600
}

.btn-amber.focus,.btn-amber:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(245,169,0,.5);
    box-shadow: 0 0 0 3.2px rgba(245,169,0,.5)
}

.btn-amber.disabled,.btn-amber:disabled {
    color: #212121;
    background-color: #f5a900;
    border-color: #f5a900
}

.btn-amber:not(:disabled):not(.disabled).active,.btn-amber:not(:disabled):not(.disabled):active,.show>.btn-amber.dropdown-toggle {
    color: #fff;
    background-color: #c28600;
    border-color: #b57d00
}

.btn-amber:not(:disabled):not(.disabled).active:focus,.btn-amber:not(:disabled):not(.disabled):active:focus,.show>.btn-amber.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(245,169,0,.5);
    box-shadow: 0 0 0 3.2px rgba(245,169,0,.5)
}

.btn-app-store {
    color: #fff;
    background-color: #0072f8;
    border-color: #0072f8
}

.btn-app-store:hover {
    color: #fff;
    background-color: #0060d2;
    border-color: #005bc5
}

.btn-app-store.focus,.btn-app-store:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(0,114,248,.5);
    box-shadow: 0 0 0 3.2px rgba(0,114,248,.5)
}

.btn-app-store.disabled,.btn-app-store:disabled {
    color: #fff;
    background-color: #0072f8;
    border-color: #0072f8
}

.btn-app-store:not(:disabled):not(.disabled).active,.btn-app-store:not(:disabled):not(.disabled):active,.show>.btn-app-store.dropdown-toggle {
    color: #fff;
    background-color: #005bc5;
    border-color: #0055b8
}

.btn-app-store:not(:disabled):not(.disabled).active:focus,.btn-app-store:not(:disabled):not(.disabled):active:focus,.show>.btn-app-store.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(0,114,248,.5);
    box-shadow: 0 0 0 3.2px rgba(0,114,248,.5)
}

.btn-google-play {
    color: #fff;
    background-color: #00b966;
    border-color: #00b966
}

.btn-google-play:hover {
    color: #fff;
    background-color: #009351;
    border-color: #00864a
}

.btn-google-play.focus,.btn-google-play:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(0,185,102,.5);
    box-shadow: 0 0 0 3.2px rgba(0,185,102,.5)
}

.btn-google-play.disabled,.btn-google-play:disabled {
    color: #fff;
    background-color: #00b966;
    border-color: #00b966
}

.btn-google-play:not(:disabled):not(.disabled).active,.btn-google-play:not(:disabled):not(.disabled):active,.show>.btn-google-play.dropdown-toggle {
    color: #fff;
    background-color: #00864a;
    border-color: #007943
}

.btn-google-play:not(:disabled):not(.disabled).active:focus,.btn-google-play:not(:disabled):not(.disabled):active:focus,.show>.btn-google-play.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 3.2px rgba(0,185,102,.5);
    box-shadow: 0 0 0 3.2px rgba(0,185,102,.5)
}

.btn-amber {
    color: #fff
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,.input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #616161;
    text-align: center;
    white-space: nowrap;
    background-color: #eee;
    border: 1px solid #bdbdbd;
    border-radius: 4px
}

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 38px;
    padding: 6px 28px 6px 12px;
    line-height: 1.5;
    color: #616161;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 8px 10px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #dc0610;
    outline: 0;
    -webkit-box-shadow: 0 0 3.2px #dc0610;
    box-shadow: 0 0 3.2px #dc0610
}

.custom-select:focus::-ms-value {
    color: #616161;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 12px;
    background-image: none
}

.custom-select:disabled {
    color: #757575;
    background-color: #eee
}

.custom-select::-ms-expand {
    opacity: 0;
    display: none
}

.custom-select-sm {
    height: 31px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px
}

.custom-select-lg {
    height: 48px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 125%
}

.custom-control-label:before,.custom-file-label,.custom-select {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.custom-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-input-text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    outline: none;
    border: 1px solid #e0e0e0;
    background-color: #fcfcfc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 6px 12px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.custom-input-text::-webkit-input-placeholder {
    color: #9e9e9e
}

.custom-input-text::-moz-placeholder {
    color: #9e9e9e
}

.custom-input-text::-ms-input-placeholder {
    color: #9e9e9e
}

.custom-input-text::placeholder {
    color: #9e9e9e
}

.custom-input-text:focus {
    -webkit-box-shadow: 0 0 3px #dc0610;
    box-shadow: 0 0 3px #dc0610;
    border: 1px solid #dc0610
}

.custom-search-from__control-group .custom-control-label {
    font-size: 14px
}

.custom-search-form__input-group .fa-search {
    width: 20px;
    height: 20px;
    color: #fff
}

.custom-search-form__input-text {
    font-size: 16px;
    height: 40px;
    border-radius: 0;
    min-width: 0
}

.custom-search-form__search-btn-container {
    margin-left: -1px
}

.custom-search-form__search-btn {
    width: 56px;
    height: 40px;
    background-color: #dc0610;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.custom-search-form .custom-select {
    height: 40px;
    font-size: 11px;
    background-color: #e9ecef;
    border-radius: 4px 0 0 4px;
    border: 1px solid #e0e0e0;
    min-width: 75px
}

.custom-dropdown-menu {
    position: relative
}

.custom-dropdown-menu__inner {
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 1000;
    padding: 8px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2);
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #fff;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 248px
}

.custom-dropdown-menu__inner--bg-flip {
    background-color: #424242
}

.custom-dropdown-menu__link {
    padding: 4px 16px;
    display: block;
    color: #424242;
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.custom-dropdown-menu__link:hover {
    background-color: #eee;
    color: #424242
}

.custom-dropdown-menu__inner--bg-flip .custom-dropdown-menu__link {
    color: #fff
}

.row--pr {
    max-width: 600px;
    margin: 0 auto
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav__link {
    color: #9e9e9e;
    display: block;
    padding: 8px 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.nav-type-1 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e0e0e0
}

.nav-type-1 .nav__link {
    border-bottom: 3px solid transparent
}

.nav-type-1 .nav__link:hover {
    color: #dc0610
}

.nav-type-1 .nav__link--active {
    color: #dc0610;
    border-color: #dc0610
}

.nav--white .nav__link {
    color: #fff
}

.nav--white .nav__link:hover {
    color: #d9d9d9
}

.nav--schedule {
    font-size: 13px
}

.nav--schedule .nav__link {
    padding: 8px 0
}

.nav--ranking-article .nav__item,.nav--schedule .nav__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    max-width: none
}

.nav--ranking-article .nav__link {
    padding: 8px 0
}

.nav-type-2 {
    white-space: nowrap;
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 16px
}

.nav-type-2 .nav__item {
    padding-left: 8px;
    padding-right: 8px;
    min-width: 0;
    overflow: hidden
}

.nav-type-2 .nav__link {
    border-radius: 4px;
    background-color: #e0e0e0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 12px
}

.nav-type-2 .nav__link--active,.nav-type-2 .nav__link:hover {
    color: #fff;
    background-color: #dc0610
}

.nav--col-12.nav-type-1 {
    margin-top: -16px
}

.nav--col-12.nav-type-1 .nav__link {
    padding: 16px
}

.nav--col-12.nav-type-2 .nav__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%
}

.nav--col-12.nav-type-2 .nav__link {
    padding: 8px 16px
}

.nav-scroller {
    position: relative;
    overflow: hidden
}

.nav-scroller:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#f7f7f9));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#f7f7f9);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#f7f7f9)
}

.nav-scroller .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav-scroller .nav__item:last-child {
    padding-right: 32px
}

.nav-scroller__inner {
    padding-right: 15px;
    padding-left: 15px;
    white-space: nowrap;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: -moz-hidden-unscrollable
}

.nav-scroller__inner::-webkit-scrollbar {
    display: none
}

.nav-scroller--black:after {
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.98)));
    background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.98));
    background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.98))
}

.header-global-nav {
    position: relative;
    font-size: 14px;
    overflow: hidden;
    background-color: #212121;
    width: 100%
}

.header-global-nav:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.98)));
    background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.98));
    background-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.98));
    pointer-events: none
}

.header-global-nav__inner {
    white-space: nowrap;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 4px;
    cursor: pointer;
    overflow-x: -moz-hidden-unscrollable
}

.header-global-nav__inner::-webkit-scrollbar {
    display: none
}

.header-global-nav__main {
    text-align: center
}

.header-global-nav__item {
    display: inline-block
}

.header-global-nav__item .icon-dropdown-menu {
    padding-right: 16px
}

.header-global-nav__item .icon-dropdown-menu:after {
    right: 0
}

.header-global-nav__item:last-child {
    padding-right: 32px
}

.header-global-nav__link {
    color: #fff;
    display: block;
    padding: 0 6px;
    line-height: 44px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-global-nav__link:hover {
    color: #d9d9d9
}

.header-global-nav__link:hover:after {
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9
}

.card {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card:hover .card__media-inner {
    opacity: .9
}

.card:hover .icon-play_circle_outline {
    fill: #dc0610
}

.card:hover .card__title,.card:hover .card__title {
    color: #dc0610
}

.card .card__inner {
    display: block;
    position: relative;
    color: inherit
}

.card .card__media {
    overflow: hidden
}

.card .card__media,.card .card__media-inner {
    position: relative;
    display: block
}

.card .card__media-inner {
    background: url(/img/1812/famitsu-com.svg);
    background-size: 70% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #eee
}

.card amp-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.card .card__media-inner:after,.card .card__media-movie:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card .card__body {
    position: relative
}

.card .card__title {
    margin-top: 8px
}

.card .card__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: 4.2em;
    color: #424242
}

.card .card__footer {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #9e9e9e;
    line-height: 1
}

.card .card__footer a {
    color: #9e9e9e
}

.card .card__ad,.card .card__date {
    min-width: 0
}

.card .card__date .fa-clock {
    fill: #757575;
    height: 12px;
    width: 12px
}

.card .card__date .card__date-time {
    padding-left: 2px;
    vertical-align: bottom
}

.card .icon-play_circle_outline {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 36px;
    height: 36px;
    fill: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card .icon-ranking {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.card .card__status {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.card .card__author {
    margin-top: -16px;
    margin-left: 8px;
    line-height: 1;
    pointer-events: auto
}

.card .card__author a {
    display: block
}

.card .card__author a:hover {
    opacity: .9
}

.card .card__category {
    margin-top: -16px;
    margin-left: 8px;
    pointer-events: auto;
    min-width: 0;
    overflow: hidden
}

.card .card__category-item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: rgba(220,6,16,.9);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card .card__category-item:hover {
    background-color: #92040b
}

.card .card__retweet {
    position: relative;
    top: -1px;
    text-align: right;
    background-color: #eee;
    padding: 4px 8px;
    line-height: 1
}

.card .card__retweet-num {
    font-size: 12px;
    color: #55acee;
    vertical-align: middle
}

.card .icon-twitter {
    width: 12px;
    height: 12px;
    fill: #55acee
}

.card .card__lead {
    color: #757575;
    padding-top: 4px;
    display: none
}

.card .card__lead a {
    word-break: break-all;
    line-height: 1.5;
    font-weight: 400;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3em;
    color: #757575
}

.card .author-image,.card .author-name {
    vertical-align: middle
}

.card .author-image {
    width: 26px;
    height: 26px;
    background-size: cover;
    background-clip: content-box;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    border: 1px solid #dee2e6;
    border-radius: 50%
}

.card .card__ad {
    text-align: right;
    color: #bdbdbd
}

.card .adcloud_frame a {
    width: auto!important;
    max-height: 56.25vw!important
}

.card .adcloud_frame img {
    height: auto!important;
    width: 100%!important
}

.card--cinema-overlay .card__body {
    margin-top: -2.5em;
    margin-right: 32px;
    padding-top: 16px;
    padding-right: 16px;
    background-color: #fff
}

.card--cinema-overlay .card__status,.card--cinema-overlay .card__title {
    margin-top: 0
}

.card--cinema-overlay .card__title {
    -webkit-line-clamp: 5;
    max-height: 7em;
    font-size: 16px
}

.card--overlay:hover .card__title,.card--overlay:hover .card__title {
    color: #fff;
    opacity: .9
}

.card--overlay .card__media-inner:after {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(25%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.4)));
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.1) 25%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.4));
    background-image: linear-gradient(transparent,rgba(0,0,0,.1) 25%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.4))
}

.card--overlay .icon-play_circle_outline {
    top: 8px;
    left: 16px;
    -webkit-transform: none;
    transform: none;
    width: 30px;
    height: 30px
}

.card--overlay .card__body {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px
}

.card--overlay .card__title {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.4)
}

.card--overlay .card__title,.card--overlay .card__title:hover {
    color: #fff
}

.card--overlay .card__ad,.card--overlay .card__date-time {
    color: #f5f5f5
}

.card--overlay-half .card__media-inner:after {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,transparent),to(rgba(0,0,0,.6)));
    background-image: -webkit-linear-gradient(top,transparent 30%,rgba(0,0,0,.6));
    background-image: linear-gradient(180deg,transparent 30%,rgba(0,0,0,.6))
}

.card--overlay-half .card__body {
    margin: -48px 16px 16px
}

.card--overlay-half .card__title {
    text-shadow: 0 1px 1px rgba(0,0,0,.4)
}

.card--overlay-half .card__title {
    -webkit-line-clamp: 4;
    max-height: 5.6em
}

.card--overlay-half .icon-play_circle_outline {
    top: 16px;
    left: 16px;
    -webkit-transform: none;
    transform: none;
    width: 30px;
    height: 30px
}

.card--img-left .card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card--img-left .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    min-width: 0
}

.card--img-left .card__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    min-width: 0;
    overflow: hidden;
    padding-left: 16px
}

.card--img-left .card__author {
    margin-top: 0;
    margin-right: 0;
    position: relative;
    top: -1px
}

.card--img-left .author-image {
    width: 16px;
    height: 16px
}

.card--img-left .card__status {
    margin-top: 0
}

.card--img-left .card__category {
    margin-top: 0;
    margin-left: 4px
}

.card--img-left .card__category-item,.card--img-left .card__category-item:hover {
    background-color: transparent;
    color: #dc0610;
    padding: 0
}

.card--img-left .card__category-item:hover {
    color: #92040b
}

.card--img-left .card__title {
    margin-top: 2.66667px
}

.card--img-left .card__title {
    font-size: 14px;
    -webkit-line-clamp: 5;
    max-height: 7em
}

.card--img-left .card__footer {
    margin-top: 5.33333px
}

.card--img-left .icon-play_circle_outline {
    width: 24px;
    height: 24px
}

.card--body-bg-on .card__body {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    background-color: #424242;
    height: 165px
}

.card--body-bg-on .card__status {
    position: relative;
    top: -16px
}

.card--body-bg-on .card__author {
    margin-top: 0;
    margin-left: 0
}

.card--body-bg-on .card__category {
    margin-top: 0
}

.card--body-bg-on .card__title {
    color: #fff;
    margin-top: -8px
}

.card--body-bg-on .card__title {
    font-size: 14px;
    -webkit-line-clamp: 5;
    max-height: 7em;
    color: #fff
}

.card--body-bg-on .icon-play_circle_outline {
    width: 24px;
    height: 24px
}

.card--body-bg-on .card__ad,.card--body-bg-on .card__date {
    color: #f5f5f5
}

.card--white:hover .card__title,.card--white:hover .card__title {
    color: #fff;
    opacity: .9
}

.card--white .card__title,.card--white .card__title {
    color: #fff
}

.card--white .card__title:before {
    z-index: 2
}

.card--white .card__ad,.card--white .card__footer,.card--white .fa-clock {
    color: #f5f5f5
}

.card--swiper .card__title {
    font-size: 14px;
    -webkit-line-clamp: 6;
    max-height: 8.4em
}

.card--swiper .icon-play_circle_outline {
    width: 24px;
    height: 24px
}

.card--swiper .card__footer {
    margin-top: 5.33333px
}

.card--swiper-bg-dark .card__media-inner {
    background-color: rgba(0,0,0,.1)
}

.card--swiper-bg-dark .card__title {
    color: #fff
}

.card--swiper-bg-dark .card__title {
    -webkit-line-clamp: 6;
    max-height: 8.4em;
    font-size: 14px
}

.card-half-banner .card-half-banner__inner {
    background: url(/img/1812/famitsu-com.svg);
    background-size: 70% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #eee
}

.card-half-banner .media-image,.card-half-banner .media-img {
    padding-top: 32%;
    border-radius: 4px
}

.card-half-banner a {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-half-banner a:hover {
    opacity: .9
}

.card-article-rank .card-article-rank__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: inherit
}

.card-article-rank .card-article-rank__inner:hover .card-article-rank__title,.card-article-rank .card-article-rank__inner:hover .card-article-rank__title a {
    color: #dc0610
}

.card-article-rank .card-article-rank__inner:hover .media-image {
    opacity: .9
}

.card-article-rank .card-article-rank__num {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    font-family: arial;
    font-weight: 400;
    font-style: italic;
    font-size: 64px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #e0e0e0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-article-rank .card-article-rank__body {
    padding: 0 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.card-article-rank .card-article-rank__title a {
    word-break: break-all;
    line-height: 1.5;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    max-height: 6em;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-article-rank .card-article-rank__retweet {
    position: relative;
    text-align: right;
    line-height: 1;
    background-color: #f5f5f5;
    padding: 0 8px
}

.card-article-rank .card-article-rank__retweet-num {
    font-size: 11px;
    color: #55acee
}

.card-article-rank .icon-twitter {
    width: 9px;
    height: 9px;
    fill: #55acee
}

.card-article-rank .card-article-rank__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    overflow: hidden
}

.card-article-rank .card-article-rank__media-inner,.card-article-rank .card-article-rank__media>a {
    position: relative;
    display: block;
    background: url(/img/1812/famitsu-com.svg);
    background-size: 70% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #eee
}

.card-article-rank .card-article-rank__media-inner {
    overflow: hidden
}

.card-article-rank .media-image {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-game-sale-rank .icon-ranking {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.card-game-sale-rank .btn .ico-cart {
    fill: #fff;
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.card-game-sale-rank__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-game-sale-rank__inner:hover .card-game-sale-rank__title {
    color: #dc0610
}

.card-game-sale-rank__inner:hover .card-game-sale-rank__media {
    opacity: .9
}

.card-game-sale-rank__num {
    font-family: arial;
    font-style: italic;
    text-align: center;
    position: absolute;
    background: rgba(220,6,16,.8);
    color: #fff;
    width: 24px;
    z-index: 1;
    top: -8px;
    left: 8px
}

.card-game-sale-rank__media,.card-game-sale-rank__num {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-game-sale-rank__media {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

.card-game-sale-rank__media-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #eee
}

.card-game-sale-rank__media-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-game-sale-rank__body {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    padding-left: 16px
}

.card-game-sale-rank__status {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    line-height: 1
}

.card-game-sale-rank__status-info {
    color: #dc0610;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
    font-size: 12px
}

.card-game-sale-rank__status-item {
    pointer-events: auto;
    min-width: 0;
    overflow: hidden
}

.card-game-sale-rank__status-item:nth-of-type(n+2) {
    margin-left: 4px
}

.card-game-sale-rank__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    margin-top: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-game-sale-rank__sales-meter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 4px
}

.card-game-sale-rank__sales-meter-heading {
    font-weight: 400;
    font-size: 12px;
    padding-right: 8px;
    color: #757575
}

.card-game-sale-rank__sales-meter-body {
    background-color: rgba(0,0,0,.8);
    height: 16px
}

.card-game-sale-rank__sales-meter-body .progress__bar-container {
    width: 100px
}

.card-game-sale-rank__sales-meter-num {
    display: none
}

.card-game-sale-rank__sub-info-group {
    line-height: 1.15;
    color: #9e9e9e
}

.card-game-sale-rank__sub-info {
    display: inline;
    margin-right: 8px;
    font-size: 11px
}

.card-game-sale-rank__date,.card-game-sale-rank__publisher {
    color: #9e9e9e
}

.card-game-sale-rank__sales-num-group {
    margin-top: 8px;
    text-overflow: ellipsis;
    line-height: 1
}

.card-game-sale-rank__footer {
    margin-top: 6px
}

.card-game-sale-rank__price-group {
    text-overflow: ellipsis;
    line-height: 1.2;
    color: #757575
}

.card-game-sale-rank__price {
    font-size: 12px
}

.card-game-sale-rank__price span {
    margin-right: 4px
}

.card-game-sale-rank__price:first-of-type span {
    text-decoration: line-through
}

.card-game-sale-rank__price:nth-of-type(2) {
    margin-top: 4px
}

.card-game-sale-rank__price:nth-of-type(2) span {
    color: #dc0610;
    font-weight: 400;
    font-size: 20px;
    font-style: italic
}

.card-game-sale-rank__price--none:first-of-type span {
    text-decoration: none
}

.card-game-sale-rank__btn {
    margin-top: 8px
}

.card-game-sale-rank__sales-num {
    margin-top: 5.33333px;
    margin-right: 16px
}

.card-game-sale-rank__sales-num-past {
    color: #dc0610;
    font-weight: 400;
    font-size: 20px;
    font-style: italic
}

.card-game-sale-rank__sales-num-past .card-game-sale-rank__sales-unit {
    color: #9e9e9e;
    font-style: normal;
    font-size: 12px
}

.card-game-sale-rank__sales-unit {
    margin-left: 4px
}

.card-game-sale-rank__sales-num-total {
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    color: #424242
}

.card-game-sale-rank__sales-num-total .card-game-sale-rank__sales-unit {
    color: #9e9e9e;
    font-style: normal;
    font-size: 12px
}

.card-game-sale-rank__sales-num-heading-secondary {
    color: #757575;
    font-size: 12px;
    font-style: normal
}

.card-game-sale-rank__price {
    color: #9e9e9e
}

.card-game-sale-rank--v2 .card-game-sale-rank__num {
    color: #e0e0e0;
    position: relative;
    background: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    font-size: 64px;
    width: auto;
    top: auto;
    left: auto
}

.card-game-sale-rank--v2 .card-game-sale-rank__media {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.card-game-sale-rank--v2 .card-game-sale-rank__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 8px
}

.card-game-sale-rank--swiper .card-game-sale-rank__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    margin-top: 4px
}

.card-game-sale-rank--swiper .card-game-sale-rank__sales-num-group {
    margin-top: 4px
}

.card-game-sale-rank--swiper {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-game-sale-rank--swiper .card-game-sale-rank__inner {
    display: block
}

.card-game-sale-rank--swiper .card-game-sale-rank__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card-game-sale-rank--swiper .card-game-sale-rank__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 0;
    margin-top: -19px
}

.card-game-sale-rank--swiper .icon-console {
    border-radius: 0
}

.card-game-sale-rank--swiper .card-game-sale-rank__price:nth-of-type(2) {
    margin-top: 6px
}

.card-game-sale-rank--swiper .card-game-sale-rank__btn {
    margin-top: auto
}

.card-game-sale-rank--swiper .btn {
    display: block;
    margin-top: 8px
}

.card-game-sale-rank--amazon .card-game-sale-rank__body {
    padding-left: 16px
}

.card-game-sale-rank--amazon .card-game-sale-rank__footer {
    display: block
}

.card-game-sale-rank--amazon .card-game-sale-rank__price {
    font-size: 12px
}

.card-game-sale-rank--amazon .card-game-sale-rank__price:nth-of-type(2) span {
    font-size: 20px
}

.card-game-sale-rank--amazon .card-game-sale-rank__btn {
    margin-left: 0;
    margin-top: 8px
}

.card-game-sale-rank--amazon .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23dc0610'/%3E%3C/svg%3E")
}

.card-game-sale-rank--amazon .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23dc0610'/%3E%3C/svg%3E")
}

.card-rank-games .card-rank-games__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games .card-rank-games__inner:hover .card-rank-games__title {
    color: #dc0610
}

.card-rank-games .card-rank-games__inner:hover .card-rank-games__media {
    opacity: .9
}

.card-rank-games .card-rank-games__media {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games .card-rank-games__media-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #eee
}

.card-rank-games .card-rank-games__media-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-rank-games .card-rank-games__body {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 16px
}

.card-rank-games .card-rank-games__status {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    line-height: 1
}

.card-rank-games .card-rank-games__status-item {
    pointer-events: auto;
    min-width: 0;
    overflow: hidden
}

.card-rank-games .card-rank-games__status-item:nth-of-type(n+2) {
    margin-left: 4px
}

.card-rank-games .card-rank-games__status-info {
    color: #dc0610;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
    font-size: 12px
}

.card-rank-games .card-rank-games__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    margin-top: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games .card-rank-games__sub-info-group {
    line-height: 1.15;
    margin-top: 4px
}

.card-rank-games .card-rank-games__sub-info {
    display: inline;
    margin-right: 8px;
    font-size: 11px
}

.card-rank-games .card-rank-games__date,.card-rank-games .card-rank-games__publisher {
    color: #9e9e9e
}

.card-rank-games .icon-ranking {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.card-rank-games .card-rank-games__num {
    font-family: arial;
    font-style: italic;
    text-align: center;
    position: absolute;
    background: rgba(220,6,16,.8);
    color: #fff;
    width: 24px;
    z-index: 1;
    top: -8px;
    left: 8px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games .card-rank-games__num--gold {
    background: rgba(218,165,32,.8)
}

.card-rank-games .card-rank-games__num--silver {
    background: hsla(0,0%,75.3%,.8)
}

.card-rank-games .card-rank-games__num--bronze {
    background: rgba(205,127,50,.8)
}

.card-rank-games-sub .card-rank-games-sub__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games-sub .card-rank-games-sub__inner:hover .card-rank-games__title {
    color: #dc0610
}

.card-rank-games-sub .card-rank-games-sub__inner:hover .card-rank-games__media {
    opacity: .9
}

.card-rank-games-sub .card-rank-games-sub__num {
    color: #e0e0e0;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    max-width: 64px;
    font-size: 64px;
    line-height: 64px;
    font-family: arial;
    font-style: italic;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games-sub .card-rank-games-sub__body {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    padding: 0 8px
}

.card-rank-games-sub .card-rank-games-sub__status {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    line-height: 1
}

.card-rank-games-sub .card-rank-games-sub__status-item {
    pointer-events: auto;
    min-width: 0;
    overflow: hidden
}

.card-rank-games-sub .card-rank-games-sub__status-item:nth-of-type(n+2) {
    margin-left: 4px
}

.card-rank-games-sub .card-rank-games-sub__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    margin-top: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games-sub .card-rank-games-sub__sub-info-group {
    line-height: 1.15
}

.card-rank-games-sub .card-rank-games-sub__sub-info {
    display: inline;
    margin-right: 8px;
    font-size: 11px
}

.card-rank-games-sub .card-rank-games-sub__date,.card-rank-games-sub .card-rank-games-sub__publisher {
    color: #9e9e9e
}

.card-rank-games-sub .card-rank-games-sub__media {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-rank-games-sub .card-rank-games-sub__media-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #eee
}

.card-rank-games-sub .card-rank-games-sub__media-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-group {
    margin-bottom: 48px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0
}

.card-group .card-group__item {
    border-right: 1px solid #e0e0e0
}

.card-group .card-group__item:last-child {
    border-right: none
}

.card-game {
    position: relative
}

.card-game .icon-console {
    margin-top: 4px
}

.card-game .card-game__inner {
    display: block
}

.card-game .card-game__inner:hover .card-game__title {
    color: #dc0610
}

.card-game .card-game__inner:hover .media-image-container {
    opacity: .9
}

.card-game .media-image-container,.card-game__title {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-game__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 1.3;
    font-weight: 700;
    overflow: hidden;
    margin-top: 8px;
    font-size: 16px;
    color: #424242
}

.card-game__title a {
    color: #424242
}

.card-game--white .card-game__title {
    color: #fff
}

.card-game--white .card-game__inner:hover .card-game__title {
    color: #fff;
    text-decoration: underline
}

.card-game--col-4 {
    margin-bottom: 16px
}

.card-game--col-4 .card-game__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    max-height: 5.6em;
    margin-top: 5.33333px
}

.card-game--col-4 .progress__percent .int {
    font-size: 22px
}

.card-game--col-4 .porgress--media-image-on {
    width: 48px;
    height: 48px;
    padding: 2px
}

.card-game--col-4-v2 .card-game__title {
    font-size: 14px
}

.card-game-search-group {
    margin-top: 16px;
    padding-top: 16px
}

.card-game-search-group .card-game {
    margin-bottom: 32px
}

.card-game-search-group .media-image-container {
    -webkit-box-shadow: 0 1px 8px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 8px 2px rgba(0,0,0,.2)
}

.card-game-search-group .banner-ad-mark {
    margin-bottom: 32px
}

.card-game-search-group .card-game--col-4 .card-game__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: 4.2em
}

.breadcrumb {
    color: #757575;
    background-color: #eee;
    line-height: 1;
    overflow: hidden;
    position: relative
}

.breadcrumb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#f7f7f9));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#f7f7f9);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#f7f7f9);
    background-image: none
}

.breadcrumb__wrap {
    max-width: 1294px;
    margin: 0 auto;
    position: relative
}

.breadcrumb__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    list-style: none;
    border-radius: 4px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: -moz-hidden-unscrollable
}

.breadcrumb__inner::-webkit-scrollbar {
    display: none
}

.breadcrumb__item {
    font-size: 12px
}

.breadcrumb__item+.breadcrumb__item {
    padding-left: 8px
}

.breadcrumb__item+.breadcrumb__item:before {
    display: inline-block;
    padding-right: 8px;
    color: #757575;
    content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M285.476%20272.971L91.132%20467.314c-9.373%209.373-24.569%209.373-33.941%200l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505%20256%2034.484%20101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373%2024.569-9.373%2033.941%200L285.475%20239.03c9.373%209.372%209.373%2024.568.001%2033.941z%22%2F%3E%3C%2Fsvg%3E");
    width: 14px
}

.breadcrumb__item+.breadcrumb__item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb__item.active {
    color: #757575
}

.breadcrumb__item:last-child {
    padding-right: 32px
}

.breadcrumb__item a {
    font-weight: 700;
    color: #757575;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.breadcrumb__item a:hover {
    color: #dc0610
}

.breadcrumb__item--sub a:nth-child(n+2) {
    padding-left: 8px
}

.breadcrumb__item--sub a:nth-child(n+2):before {
    display: inline-block;
    padding-right: 8px;
    color: #757575;
    content: "|";
    bottom: 1px;
    position: relative
}

.breadcrumb__next,.breadcrumb__prev {
    display: none
}

.breadcrumb__prev {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    left: 0;
    overflow: hidden;
    position: relative
}

.breadcrumb__prev span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.52%20239.03L228.87%2044.69c9.37-9.37%2024.57-9.37%2033.94%200l22.67%2022.67c9.36%209.36%209.37%2024.52.04%2033.9L131.49%20256l154.02%20154.75c9.34%209.38%209.32%2024.54-.04%2033.9l-22.67%2022.67c-9.37%209.37-24.57%209.37-33.94%200L34.52%20272.97c-9.37-9.37-9.37-24.57%200-33.94z%22%2F%3E%3C%2Fsvg%3E")
}

.breadcrumb__prev:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),to(#eee));
    background-image: -webkit-linear-gradient(right,hsla(0,0%,100%,0),#eee);
    background-image: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#eee)
}

.breadcrumb__next {
    right: 0;
    overflow: hidden;
    position: relative
}

.breadcrumb__next span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M285.476%20272.971L91.132%20467.314c-9.373%209.373-24.569%209.373-33.941%200l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505%20256%2034.484%20101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373%2024.569-9.373%2033.941%200L285.475%20239.03c9.373%209.372%209.373%2024.568.001%2033.941z%22%2F%3E%3C%2Fsvg%3E")
}

.breadcrumb__next:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#eee));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#eee);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#eee)
}

.js-breadcrumb-scroll.js-active {
    display: none
}

.ft-pager {
    margin-top: 32px;
    margin-bottom: 16px
}

.ft-pager .fa-arrow-circle-right {
    fill: #fff
}

.ft-pager--decoration {
    padding-top: 16px;
    border-top: 1px solid #e0e0e0
}

.ft-pager__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ft-pager__item {
    margin-top: 16px;
    margin-right: 8px
}

.ft-pager__item:last-child {
    margin-right: 0
}

.ft-pager__item a,.ft-pager__item span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 39px;
    background-color: transparent;
    border: 1px solid #dc0610;
    color: #dc0610;
    text-align: center;
    border-radius: 3px
}

.ft-pager__item--active a,.ft-pager__item--active span,.ft-pager__item a:hover,.ft-pager__item span:hover {
    background-color: #dc0610;
    border-color: #dc0610;
    color: #fff
}

.ft-pager__item--next a,.ft-pager__item--next span,.ft-pager__item--prev a,.ft-pager__item--prev span {
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: none
}

.ft-pager__article-next-container {
    text-align: center;
    margin-bottom: 16px
}

.ft-pager__article-next {
    padding-right: 16px
}

.ft-pager__article-next [class*=fa] {
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.ft-pager__article-next-message {
    padding: 16px;
    text-align: left;
    font-weight: 700
}

.progress {
    position: relative
}

.progress .icon-progress {
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.progress .icon-progress__border-bg {
    stroke-opacity: .3;
    fill: none;
    stroke-width: 10;
    stroke: #bdbdbd
}

.progress .icon-progress__border {
    fill: none;
    stroke-width: 5
}

.progress .progress__caption {
    color: hsla(0,0%,100%,.7);
    font-size: 12px;
    left: 50%
}

.progress .progress__caption,.progress .progress__percent {
    text-align: center;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.progress .progress__percent {
    top: 50%;
    left: 49%;
    font-style: italic
}

.progress__bar-container {
    position: relative;
    height: 16px;
    font-size: 0
}

.icon-progress__bar-bg-container {
    width: 100%;
    height: 16px;
    background: #616161
}

.icon-progress__bar-body-container {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 12px;
    width: calc(100% - 4px);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.icon-progress__bar-bg {
    fill: #212121
}

.icon-progress__bar-body {
    fill: #28a745
}

.porgress--media-image-on {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.4)
}

.progress--high .icon-progress__border {
    stroke: #28a745
}

.progress--high .icon-progress__bg {
    fill: transparent
}

.progress--high .progress__percent {
    color: #fff
}

.progress--middle .icon-progress__border {
    stroke: #fd7e14
}

.progress--middle .icon-progress__bg {
    fill: transparent
}

.progress--middle .progress__percent {
    color: #fff
}

.progress--middle .icon-progress__bar-body {
    fill: #fd7e14
}

.progress--low .icon-progress__border {
    stroke: #dc0610
}

.progress--low .icon-progress__bg {
    fill: transparent
}

.progress--low .progress__percent {
    color: #fff
}

.progress--low .icon-progress__bar-body {
    fill: #dc0610
}

.progress--5 .icon-progress__bar-body {
    fill: #28a745
}

.progress--4 .icon-progress__bar-body {
    fill: #87bc1e
}

.progress--3 .icon-progress__bar-body {
    fill: #fd7e14
}

.progress--2 .icon-progress__bar-body {
    fill: #ef3915
}

.progress--1 .icon-progress__bar-body {
    fill: #dc0610
}

.l-header {
    position: relative;
    z-index: 9999;
    background-color: #f7f7f9
}

.header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #dc0610
}

.header-brand {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    height: 48px;
    z-index: 1
}

.header-brand .icon-famitsu-com {
    display: block;
    height: 24px;
    width: 136.07px;
    fill: #fff
}

.header-brand .icon-famitsu-com-02 {
    display: block;
    height: 24px;
    width: 36.84px;
    fill: #fff
}

.header-brand .header-brand__logo {
    line-height: 1;
    height: 48px
}

.header-brand__logo-link {
    display: inline-block;
    padding: 12px 0
}

.header-select-lang {
    font-size: 14px;
    position: absolute;
    right: calc(50% - 114px);
    top: 50%;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.header-select-lang .header-select-lang__link {
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.header-select-lang .fa-angle-down {
    fill: #fff;
    width: 15px;
    height: 15px
}

.header-select-lang:hover {
    color: #fff
}

.header-hamburger-container .fa-bars {
    width: 24px;
    height: 24px;
    fill: #fff;
    color: #fff
}

.header-hamburger {
    width: 48px;
    height: 48px;
    padding: 0;
    -webkit-transition: none;
    transition: none
}

.header-search-container .fa-search {
    position: relative;
    width: 20px;
    height: 20px
}

.header-search {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    color: #fff
}

.header-search__input {
    display: none
}

.header-search__rank {
    position: absolute;
    z-index: -1
}

.header-sns {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 60px
}

.header-sns .icon-twitter {
    fill: #fff;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-sns .icon-twitter:hover {
    fill: #55acee
}

.header-sns .icon-facebook {
    fill: #fff;
    width: 18px;
    height: 18px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-sns .icon-facebook:hover {
    fill: #3b5998
}

.header-sns .icon-youtube {
    fill: #fff;
    width: 24px;
    height: 24px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-sns .icon-youtube:hover {
    opacity: .8
}

.header-sns .icon-rss {
    fill: #fff;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-sns .icon-rss:hover {
    fill: #f26522
}

.header-sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-sns__link {
    display: block;
    text-align: center;
    padding: 8px
}

.header-sns__link .icon-sns {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-nav--jack .header-brand__jack img {
    display: block;
    max-width: 99px;
    max-height: 28px
}

.header-nav--jack .header-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-nav--jack .header-brand:after {
    content: "x";
    position: relative;
    font-size: 20px;
    font-weight: 300;
    color: hsla(0,0%,100%,.5);
    bottom: 2px;
    margin: 0 6px
}

.header-nav--jack .header-brand__logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.header-nav--jack .header-brand__logo .icon-famitsu-com {
    width: 104px
}

.header-nav--jack-black {
    background-color: #000
}

.footer-primary {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-bottom: 64px;
    padding-left: 0
}

.footer-secondary {
    background-color: rgba(0,0,0,.3);
    padding-top: 24px
}

.footer-secondary,.footer-tertiary {
    text-align: center;
    padding-bottom: 32px
}

.footer-tertiary {
    background-color: rgba(0,0,0,.2);
    padding-top: 32px
}

.footer-tertiary__inner {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.footer-logo-sns-container .select-lang {
    margin-top: 24px
}

.footer-link-list-container {
    padding-top: 32px
}

.footer-group-brand-list-container {
    text-align: center
}

.card--col-6 .card__title {
    -webkit-line-clamp: 5;
    max-height: 7em;
    font-size: 16px
}

.card--col-6 .icon-play_circle_outline {
    width: 24px;
    height: 24px
}

.card--col-12 .card__title {
    -webkit-line-clamp: 4;
    max-height: 5.6em;
    font-size: 18px
}

.card--col-md-4-dec .card__title {
    -webkit-line-clamp: 5;
    max-height: 7em;
    font-size: 14px
}

.card--col-md-4-dec .icon-play_circle_outline {
    width: 24px;
    height: 24px
}

.card--col-v2-6 .card__title {
    -webkit-line-clamp: 5;
    max-height: 7em;
    font-size: 14px
}

.card--col-v2-6 .card__category {
    margin-left: 4px
}

.card--col-v2-6 .icon-play_circle_outline {
    width: 24px;
    height: 24px
}

.card--img-left-12 .card__title {
    -webkit-line-clamp: 5;
    max-height: 7em;
    font-size: 14px
}

.card--huge-story .icon-play_circle_outline {
    width: 26px;
    height: 26px
}

.card--huge-story .card__title {
    margin-bottom: 16px
}

.card--huge-story .card__title {
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    font-size: 14px
}

.card--huge-story-lg .icon-play_circle_outline {
    width: 26px;
    height: 26px;
    top: 16px
}

.card--huge-story-lg .card__title {
    font-size: 24px
}

.card--huge-story-lg .card__category-item {
    font-size: 14px;
    padding: 8px 16px
}

.card--huge-story-lg .author-image {
    width: 36px;
    height: 36px
}

.card--huge-story-lg .icon-play_circle_outline {
    width: 48px;
    height: 48px
}

.card--huge-story-lg-sub .icon-play_circle_outline {
    width: 32px;
    height: 32px;
    top: 16px
}

.card--huge-story-lg-sub .author-image {
    width: 26px;
    height: 26px
}

.card--huge-story-lg-sub .card__title {
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    font-size: 16px
}

.l-video .card__media-inner {
    background-color: rgba(0,0,0,.1)
}

.l-video .card--overlay-half-group {
    margin-top: -16px
}

.l-video .card--overlay-half {
    margin-top: 16px
}

.l-article .card--swiper .card__title {
    -webkit-line-clamp: 4;
    max-height: 5.6em
}

.l-article .card--col-v2-xl-2 .card__title {
    -webkit-line-clamp: 4;
    max-height: 5.6em;
    font-size: 14px
}

.gutters-2 .card {
    margin-bottom: 2px
}

.card--img-left-small .card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px
}

.card--img-left-small .card__body,.card--no-img-left .card__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    width: 100%
}

.card--no-img-left .card__body {
    padding-left: 0
}

.l-images-02 .card--swiper .card__title {
    -webkit-line-clamp: 4;
    max-height: 5.6em
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: .8
}

.swiper-pagination-bullet-active {
    background: #dc0610;
    opacity: 1
}

.header-search-box .header-search-box__header {
    font-size: 14px
}

.header-search-box .header-search__form {
    background-color: #2d2d2d;
    position: relative
}

.header-search-box .fa-search {
    width: 20px;
    height: 20px
}

.header-search-box .fa-times {
    width: 16px;
    height: 16px
}

.header-search-box .header-search__select {
    border: none;
    color: #fff;
    background: url(/img/1812/sort-solid.svg) no-repeat right 12px center;
    background-size: 8px 10px;
    padding: 6px 0 6px 12px;
    width: 100%;
    height: 38px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.header-search-box .header-search__select::-ms-expand {
    opacity: 0;
    display: none
}

.header-search-box input[type=search]::-webkit-search-cancel-button {
    height: 14px;
    width: 14px;
    background: url(/img/1812/times-circle-solid.svg)
}

.header-search__form-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0;
    padding-left: 0
}

.header-search__form-btn {
    border-left: 1px solid hsla(0,0%,87.8%,.2);
    padding: 0 16px
}

.header-search__form-btn .fa-search {
    display: block;
    color: #fff
}

.header-search__form-close-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    cursor: pointer
}

.header-search__form-close-btn .fa-times {
    width: 24px;
    height: 24px;
    color: #fff
}

.header-search__form-inline {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(66,66,66,.8)
}

.header-search__form-input {
    padding: 16px;
    color: #fff;
    line-height: 1;
    background-color: transparent;
    outline: none;
    border: none;
    width: 100%
}

.header-search__form-input::-webkit-input-placeholder {
    color: #bdbdbd
}

.header-search__form-input::-moz-placeholder {
    color: #bdbdbd
}

.header-search__form-input::-ms-input-placeholder {
    color: #bdbdbd
}

.header-search__form-input::placeholder {
    color: #bdbdbd
}

.header-search__conditions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid hsla(0,0%,87.8%,.2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(66,66,66,.8);
    min-width: 76px
}

.header-search__conditions option {
    color: #424242
}

.header-search__rank {
    padding-top: 48px;
    padding-bottom: calc(env(safe-area-inset-bottom)+76px)
}

.header-search__rank-heading {
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding-bottom: 32px;
    font-size: 24px
}

.header-search__rank-heading-inner {
    position: relative
}

.header-search__rank-heading-inner:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -50%;
    width: 10%;
    height: 3px;
    margin-left: -5%;
    background-color: #fff
}

.header-search__rank-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #424242;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-search__rank-link:hover {
    opacity: .9
}

.header-search__rank-num-container {
    display: block
}

.header-search__rank-num {
    display: block;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-weight: 700;
    border-radius: 4px;
    color: #424242
}

.header-search__rank-item {
    line-height: 48px
}

.header-search__rank-item:nth-of-type(n+2) {
    padding-top: 16px
}

.header-search__rank-text {
    display: block;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 16px
}

.icon-ranking-1,.icon-ranking-2,.icon-ranking-3 {
    color: #fff;
    background: #dc0610
}

.header-search__rank-list:nth-of-type(n+2) {
    padding-top: 16px
}

.media-image,.media-image-container {
    position: relative
}

.media-image {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    background-size: cover;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    overflow: hidden
}

.media-image--square {
    padding-top: 100%
}

.media-image--cinema {
    padding-top: 50%
}

.media-image--bgp-ratio-equal,.media-image--game-platform {
    background-position: 50% 50%
}

.media-image--ps3,.media-image--ps4 {
    background-position: 50% 50%;
    background-size: 130%
}

.media-image--psvita {
    background-position: 50% 50%;
    background-size: 140%
}

.media-image--switch {
    background-position: 50% 30%;
    background-size: 130%
}

.media-image--3ds {
    background-position: 40% 50%;
    background-size: 160%
}

.media-image--xboxone {
    background-position: 50% 50%;
    background-size: 130%
}

.media-image--xbox360 {
    background-position: 50% 50%;
    background-size: 140%
}

.media-image--wiiu {
    background-position: 50% 50%;
    background-size: 150%
}

.media-image--ps {
    background-position: 50% 50%;
    background-size: 144%
}

.media-image--gb {
    background-position: 50% 25%;
    background-size: 144%
}

.media-image--sfc {
    background-position: 50% 25%;
    background-size: 100%
}

.media-image--ga {
    background-position: 50% 50%;
    background-size: 227%
}

.media-image--pce {
    background-position: 50% 50%;
    background-size: 135%
}

.media-image--ps2 {
    background-position: 50% 50%;
    background-size: 100%
}

.media-image--psp {
    background-position: 50% 25%;
    background-size: 100%
}

.media-image--64 {
    background-position: 50% 50%;
    background-size: 100%
}

.media-image--dc {
    background-position: 50% 50%;
    background-size: 140%
}

.media-image--gc {
    background-position: 50% 50%;
    background-size: 100%
}

.media-image--ds {
    background-position: 50% 50%;
    background-size: 147%
}

.media-image--wii {
    background-position: 50% 50%;
    background-size: 100%
}

.media-image--ws {
    background-position: 50% 50%;
    background-size: 114%
}

.media-image--xbox {
    background-position: 50% 50%;
    background-size: 100%
}

.media-image--no-game:before {
    content: "";
    background-image: url(/img/1812/icon-no-image.svg);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: 80% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.6)
}

.media-image--default-user-review {
    background: url(/img/1812/fa-user.svg);
    background-size: 50% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #eee
}

.media-image---user-review,.media-image--cross-review {
    background-size: 80%;
    background-position: 50% 0
}

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

.media-image--contain {
    background-size: contain;
    background-position: 50% 50%
}

.media-image--pr {
    padding-top: 31.25%
}

.media-img {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    background: url(/img/1812/famitsu-com.svg);
    background-size: 70% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #eee
}

.media-img__src {
    width: 101.5%;
    height: 101.5%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 20%;
    object-position: 50% 20%;
    font-family: "object-fit: cover; object-position: 50% 20%;";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.media-img--contain .media-img__src {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.media-img--bg-transparent {
    background-color: transparent
}

.media-img--square {
    padding-top: 100%
}

.media-img--bgp-ratio-equal .media-img__src,.media-img--game-platform .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.media-img--ps3 .media-img__src,.media-img--ps4 .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 130%;
    height: 130%
}

.media-img--psvita .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 140%;
    height: 140%
}

.media-img--switch .media-img__src {
    -o-object-position: 50% 30%;
    object-position: 50% 30%;
    width: 130%;
    height: 130%
}

.media-img--3ds .media-img__src {
    -o-object-position: 40% 50%;
    object-position: 40% 50%;
    width: 160%;
    height: 160%
}

.media-img--xboxone .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 130%;
    height: 130%
}

.media-img--xbox360 .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 140%;
    height: 140%
}

.media-img--wiiu .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 150%;
    height: 150%
}

.media-img--ps .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 144%;
    height: 144%
}

.media-img--gb .media-img__src {
    -o-object-position: 50% 25%;
    object-position: 50% 25%;
    width: 144%;
    height: 144%
}

.media-img--sfc .media-img__src {
    -o-object-position: 50% 25%;
    object-position: 50% 25%;
    width: 100%;
    height: 100%
}

.media-img--ga .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 227%;
    height: 227%
}

.media-img--pce .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 135%;
    height: 135%
}

.media-img--ps2 .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.media-img--psp .media-img__src {
    -o-object-position: 50% 25%;
    object-position: 50% 25%;
    width: 100%;
    height: 100%
}

.media-img--64 .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.media-img--dc .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 140%;
    height: 140%
}

.media-img--gc .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.media-img--ds .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 147%;
    height: 147%
}

.media-img--wii .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.media-img--ws .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 114%;
    height: 114%
}

.media-img--xbox .media-img__src {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}

.media-img--no-game:before {
    content: "";
    background-image: url(/img/1812/icon-no-image.svg);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: 80% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.6);
    z-index: 1
}

.media-img--modify .media-img__src {
    width: auto;
    height: 100%
}

.media-img--cinema {
    padding-top: 50%
}

.heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    position: relative;
    line-height: 1.2
}

.heading__title {
    font-size: 24px;
    font-weight: 700
}

.heading__title a {
    color: #424242
}

.heading__title a:hover {
    color: #dc0610
}

.heading__more {
    font-size: 12px
}

.heading--decoration {
    border-top: 1px solid #e0e0e0;
    padding-top: 32px
}

.heading__title-sub-text {
    color: #9e9e9e;
    font-size: 12px;
    display: block;
    font-weight: 400;
    margin-top: 8px
}

.heading__sub-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 12px;
    color: #666;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-top: 8px
}

.heading__sub-text-item {
    color: #9e9e9e;
    margin-right: 4px
}

.heading__sub-text-title {
    color: #9e9e9e
}

.heading__sub-text-body {
    font-weight: 400;
    color: #9e9e9e
}

.heading__title-strong {
    color: #dc0610
}

.heading__catgory-name {
    margin-right: 8px
}

.heading--border-bold .heading__more {
    position: static;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.heading--white .heading__title a {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.heading--white .heading__title a:hover {
    color: #d9d9d9
}

.heading--white .heading__more {
    color: #fff
}

.heading--white a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.heading--white a:hover {
    color: #d9d9d9
}

.heading--border:after {
    content: "";
    display: block;
    border-top: 1px solid #e0e0e0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-left: 16px
}

.heading--border .heading__more {
    color: #fff
}

.heading--center .heading__title {
    margin: 0 auto
}

.heading--center .heading__sub-text,.heading--center .heading__title-sub-text {
    text-align: center
}

.heading--bg {
    background-color: #e0e0e0;
    padding: 4px 8px
}

.heading--base .heading__title {
    font-size: 16px
}

.heading--hidden {
    margin: 0;
    padding: 0
}

.heading--hidden .heading__title {
    font-size: 0
}

.l-main {
    position: relative
}

.l-huge-story--jack {
    margin-top: 0
}

.l-static {
    padding-top: 20px;
    padding-bottom: 20px
}

.l-story {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px
}

.l-story .author {
    margin-bottom: 32px
}

.l-story--secondary {
    padding-top: 0;
    padding-bottom: 32px
}

.l-story--top {
    padding-bottom: 0
}

.l-story--schedule {
    padding-bottom: 32px
}

.l-video {
    padding-top: 32px;
    padding-bottom: 48px;
    background-color: #212121;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 50% 20%
}

.l-video,.l-video--jack-on {
    overflow: hidden;
    color: #424242
}

.l-video--jack-on {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
    background-color: transparent
}

.l-video--jack-on .container {
    background-color: #212121;
    padding: 32px 30px 48px
}

.l-pick-up {
    padding-top: 32px
}

.l-story--rank .nav-scroller {
    margin-left: -15px;
    margin-right: -15px
}

.l-story--rank .nav-scroller .nav-scroller__inner {
    cursor: pointer
}

.l-story--rank .nav-scroller .nav__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.l-contents-block {
    margin-top: 16px;
    /* margin-right: -15px;
    margin-left: -15px; */
    padding: 16px 15px
}

.l-contents-block .heading__title {
    font-size: 20px
}

.l-contents-block--article-amazon .nav-scroller__inner {
    padding-right: 0;
    padding-left: 0
}

.l-contents-block--article-amazon .nav-scroller:after {
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff)
}

.l-contents-block--article-amazon .nav__item {
    border-bottom: 1px solid #e0e0e0
}

.l-contents-block--article-amazon .nav-type-1 {
    border: none
}

.l-contents-block--article-amazon .swiper-container-wrapper {
    position: relative
}

.l-contents-block--article-amazon .swiper-button-next,.l-contents-block--article-amazon .swiper-button-prev,.l-contents-block--ranking-article,.l-contents-block--schedule-lg,.l-contents-block--tie-up-lg {
    display: none
}

.l-contents-block--tie-up-top .heading {
    border-top: 1px solid #e0e0e0;
    padding-top: 32px
}

.l-contents-block--bg-gray {
    background-color: #eee
}

.l-contents-block--bg-dark {
    overflow: hidden;
    color: #424242;
    background-color: #212121;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 50% 20%
}

.l-contents-block--bg-dark:before {
    background-color: #212121
}

.l-contents-block--bg-dark:after,.l-contents-block--bg-dark:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-contents-block--bg-dark:after {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    background-image: inherit;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 50% 20%;
    z-index: -1
}

.l-contents-block--pick-up {
    background-color: #eee
}

.l-contents-block--pick-up-jack {
    background-color: #212121
}

.l-contents-block--pick-up-jack .heading {
    color: #fff
}

.l-contents-block--pick-up-jack .card:hover a {
    color: #fff;
    opacity: .9
}

.l-contents-block--pick-up-jack .card a {
    color: #fff
}

.l-swiper-container {
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 16px
}

.l-contents-block--back-number .row {
    margin-right: -4px;
    margin-left: -4px;
    margin-bottom: -4px
}

.l-contents-block--back-number .col-4 {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px
}

.l-contents-block--back-number .btn {
    width: 100%
}

.l-contents-block--article-ranking-article .heading {
    border-top: 1px solid #e0e0e0;
    padding-top: 32px
}

.l-contents-block--article-ranking-article-lg {
    display: none
}

.l-article {
    position: relative;
    padding: 32px 16px
}

.l-amp,.l-article {
    background-color: #fff
}

.l-footer {
    position: relative;
    padding-top: 64px;
    background-color: #212121;
    color: #fff
}

.icon-famitsu-com--white {
    fill: #fff
}

.icon-bslog--secondary,.icon-famitsu-app--secondary,.icon-famitsu-app-vs--secondary {
    fill: #757575
}

.icon-exclamation {
    fill: #424242
}

.fa-angle-down,.fa-angle-right {
    color: #424242
}

.fa-angle-left {
    fill: #424242
}

.fa-angle-left--white {
    fill: #fff
}

.fa-arrow-circle-right,.icon-download {
    fill: #424242
}

.icon-globe {
    color: #424242
}

.fa-ellipsis-v {
    fill: #424242
}

.fa-bars--white {
    fill: #fff
}

.fa-clock--white {
    color: #fff
}

.fa-ellipsis-v--white {
    fill: #fff
}

.fa-clock--secondary {
    color: #757575
}

.icon-cero,.icon-note-add {
    fill: #424242
}

.icon-dropdown-menu {
    position: relative
}

.icon-dropdown-menu:after {
    content: "";
    position: absolute;
    top: 50%;
    border-style: solid
}

.icon-dropdown-menu--outline:after {
    width: 8px;
    height: 8px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top: transparent;
    border-right: transparent;
    border-bottom-color: #757575;
    border-left-color: #757575
}

.icon-dropdown-menu--outline-white:after {
    border-bottom-color: #fff;
    border-left-color: #fff
}

.icon-dropdown-menu--outline-down:after {
    -webkit-transform: translateY(-60%) rotate(-45deg);
    transform: translateY(-60%) rotate(-45deg)
}

.icon-dropdown-menu--outline-right:after {
    -webkit-transform: translateY(-60%) rotate(-135deg);
    transform: translateY(-60%) rotate(-135deg)
}

.icon-arrow:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: transparent;
    border-right: transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: translate(0) rotate(-135deg);
    transform: translate(0) rotate(-135deg)
}

.icon-bg-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%
}

.icon-bg-circle--twitter {
    background-color: #55acee
}

.icon-bg-circle--facebook {
    background-color: #3b5998
}

.icon-bg-circle--line {
    background-color: #3fb900
}

.icon-bg-circle--hatebu {
    background-color: #54a5de
}

.icon-ranking {
    background-color: rgba(220,6,16,.9);
    color: #fff;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    font-weight: 500
}

.heading-pr {
    color: #bdbdbd;
    text-align: center;
    font-size: 12px;
    margin-bottom: 16px
}

.article-ads-v2 {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    text-align: center;
    margin-top: 32px
}

.article-ads-v2 .article-ads__heading {
    margin-bottom: 0;
    border-top: 1px solid #e0e0e0;
    padding-top: 32px
}

.article-ads-v2 .article-ads__title {
    font-size: 20px
}

.article-body__thumbnail {
    position: relative;
    margin-right: -16px;
    margin-left: -16px
}

.article-body__thumbnail amp-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.article-body__contents h2 {
    position: relative;
    font-size: 24px;
    line-height: 1.4;
    margin: 48px 0 24px;
    padding-bottom: 16px;
    border-bottom: 3px solid #e0e0e0
}

.article-body__contents h2:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 10%;
    height: 3px;
    background-color: #dc0610
}

.article-body__contents h3 {
    font-size: 18px;
    line-height: 1.4;
    margin: 48px 0 24px;
    padding: 16px;
    background-color: #eee
}

.article-body__contents h4 {
    font-size: 16px;
    line-height: 1.4;
    margin: 48px 0 24px
}

.article-body__contents p {
    font-size: 18px;
    line-height: 1.8;
    margin: 24px 0;
    color: #424242
}

.article-body__contents img {
    max-width: 100%;
    max-height: 480px
}

.article-body__contents ol,.article-body__contents ul {
    margin: 24px 0;
    padding-left: 24px
}

.article-body__contents ul li {
    list-style: disc
}

.article-body__contents ul li ul,.article-body__contents ul li ul ul {
    margin: 16px 0
}

.article-body__contents ol li {
    list-style: decimal
}

.article-body__contents ol li ol,.article-body__contents ol li ol ol {
    margin: 16px 0
}

.article-body__contents li {
    margin-bottom: 8px;
    display: list-item
}

.article-body__contents li:last-child {
    margin: 0
}

.article-body__contents strong:before {
    content: "“"
}

.article-body__contents strong:after {
    content: "”"
}

.article-body__contents blockquote {
    position: relative;
    border-left: 1px solid #eee;
    padding: 24px;
    margin: 16px 0
}

.article-body__contents blockquote .article-body__contents-blockquote-icon-left {
    position: absolute;
    top: 0;
    left: 24px;
    pointer-events: none
}

.article-body__contents blockquote .article-body__contents-blockquote-icon-right {
    position: absolute;
    bottom: 0;
    right: 24px;
    pointer-events: none
}

.article-body__contents blockquote .icon-left-quote,.article-body__contents blockquote .icon-right-quote {
    width: 24px;
    height: 24px;
    fill: #eee
}

.article-body__contents blockquote a {
    color: #9e9e9e;
    text-decoration: underline
}

.article-body__contents blockquote p {
    color: #757575;
    margin: 16px 0;
    font-size: 16px
}

.article-body__contents blockquote cite {
    color: #9e9e9e;
    font-size: 12px;
    margin: 16px 0;
    line-height: 1.2
}

.article-body__contents hr {
    border: 0;
    border-top: 1px solid #9e9e9e
}

.article-body__contents .article-btn {
    display: block;
    color: #fff;
    margin-top: 32px;
    margin-bottom: 32px;
    border-radius: 4.8px;
    padding: 8px 16px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 4px
}

.article-body__contents .btn-app-store,.article-body__contents .btn-deep-orange,.article-body__contents .btn-google-play,.article-body__contents .btn-light-blue,.article-body__contents .btn-primary {
    display: block;
    margin: 24px 0;
    padding: 16px
}

.article-body__contents .article-body__app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 24px -8px
}

.article-body__contents .article-body__app .article-body__app-list {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: none;
    width: auto
}

.article-body__contents .article-body__app .btn-app-store,.article-body__contents .article-body__app .btn-google-play {
    font-size: 13px
}

.article-body__contents .article-body__app .ico-check,.article-body__contents .article-body__app .icon-download {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.article-body__contents .ico-cart,.article-body__contents .ico-check,.article-body__contents .ico-edit,.article-body__contents .icon-download {
    fill: #fff;
    width: 24px;
    height: 24px;
    bottom: 1px;
    position: relative;
    margin-right: 16px;
    vertical-align: middle
}

.article-body__contents .article-body___games-link {
    font-weight: 700
}

.article-body__contents .article-body___games-link:after,.article-body__contents .article-body___games-link:before {
    content: ""
}

.article-body__contents .article-interviewer {
    display: block;
    font-style: normal;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 32px
}

.article-body__contents .article-interviewee__name {
    margin-right: 16px
}

.article-body__contents .article-interviewee__name--01 {
    color: #dc0610
}

.article-body__contents .article-interviewee__name--02 {
    color: #28a745
}

.article-body__contents .article-interviewee__name--03 {
    color: #007bff
}

.article-body__contents .article-interviewee__name--04 {
    color: #6f42c1
}

.article-body__contents .article-interviewee__name--00,.article-body__contents .article-interviewee__name--05 {
    color: #17a2b8
}

.article-body__contents .article-interviewee__name--06 {
    color: #ffc107
}

.article-body__contents .article-interviewee__name--07 {
    color: #20c997
}

.article-body__contents .article-interviewee__name--08 {
    color: #e83e8c
}

.article-body__contents .article-interviewee__name--09 {
    color: #fd7e14
}

.article-body__contents .article-interviewee__name--10 {
    color: #795548
}

.article-body__contents .article-interviewer__name-container {
    margin-top: 32px;
    margin-bottom: 32px;
    overflow: hidden
}

.article-body__contents .article-interviewer__name-container .media-image {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 16px;
    padding-top: 0;
    border-radius: 100%;
    background-color: #eee
}

.article-body__contents .article-interviewer__name-container p {
    margin-top: 0;
    margin-bottom: 0
}

.article-body__contents .article-body__contents-img-container {
    margin: 24px -1px
}

.article-body__contents .article-body__contents-img-container a:hover {
    opacity: .9
}

.article-body__contents .article-body__contents-img-common-block {
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.article-body__contents .article-body__contents-img-common-row {
    display: table-row
}

.article-body__contents .article-body__contents-img-common-col {
    position: relative;
    display: table-cell;
    vertical-align: bottom
}

.article-body__contents .article-body__contents-img-common-col a {
    display: block
}

.article-body__contents .article-body__contents-img-col {
    text-align: center;
    vertical-align: top;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: transparent;
    border-top: none;
    border-bottom: none
}

.article-body__contents .article-body__contents-img-caption-col {
    vertical-align: top;
    text-align: left
}

.article-body__contents .article-body__contents-caption {
    font-size: 14px;
    line-height: 1.6;
    color: #424242;
    padding-top: 8px;
    color: #9e9e9e;
    text-align: left
}

.article-body__contents .article-body__contents-img-text-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px
}

.article-body__contents .article-body__contents-img-text-set .article-body__contents-img-container {
    margin: 0 16px 0 0
}

.article-body__contents .article-body__contents-img-text-set .article-body__contents-img-common-block {
    width: 80px;
    display: block;
    table-layout: inherit
}

.article-body__contents .article-body__contents-img-text-set p {
    margin-top: 0;
    margin-bottom: 0
}

.article-body__contents .article-body__contents-text--center {
    text-align: center
}

.article-body__contents .ft-pager__list {
    margin: 0;
    padding: 0
}

.article-body__contents .ft-pager__item {
    list-style: none;
    margin-bottom: 0
}

.article-body__contents .ft-pager__item:last-child {
    margin-top: 16px
}

.article-body__contents .ft-pager__link--active {
    color: #fff
}

.article-body__contents .article-page-link-container {
    margin-top: 32px;
    margin-bottom: 32px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #f5f5f5
}

.article-body__contents .article-page-link-container:hover .article-page-link__inner-media {
    opacity: .9
}

.article-body__contents .article-page-link-container:hover .article-page-link__inner-aritcle-title {
    color: #dc0610
}

.article-body__contents .article-page-link-container .article-page-link {
    display: block
}

.article-body__contents .article-page-link-container .article-page-link__title {
    position: absolute;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: rgba(220,6,16,.9);
    top: -8px;
    left: 8px
}

.article-body__contents .article-page-link__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-body__contents .article-page-link__inner-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative
}

.article-body__contents .article-page-link__inner-media amp-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.article-body__contents .article-page-link__inner-body {
    padding-left: 16px
}

.article-body__contents .article-page-link__inner-aritcle-title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    max-height: 7em;
    color: #424242;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.article-body__contents .article-page-link__inner-aritcle-lead {
    word-break: break-all;
    line-height: 1.5;
    font-weight: 400;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: 4.2em;
    display: none;
    margin: 0;
    color: #757575
}

.article-body__contents .article-youtube-heading {
    margin: 0;
    padding: 16px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0,0,0,.95);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.article-body__contents .article-youtube-heading:after {
    background-color: transparent
}

.article-body__contents .article-niconico,.article-body__contents .article-youtube-container {
    margin-top: 32px;
    margin-bottom: 32px;
    background-color: rgba(0,0,0,.95)
}

.article-body__contents .article-niconico__heading {
    margin: 0;
    padding: 16px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0,0,0,.95);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.article-body__contents .article-niconico__heading:after {
    background-color: transparent
}

.article-body__contents .article-video {
    margin-top: 32px;
    margin-bottom: 32px;
    background-color: rgba(0,0,0,.95)
}

.article-body__contents .article-video__header {
    margin: 0;
    padding: 16px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0,0,0,.95);
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.article-body__contents .article-video__header:after {
    background-color: transparent
}

.article-body__contents .article-body__contents-notes p {
    font-size: 14px;
    color: #ad030b
}

.article-body__contents .article-body__contents-notes--press {
    margin-top: 24px;
    margin-bottom: -24px
}

.article-body__contents .article-body__contents-notes--press p {
    margin: 0
}

.article-body__contents .article-body__story-block {
    margin-top: 48px;
    margin-bottom: 48px;
    padding: 16px;
    border: 1px solid #e0e0e0
}

.article-body__contents .article-body__story-block .article-body__story-block-header {
    margin-top: -30px;
    margin-bottom: 8px;
    font-weight: 700
}

.article-body__contents .article-body__story-block .article-body__story-block-header-text {
    background-color: #fff;
    padding: 0 8px
}

.article-body__contents .article-body__story-block .article-body__story-block-body:after {
    display: block;
    clear: both;
    content: ""
}

.article-body__contents .article-body__story-block .article-body__story-block-body:last-child {
    margin-bottom: 0
}

.article-body__contents .article-body__story-block .article-body__story-block-media {
    float: left;
    margin-right: 16px
}

.article-body__contents .article-body__story-block .media-image {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #eee
}

.article-body__contents .article-body__story-block .article-body__story-block-thumb {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #eee;
    overflow: hidden
}

.article-body__contents .article-body__story-block amp-img {
    width: 80px
}

.article-body__contents .article-body__story-block .article-body__story-block-content {
    padding-left: 16px
}

.article-body__contents .article-body__story-block .article-body__story-block-content-header {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.article-body__contents .article-body__story-block .article-body__story-block-content-header-small {
    font-weight: 400;
    font-size: 12px
}

.article-body__contents .article-body__story-block .article-body__story-block-lead {
    margin: 0;
    line-height: 1.6;
    font-size: 14px
}

.article-body__contents .artcile-twitter-container {
    text-align: center;
    margin: 38px 0;
    overflow: hidden
}

.article-body__contents .artcile-twitter-block {
    max-width: 100%
}

.article-body__contents .artcile-twitter-block .twitter-tweet {
    margin: 0 auto;
    background-color: #fff;
    max-width: 100%;
    width: inherit
}

.article-body__contents .artcile-twitter-block blockquote {
    position: static;
    border-left: none;
    padding: 0;
    margin: 0
}

.article-body__contents .article-body__game-info {
    font-size: 14px;
    line-height: 1.5;
    display: block
}

.article-body__contents .author {
    margin: 48px 0 24px
}

.article-body__contents .annotation {
    background-color: #f5f5f5;
    padding: 16px;
    color: #616161;
    font-size: 12px;
    margin: 24px 0
}

.article-body--prtimes {
    font-size: 18px;
    line-height: 1.8;
    margin: 24px 0;
    color: #424242
}

.article-body--prtimes .article-body__h2 {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 1.4
}

.article-body--prtimes .article-body__h2:after,.article-body--prtimes .article-body__h2:before,.article-body--prtimes strong:after,.article-body--prtimes strong:before {
    content: ""
}

.article-body--prtimes img {
    margin: 16px 0
}

.article-body__contents-img-container--lazy .article-body__contents-img-common-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article-body__contents-img-container--lazy .article-body__contents-img-common-col {
    overflow: hidden
}

.article-body__contents-img-container--lazy .article-body__contents-img-common-col img,.article-body__contents-img-container--lazy .article-body__contents-img-common-col source {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 1
}

.article-body__contents-img-container--lazy .article-body__contents-img-col {
    background-color: #eee;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border: 1px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.article-body__contents-img-container--lazy .article-body__contents-img-common-block {
    margin: 0 auto
}

.article-body__contents-img-container--lazy img {
    max-height: none
}

.article-body-lead-banner {
    margin-top: 48px;
    margin-bottom: 48px
}

.article-body-lead-banner .adsbygoogle {
    width: 336px;
    height: 280px;
    display: block;
    margin: 0 auto
}

.article-body__ads-desktop {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px
}

.article-body__ads-desktop .adcloud_frame {
    max-height: 200px
}

.article-body__ads-desktop iframe {
    max-width: 475px;
    max-height: 200px
}

.article-body__ads {
    text-align: center;
    margin: 24px -16px
}

.article-body__ads .adcloud_frame {
    max-height: 100px
}

.article-body__ads iframe {
    max-width: 320px;
    max-height: 100px
}

.article-body__contents-pr-primary {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 1px solid #eee;
    padding: 16px
}

.article-body__dev {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #e0e0e0
}

.article-body__dev .article-body__dev-message {
    font-size: 12px;
    color: #9e9e9e
}

.article-body__dev .article-body__dev-message:nth-of-type(n+2) {
    padding-top: 8px
}

.article-copyright {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #e0e0e0
}

.article-copyright .article-copyright-lead {
    font-size: 12px;
    color: #9e9e9e
}

.article-copyright .article-copyright-lead:nth-of-type(n+2) {
    padding-top: 8px
}

.article-footer {
    margin-top: 48px
}

.article-footer .contents-empty {
    margin-top: 32px
}

.comment-widget iframe {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0
}

.article-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.article-header__category {
    position: relative;
    overflow: hidden
}

.article-header__category:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    pointer-events: none
}

.article-header__category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: pointer
}

.article-header__category-list::-webkit-scrollbar {
    display: none
}

.article-header__category-item,.article-header__category-item:nth-of-type(n+2) {
    margin-right: 8px
}

.article-header__category-item:last-child {
    padding-right: 32px
}

.article-header__category-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #dc0610
}

.article-header__category-link:hover {
    color: #fff;
    background-color: #b7050d
}

.article-header__heading {
    font-size: 26px;
    line-height: 1.3;
    padding-top: 16px
}

.article-header__lead {
    color: #424242;
    margin-top: 24px;
    margin-bottom: 24px;
    line-height: 1.8;
    font-size: 18px
}

.article-header__meta {
    padding-top: 8px;
    padding-bottom: 16px
}

.article-header__meta-secondary {
    display: none;
    padding-top: 16px
}

.article-header__meta-secondary .share__list {
    margin-bottom: 0
}

.article-header__timestamp-date-container {
    color: #9e9e9e;
    font-size: 14px;
    vertical-align: middle;
    line-height: 1
}

.article-header__timestamp .fa-clock {
    width: 16px;
    height: 16px;
    margin-right: 2.66667px;
    color: #757575
}

.article-header__timestamp-update {
    position: relative;
    margin-left: 8px;
    padding-left: 8px
}

.article-header__timestamp-update:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #e0e0e0
}

.article-header__author-name-container {
    font-size: 14px
}

.article-header__author-name {
    font-weight: 700
}

.article-related__item:nth-of-type(n+2) {
    padding-top: 16px
}

.article-related__link,.share-heading {
    font-weight: 700
}

.share-heading {
    text-align: center;
    font-size: 16px;
    margin-bottom: 16px
}

.share__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px
}

.share__list .share__link {
    display: block
}

.share__list .share__link:hover {
    opacity: .9
}

.share__list .icon-facebook-square,.share__list .icon-line {
    fill: #fff;
    width: 24px;
    height: 24px
}

.share__list .icon-line .icon-line__cloud {
    fill: #fff
}

.share__list .icon-line .icon-line__line {
    fill: #3fb900
}

.share__list .icon-twitter {
    fill: #fff;
    width: 22px;
    height: 22px
}

.share__list .icon-hatebu {
    fill: #fff;
    width: 20px;
    height: 20px
}

.share__list .icon-facebook-square {
    position: relative;
    top: -2px;
    left: -3px
}

.share__list .icon-facebook-square .icon-facebook-square__bg {
    fill: #3b5998
}

.share__list .icon-facebook-square .icon-facebook-square__f {
    fill: #fff
}

.share__list .icon-bg-circle {
    width: 42px;
    height: 42px
}

.share__item:nth-of-type(n+2) {
    padding-left: 16px
}

.article-sidebar .l-contents-block--tie-up-lg .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.article-sidebar .l-contents-block--tie-up-lg .col:nth-child(n+3) {
    margin-top: 32px
}

.article-sidebar .l-contents-block--tie-up-lg .col:nth-child(n+3):after {
    background: #e0e0e0;
    position: absolute;
    content: "";
    top: -16px;
    height: 1px;
    left: 15px;
    width: calc(100% - 30px)
}

.article-sidebar .l-contents-block--tie-up-lg .col:nth-child(2n) {
    border-left: 1px solid #e0e0e0
}

.art-toc {
    margin: 24px 0;
    border: 1px solid #e0e0e0;
    cursor: pointer
}

.art-toc h2 {
    margin: 0
}

.art-toc h2:after {
    content: none
}

.art-toc .art-toc__h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    font-size: 20px;
    font-weight: 700
}

.art-toc .art-toc__h:hover {
    color: #dc0610
}

.art-toc .art-toc__h:hover .icn-list-alt {
    fill: #dc0610
}

.art-toc .art-toc__h .icn-list-alt {
    width: 21px;
    height: 21px;
    margin-right: 8px;
    fill: #424242
}

.art-toc .art-toc__notes {
    font-size: 12px;
    font-weight: 400;
    color: #dc0610;
    margin-left: auto
}

.art-toc .art-toc__note-opn {
    display: none
}

.art-toc ul {
    margin: 0;
    padding-left: 40px;
    padding-right: 16px
}

.art-toc ul li {
    margin: 0;
    list-style: disc;
    display: list-item
}

.art-toc ul li ul {
    margin: 0
}

.art-toc ul li ul:nth-child(n+2) {
    margin-top: 8px;
    padding-left: 16px
}

.art-toc>ul>li:nth-child(n+2) {
    margin-top: 16px
}

.art-toc>ul>li:last-child {
    margin-bottom: 16px
}

.art-toc>ul>li>.art-toc__h2 {
    font-weight: 700
}

.art-toc>ul>li>ul>li:nth-child(n+2) {
    margin-top: 8px
}

.art-toc a {
    color: #424242;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.art-toc a:hover {
    color: #dc0610
}

.cat-bnr {
    margin: 0 -15px;
    overflow: hidden
}

.cat-bnr-under {
    margin: 32px -15px 0;
    overflow: hidden
}

.contents-message-container {
    background-color: #f5f5f5;
    padding: 16px;
    text-align: center
}

.contents-message {
    color: #9e9e9e;
    font-size: 11px
}

.game-title-related-game-row {
    margin-bottom: -16px
}

.game-title-pick-up {
    background-color: #161616;
    padding: 16px;
    margin-bottom: 32px
}

.game-title-pick-up .card .card__category-item,.game-title-pick-up .card .card__title,.game-title-pick-up .heading {
    color: #fff
}

.game-title-pick-up .card .card__lead a {
    color: #e0e0e0
}

.game-title-pick-up .card:hover .card__title,.game-title-pick-up .card:hover .card__title {
    color: #fff;
    opacity: .9
}

.game-title-header {
    position: relative;
    background-color: #000
}

.game-title-header__board {
    position: relative;
    height: 100px;
    overflow: hidden
}

.game-title-header__board-img {
    display: block;
    position: relative;
    background-size: cover;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 20%
}

.game-title-header__board-img:before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.game-title-header__board-picture {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100px;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1920px
}

.game-title-header__board-picture:before {
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(47%,rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.5) 47%,rgba(0,0,0,.5));
    background-image: linear-gradient(transparent,rgba(0,0,0,.5) 47%,rgba(0,0,0,.5));
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.game-title-header__board-picture-img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    width: auto;
    height: 100%
}

.game-title-header__board-picture--blur .game-title-header__board-picture-img {
    width: calc(100% + 20px);
    height: auto;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.game-title-header__heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-title-header__body-row-col--01 {
    text-align: center;
    margin-top: -50px
}

.game-title-header__media-img-container {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    width: 100px;
    height: auto;
    padding: 4px;
    background-color: #111
}

.game-title-header__media-img-container a:hover {
    opacity: .9
}

.game-title-header__media-img-container .media-image--contain {
    background-color: rgba(0,0,0,.5)
}

.game-title-header__heading-text {
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 24px;
    max-height: 57.6px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    color: #fff;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10.66667px;
    font-weight: 700
}

.game-title-header__heading-text a {
    color: #fff
}

.game-title-header__heading-text a:hover {
    color: #d9d9d9
}

.game-title-header__platform {
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 2px 8px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.game-title-header__platform:hover {
    color: #424242;
    background-color: #fff
}

.game-title-header__platform:hover a {
    color: #424242
}

.game-title-header__platform a {
    color: #fff
}

.game-title-header__body {
    position: relative;
    background-color: #060606;
    z-index: 1;
    background-size: 2px 2px
}

.game-title-header__body-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.game-title-header__nav-container {
    background-color: #161616;
    border-top: 1px solid #222
}

.game-title-header__nav,.game-title-header__nav-container .container {
    padding-right: 0;
    padding-left: 0
}

.game-title-header__nav .nav-scroller__inner {
    cursor: pointer
}

.game-title-header__nav .nav__item {
    padding-right: 8px
}

.game-title-header__nav .nav__item:last-child {
    margin-right: 0;
    padding-right: 32px
}

.game-title-header__nav .nav__link {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 5px solid transparent;
    font-size: 14px
}

.game-title-header__nav .nav__link:hover {
    color: #dc0610
}

.game-title-header__nav .nav__link--active {
    border-color: #dc0610
}

.game-title-header__nav .nav__link--active:hover {
    color: #fff
}

.article-external-link-container {
    margin-top: 32px
}

.article-external-link:nth-of-type(n+2) {
    margin-top: 16px
}

.article-external-link .btn {
    display: block;
    margin-top: 0;
    font-weight: 700
}

.drawer-nav {
    background-color: #000
}

.drawer .drawer-nav {
    left: -240px;
    -webkit-transition: left .6s cubic-bezier(.19,1,.22,1);
    transition: left .6s cubic-bezier(.19,1,.22,1)
}

.drawer-nav {
    width: 240px
}

.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 19999
}

.drawer-nav__menu-container {
    padding-top: 16px;
    padding-bottom: 32px
}

.drawer-nav__menu-list-container:nth-of-type(n+2) {
    border-top: 1px solid hsla(0,0%,100%,.1);
    margin-top: 16px;
    padding-top: 16px
}

.drawer-nav__menu-level2 {
    margin: 4px 16px
}

.drawer-nav__item-level2 {
    display: inline-block;
    vertical-align: top
}

.drawer-nav__link {
    color: #eee;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    padding: 8px 16px
}

.drawer-nav__link:hover {
    color: #fff;
    background-color: #212121
}

.drawer-nav__link-level2 {
    display: block;
    color: #bdbdbd;
    font-size: 12px;
    padding: 4px 8px;
    margin-bottom: 8px;
    margin-right: 4px
}

.drawer-nav__link-level2:hover {
    background-color: #212121;
    border-radius: 2px;
    color: #bdbdbd;
    opacity: .9
}

.drawer-nav-close {
    position: absolute;
    top: 7px;
    height: 100%
}

.drawer-nav-close--left {
    left: 225px
}

.drawer-nav-close--right {
    right: 245px
}

.drawer-info {
    padding: 32px 16px
}

.drawer-info-group {
    border-top: 1px solid hsla(0,0%,100%,.1);
    margin-top: 16px;
    padding: 16px
}

.drawer-info-list-container {
    padding-top: 16px
}

.drawer.drawer-open {
    position: relative;
    overflow: hidden
}

.drawer.drawer-open .drawer-overlay {
    display: block
}

.drawer.drawer-open .drawer-nav {
    left: 0
}

.icon-console {
    display: inline-block;
    padding: 4px 8px;
    line-height: 1;
    text-align: center;
    font-size: 11px;
    font-style: inherit;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 3px
}

.icon-console--outline-white {
    border: 1px solid #fff
}

.icon-console--alldevice {
    color: #333
}

.icon-console--bg-alldevice {
    background-color: #333
}

.icon-console--ps3 {
    color: #4c5267
}

.icon-console--bg-ps3 {
    background-color: #4c5267
}

.icon-console--ps4 {
    color: #5260b4
}

.icon-console--bg-ps4 {
    background-color: #5260b4
}

.icon-console--psvr {
    color: #09a7d3
}

.icon-console--bg-psvr {
    background-color: #09a7d3
}

.icon-console--psp {
    color: #3f7c94
}

.icon-console--bg-psp {
    background-color: #3f7c94
}

.icon-console--psvita {
    color: #343ed4
}

.icon-console--bg-psvita {
    background-color: #343ed4
}

.icon-console--3ds {
    color: #9e3334
}

.icon-console--bg-3ds {
    background-color: #9e3334
}

.icon-console--wiiu {
    color: #5e8dbc
}

.icon-console--bg-wiiu {
    background-color: #5e8dbc
}

.icon-console--switch {
    color: #e60012
}

.icon-console--bg-switch {
    background-color: #e60012
}

.icon-console--xbox360 {
    color: #5bb57e
}

.icon-console--bg-xbox360 {
    background-color: #5bb57e
}

.icon-console--xboxone {
    color: #306152
}

.icon-console--bg-xboxone {
    background-color: #306152
}

.icon-console--ios {
    color: #8899b3
}

.icon-console--bg-ios {
    background-color: #8899b3
}

.icon-console--android {
    color: #5f9119
}

.icon-console--bg-android {
    background-color: #5f9119
}

.icon-console--ps2 {
    color: #39508d
}

.icon-console--bg-ps2 {
    background-color: #39508d
}

.icon-console--wii {
    color: #828fa1
}

.icon-console--bg-wii {
    background-color: #828fa1
}

.icon-console--ac {
    color: #8f5900
}

.icon-console--bg-ac {
    background-color: #8f5900
}

.icon-console--pc {
    color: #373f82
}

.icon-console--bg-pc {
    background-color: #373f82
}

.icon-console--ss {
    color: #667153
}

.icon-console--bg-ss {
    background-color: #667153
}

.icon-console--ws {
    color: #76402e
}

.icon-console--bg-ws {
    background-color: #76402e
}

.icon-console--xbox {
    color: #346b3f
}

.icon-console--bg-xbox {
    background-color: #346b3f
}

.icon-console--3do {
    color: #353a4f
}

.icon-console--bg-3do {
    background-color: #353a4f
}

.icon-console--64 {
    color: #80a05f
}

.icon-console--bg-64 {
    background-color: #80a05f
}

.icon-console--dc {
    color: #cf951c
}

.icon-console--bg-dc {
    background-color: #cf951c
}

.icon-console--fc {
    color: #c6ae99
}

.icon-console--bg-fc {
    background-color: #c6ae99
}

.icon-console--foreign {
    color: #3b3dff
}

.icon-console--bg-foreign {
    background-color: #3b3dff
}

.icon-console--gb {
    color: #a09e9a
}

.icon-console--bg-gb {
    background-color: #a09e9a
}

.icon-console--gg {
    color: #5b5b5b
}

.icon-console--bg-gg {
    background-color: #5b5b5b
}

.icon-console--ga {
    color: #536f94
}

.icon-console--bg-ga {
    background-color: #536f94
}

.icon-console--gc {
    color: #7b58a4
}

.icon-console--bg-gc {
    background-color: #7b58a4
}

.icon-console--md {
    color: #656565
}

.icon-console--bg-md {
    background-color: #656565
}

.icon-console--msx {
    color: #3d5583
}

.icon-console--bg-msx {
    background-color: #3d5583
}

.icon-console--ds {
    color: #da7e83
}

.icon-console--bg-ds {
    background-color: #da7e83
}

.icon-console--ng {
    color: #838383
}

.icon-console--bg-ng {
    background-color: #838383
}

.icon-console--ngp {
    color: #aa9c53
}

.icon-console--bg-ngp {
    background-color: #aa9c53
}

.icon-console--pce {
    color: #989878
}

.icon-console--bg-pce {
    background-color: #989878
}

.icon-console--ps {
    color: #877e23
}

.icon-console--bg-ps {
    background-color: #877e23
}

.icon-console--sfc {
    color: #ad6864
}

.icon-console--bg-sfc {
    background-color: #ad6864
}

.icon-console--sms {
    color: #6388bb
}

.icon-console--bg-sms {
    background-color: #6388bb
}

.icon-console--pcfx {
    color: #a55c83
}

.icon-console--bg-pcfx {
    background-color: #a55c83
}

.icon-console--psm {
    color: #956643
}

.icon-console--bg-psm {
    background-color: #956643
}

.icon-console--browser {
    color: #9d6242
}

.icon-console--bg-browser {
    background-color: #9d6242
}

.icon-console--bg-ps5 {
    background-color: #0172ce
}

.icon-console--bg-steam {
    background-color: #0c2f81
}

.icon-console--bg-xsx {
    background-color: #75b308
}

.icon-console--bg-app {
    background-color: #3ea5f7
}

.icon-console--bg-other {
    background-color: #757575
}

.l-notfound {
    padding-top: 48px;
    padding-bottom: 48px
}

.notfound {
    text-align: center
}

.notfound .notfound__header {
    font-size: 32px
}

.notfound .notfound__message {
    font-size: 14px
}

.notfound .btn {
    margin-top: 32px
}

.contents-sort--scroll {
    overflow: hidden
}

.content-sort__state {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.contents-sort__inner--scroll {
    padding-right: 16px;
    padding-left: 16px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.contents-sort__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contents-sort__item {
    min-width: 0
}

.contents-sort__item .custom-dropdown-menu__inner {
    min-width: 120px;
    max-width: 144px
}

.contents-sort__item {
    position: relative;
    margin-right: 8px;
    margin-bottom: 8px;
    padding-right: 8px
}

.contents-sort__item:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #e0e0e0
}

.contents-sort__item:last-child {
    margin-right: 0;
    padding-right: 0
}

.contents-sort__item:last-child:last-child:before {
    background-color: transparent
}

.contents-sort__btn {
    font-size: 14px
}

.contents-sort__btn:hover .contents-sort__state,.contents-sort__btn:hover .fa-angle-down {
    opacity: .9
}

.contents-sort__heading {
    color: #616161
}

.contents-sort__state--active {
    color: #dc0610
}

.contents-sort__btn .fa-angle-down {
    width: 16px;
    height: 16px;
    color: #dc0610;
    fill: #dc0610
}

.contents-sort--schedule {
    margin-bottom: 8px;
    margin-top: 24px
}

.contents-sort--schedule .contents-sort__item {
    margin-right: 8px;
    padding-right: 8px
}

.contents-sort--schedule .contents-sort__btn {
    font-size: 12px
}

.contents-sort--schedule .contents-sort__state {
    color: #424242
}

.contents-sort--schedule .contents-sort__state--active {
    font-weight: 700
}

.card-games-review .media-image {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.card-games-review .card-games-review__play {
    color: #616161;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.2
}

.card-games-review .card-games-review__play-platform:nth-child(n+2):before {
    content: "・";
    color: #616161
}

.card-games-review .card-games-review__play-platform--switch {
    color: #e60012
}

.card-games-review .card-games-review__play-platform--ps4 {
    color: #5260b4
}

.card-games-review .card-games-review__play-title {
    padding-left: 8px;
    margin-left: 8px;
    border-left: 1px solid #e0e0e0
}

.card-games-review .card-games-review__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-games-review .card-games-review__author,.card-games-review .card-games-review__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-games-review .card-games-review__author-info {
    margin-left: 8px
}

.card-games-review .icon-verified {
    fill: #dc0610;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    bottom: 2px;
    position: relative
}

.card-games-review .card-games-review__author-name {
    font-weight: 700
}

.card-games-review .card-games-review__author-stats {
    color: #757575;
    font-size: 11px;
    margin-top: 2px
}

.card-games-review .card-games-review__author-stats-list:nth-of-type(n+2) {
    margin-top: 2px
}

.card-games-review .card-games-review__author-stats-item {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #e0e0e0;
    word-break: keep-all
}

.card-games-review .card-games-review__author-stats-item a {
    color: #757575
}

.card-games-review .card-games-review__author-stats-item a:hover {
    opacity: .9
}

.card-games-review .card-games-review__author-stats-item:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.card-games-review .card-games-review__author-progress {
    margin-left: 16px
}

.card-games-review .icon-progress {
    width: 66px;
    height: 66px
}

.card-games-review .progress__percent {
    color: #424242
}

.card-games-review .progress__percent .int {
    font-size: 30px
}

.card-games-review .card-games-review__body {
    margin-top: 16px
}

.card-games-review .card-games-review__comment-more {
    display: block;
    margin-top: 8px;
    font-size: 14px
}

.card-games-review .card-games-review__source {
    font-style: italic;
    font-size: 12px;
    color: #bdbdbd;
    text-align: right;
    margin-top: 16px
}

.card-games-review .card-games-review__footer {
    margin-top: 16px;
    text-align: center
}

.card-games-review .card-games-review__more {
    color: #bdbdbd;
    vertical-align: middle;
    font-size: 14px
}

.card-games-review .fa-angle-right {
    width: 16px;
    height: 16px;
    bottom: 2px;
    position: relative;
    margin-left: 2px;
    color: #bdbdbd
}

.border {
    border: 1px solid #e0e0e0!important
}

.border-top {
    border-top: 1px solid #e0e0e0!important
}

.border-right {
    border-right: 1px solid #e0e0e0!important
}

.border-bottom {
    border-bottom: 1px solid #e0e0e0!important
}

.border-left {
    border-left: 1px solid #e0e0e0!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #dc0610!important
}

.border-primary-075 {
    border-color: rgba(220,18,41,.75)!important
}

.border-secondary {
    border-color: #757575!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc0610!important
}

.border-light {
    border-color: #f5f5f5!important
}

.border-dark {
    border-color: #424242!important
}

.border-white {
    border-color: #fff!important
}

.bdt-mbd-xl-0 {
    border-top: none!important
}

.bdt-mbd-xl {
    border-top: 1px solid #e0e0e0!important
}

.rounded {
    border-radius: 4px!important
}

.rounded-top {
    border-top-left-radius: 4px!important
}

.rounded-right,.rounded-top {
    border-top-right-radius: 4px!important
}

.rounded-bottom,.rounded-right {
    border-bottom-right-radius: 4px!important
}

.rounded-bottom,.rounded-left {
    border-bottom-left-radius: 4px!important
}

.rounded-left {
    border-top-left-radius: 4px!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.border-col-bottom>[class*=col-] {
    margin-bottom: 32px
}

.border-col-bottom>[class*=col-]:after {
    background: #e0e0e0;
    position: absolute;
    content: "";
    bottom: -16px;
    height: 1px;
    left: 15px;
    width: calc(100% - 30px)
}

.border-col-bottom>[class*=col-]:last-child {
    margin-bottom: 0
}

.border-col-bottom>[class*=col-]:last-child:after {
    background: none
}

.border-col-bottom [class$=col-6]:nth-last-child(2) {
    margin-bottom: 0
}

.border-col-bottom [class$=col-6]:nth-last-child(2):after {
    background: none
}

.border-col-bottom [class$=col-4]:nth-last-child(-n+3) {
    margin-bottom: 0
}

.border-col-bottom [class$=col-4]:nth-last-child(-n+3):after {
    background: none
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: 4px!important
}

.mt-1,.my-1 {
    margin-top: 4px!important
}

.mr-1,.mx-1 {
    margin-right: 4px!important
}

.mb-1,.my-1 {
    margin-bottom: 4px!important
}

.ml-1,.mx-1 {
    margin-left: 4px!important
}

.m-2 {
    margin: 8px!important
}

.mt-2,.my-2 {
    margin-top: 8px!important
}

.mr-2,.mx-2 {
    margin-right: 8px!important
}

.mb-2,.my-2 {
    margin-bottom: 8px!important
}

.ml-2,.mx-2 {
    margin-left: 8px!important
}

.m-3 {
    margin: 16px!important
}

.mt-3,.my-3 {
    margin-top: 16px!important
}

.mr-3,.mx-3 {
    margin-right: 16px!important
}

.mb-3,.my-3 {
    margin-bottom: 16px!important
}

.ml-3,.mx-3 {
    margin-left: 16px!important
}

.m-4 {
    margin: 24px!important
}

.mt-4,.my-4 {
    margin-top: 24px!important
}

.mr-4,.mx-4 {
    margin-right: 24px!important
}

.mb-4,.my-4 {
    margin-bottom: 24px!important
}

.ml-4,.mx-4 {
    margin-left: 24px!important
}

.m-5 {
    margin: 48px!important
}

.mt-5,.my-5 {
    margin-top: 48px!important
}

.mr-5,.mx-5 {
    margin-right: 48px!important
}

.mb-5,.my-5 {
    margin-bottom: 48px!important
}

.ml-5,.mx-5 {
    margin-left: 48px!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: 4px!important
}

.pt-1,.py-1 {
    padding-top: 4px!important
}

.pr-1,.px-1 {
    padding-right: 4px!important
}

.pb-1,.py-1 {
    padding-bottom: 4px!important
}

.pl-1,.px-1 {
    padding-left: 4px!important
}

.p-2 {
    padding: 8px!important
}

.pt-2,.py-2 {
    padding-top: 8px!important
}

.pr-2,.px-2 {
    padding-right: 8px!important
}

.pb-2,.py-2 {
    padding-bottom: 8px!important
}

.pl-2,.px-2 {
    padding-left: 8px!important
}

.p-3 {
    padding: 16px!important
}

.pt-3,.py-3 {
    padding-top: 16px!important
}

.pr-3,.px-3 {
    padding-right: 16px!important
}

.pb-3,.py-3 {
    padding-bottom: 16px!important
}

.pl-3,.px-3 {
    padding-left: 16px!important
}

.p-4 {
    padding: 24px!important
}

.pt-4,.py-4 {
    padding-top: 24px!important
}

.pr-4,.px-4 {
    padding-right: 24px!important
}

.pb-4,.py-4 {
    padding-bottom: 24px!important
}

.pl-4,.px-4 {
    padding-left: 24px!important
}

.p-5 {
    padding: 48px!important
}

.pt-5,.py-5 {
    padding-top: 48px!important
}

.pr-5,.px-5 {
    padding-right: 48px!important
}

.pb-5,.py-5 {
    padding-bottom: 48px!important
}

.pl-5,.px-5 {
    padding-left: 48px!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

.mt-mbd-xl-0 {
    margin-top: 0!important
}

.pt-mbd-xl-0 {
    padding-top: 0!important
}

.schedule-search {
    margin-bottom: 24px
}

.sort-platform {
    margin-bottom: 16px;
    margin-left: -15px;
    margin-right: -15px
}

.sort-platform .nav-scroller__inner {
    padding-left: 11px;
    cursor: pointer
}

.sort-platform .nav__item {
    margin: 4px
}

.sort-platform .nav__item--active .btn-outline-alldevice {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.sort-platform .nav__item--active .btn-outline-ps4 {
    color: #fff;
    background-color: #5260b4;
    border-color: #5260b4
}

.sort-platform .nav__item--active .btn-outline-switch {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012
}

.sort-platform .nav__item--active .btn-outline-psvr {
    color: #fff;
    background-color: #09a7d3;
    border-color: #09a7d3
}

.sort-platform .nav__item--active .btn-outline-3ds {
    color: #fff;
    background-color: #9e3334;
    border-color: #9e3334
}

.sort-platform .nav__item--active .btn-outline-ps3 {
    color: #fff;
    background-color: #4c5267;
    border-color: #4c5267
}

.sort-platform .nav__item--active .btn-outline-wiiu {
    color: #fff;
    background-color: #5e8dbc;
    border-color: #5e8dbc
}

.sort-platform .nav__item--active .btn-outline-xboxone {
    color: #fff;
    background-color: #306152;
    border-color: #306152
}

.sort-platform .nav__item--active .btn-outline-xbox360 {
    color: #fff;
    background-color: #5bb57e;
    border-color: #5bb57e
}

.sort-filter {
    background-color: #eee;
    padding: 12px 0 12px 16px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    overflow: hidden
}

.sort-filter:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#eee));
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#eee);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#eee)
}

.sort-filter .sort-filter__description {
    display: none;
    font-size: 14px
}

.sort-filter .sort-filter__description-header-num {
    font-weight: 700
}

.sort-filter .sort-filter__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sort-filter .sort-filter__header {
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    line-height: 1.4;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px
}

.sort-filter .sort-filter__header-text {
    font-size: 12px;
    font-weight: 700
}

.sort-filter .sort-filter__body {
    position: relative;
    overflow: hidden;
    margin-right: -15px
}

.sort-filter .sort-filter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sort-filter .sort-filter__title {
    white-space: nowrap
}

.sort-filter .sort-filter__title-text {
    color: #757575;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 0;
    line-height: 1
}

.sort-filter .sort-filter__title-text:after {
    content: "\FF1A";
    display: inline
}

.sort-filter .sort-filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: -moz-hidden-unscrollable;
    margin-left: -4px;
    cursor: pointer
}

.sort-filter .sort-filter__list::-webkit-scrollbar {
    display: none
}

.sort-filter .sort-filter__item {
    padding: 5px 4px;
    line-height: 1
}

.sort-filter .sort-filter__item:last-child {
    padding-right: 48px
}

.sort-filter .sort-filter__item:nth-of-type(n+2) .sort-filter__item-text {
    border-left: 1px solid #e0e0e0;
    padding-left: 8px
}

.sort-filter .sort-filter__item-text {
    color: #757575;
    font-size: 12px
}

.sort-filter .fa-times {
    width: 14px;
    height: 14px;
    position: relative;
    bottom: 1px
}

.schedule-row,.schedule-row>[class*=col-] {
    margin-bottom: 24px
}

.schedule-row>[class*=col-]:after {
    background: #e0e0e0;
    position: absolute;
    content: "";
    bottom: -12px;
    height: 1px;
    left: 15px;
    width: calc(100% - 30px)
}

.schedule-row>[class*=col-]:last-child {
    margin-bottom: 0
}

.schedule-row>[class*=col-]:last-child:after {
    background: none
}

.card-schedule {
    position: relative
}

.card-schedule .card-schedule__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-schedule .card-schedule__inner:hover {
    color: #dc0610
}

.card-schedule .card-schedule__inner:hover .card-schedule__media {
    opacity: .9
}

.card-schedule .card-schedule__media {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    max-width: 55px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-schedule .card-schedule__media-inner {
    position: relative;
    display: block;
    overflow: hidden
}

.card-schedule .card-schedule__body {
    overflow: hidden;
    position: relative;
    padding-left: 8px;
    padding-right: 16px
}

.card-schedule .card-schedule__title {
    word-break: break-all;
    line-height: 1.2;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.4em;
    margin-bottom: 2px;
    max-height: 2.6em
}

.card-schedule .card-schedule__title a {
    color: #424242
}

.card-schedule .card-schedule__title-inline {
    vertical-align: middle
}

.card-schedule .card-schedule__footer {
    line-height: 1
}

.card-schedule .card-schedule__entry {
    font-size: 12px;
    color: #92040b;
    text-align: center;
    display: inline-block;
    margin-right: 16px
}

.card-schedule .card-schedule__entry:last-child {
    margin-right: 0
}

.card-schedule .icon-console {
    position: relative;
    margin-right: 4px;
    vertical-align: middle;
    top: 0
}

.card-schedule .card-schedule__nav {
    position: absolute;
    top: 0;
    right: 0
}

.card-schedule .card-schedule__nav-btn {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-schedule .card-schedule__nav-btn:hover {
    opacity: .9
}

.card-schedule .fa-ellipsis-v {
    width: 16px;
    height: 16px;
    vertical-align: top
}

.card-schedule .card-schedule__price {
    font-size: 12px;
    color: #9e9e9e;
    margin-right: 8px
}

.card-schedule .card-schedule__price:last-child {
    margin-right: 0
}

.card-schedule .card-schedule__price-item:nth-of-type(n+2) {
    margin-left: 4px
}

.card-schedule .card-schedule__price-item:nth-of-type(2):before {
    content: "/";
    position: relative;
    margin-right: 4px
}

.card-schedule .card-schedule__release-date {
    display: inline-block;
    font-size: 12px;
    color: #9e9e9e;
    margin-right: 8px
}

.card-schedule .card-schedule__release-date:last-child {
    margin-right: 0
}

.card-schedule .card-schedule__price-note {
    display: inline-block;
    font-size: 11px;
    color: #9e9e9e
}

.card-schedule .icon-cero,.card-schedule .icon-download,.card-schedule .icon-globe,.card-schedule .icon-note-add {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.drawer-schedule .drawer-schedule__inner {
    background-color: #eee
}

.drawer-schedule .drawer-schedule__header {
    border-bottom: 1px solid #e0e0e0;
    margin: auto 15px
}

.drawer-schedule .fa-angle-left {
    width: 18px;
    height: 18px;
    position: relative;
    bottom: 2px;
    fill: #757575
}

.drawer-schedule .drawer-schedule__back {
    color: #757575;
    font-size: 12px;
    display: block;
    padding: 16px 0
}

.drawer-schedule .drawer-schedule__body {
    padding: 0 16px 159px
}

.drawer-schedule .drawer-schedule__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    color: #424242
}

.drawer-schedule .drawer-schedule__label {
    cursor: pointer
}

.drawer-schedule .drawer-schedule__label:before {
    background-color: #bdbdbd
}

.drawer-schedule .drawer-schedule__section {
    border-bottom: 1px solid #e0e0e0;
    padding: 16px 0
}

.drawer-schedule .drawer-schedule__section:last-child {
    border: none
}

.drawer-schedule .drawer-schedule__section-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px
}

.drawer-schedule .drawer-schedule__section-title {
    font-weight: 700;
    font-size: 20px
}

.drawer-schedule .drawer-schedule__content {
    margin-top: -8px;
    margin-bottom: -8px
}

.drawer-schedule .drawer-schedule__content--date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 0
}

.drawer-schedule .drawer-schedule__content--date-desktop,.drawer-schedule .drawer-schedule__content--desktop {
    display: none
}

.drawer-schedule .drawer-schedule__item-date:nth-child(n+2) {
    margin-left: 2px
}

.drawer-schedule .drawer-schedule__section-secondary {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px
}

.drawer-schedule .drawer-schedule__section-secondary:nth-child(n+2) {
    padding-top: 16px
}

.drawer-schedule .drawer-schedule__section-secondary:last-child {
    border: none;
    padding-bottom: 0
}

.drawer-schedule .drawer-schedule__section-secondary-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px
}

.drawer-schedule .drawer-schedule__section-secondary-title {
    font-weight: 700;
    font-size: 16px
}

.drawer-schedule .drawer-schedule__section-sub {
    color: #757575;
    font-size: 12px;
    margin-left: 8px
}

.drawer-schedule .icon-cero,.drawer-schedule .icon-download,.drawer-schedule .icon-globe,.drawer-schedule .icon-note-add {
    position: relative;
    bottom: 1px;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

.drawer-schedule .custom-control-label {
    padding-top: 1px
}

.drawer-schedule .drawer-schedule__more-link {
    display: block;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.drawer-schedule .drawer-schedule__more-link:hover .fa-angle-down {
    fill: #92040b;
    color: #92040b
}

.drawer-schedule .fa-angle-down {
    width: 16px;
    height: 12px;
    bottom: 1px;
    position: relative;
    margin-left: 2px;
    fill: #dc0610;
    color: #dc0610;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.drawer-schedule .custom-select {
    padding-left: 6px;
    background-position-x: right 8px;
    font-size: 12px
}

.drawer-schedule .drawer-schedule__footer {
    background-color: #eee
}

.drawer-schedule .drawer-schedule__footer-content {
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
    margin: 0 15px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.drawer-schedule .drawer-schedule__btn-clear {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding-top: 8px;
    padding-bottom: 8px
}

.drawer-schedule .drawer-schedule__btn-clear--desktop {
    display: none
}

.drawer-schedule .drawer-schedule__btn-submit {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding-top: 8px;
    padding-bottom: 8px
}

.schedule-genre {
    padding: 12px;
    background-color: #eee;
    margin-top: 32px
}

.schedule-genre .schedule-genre__item {
    font-size: 12px;
    padding: 4px;
    display: inline-block;
    color: #9e9e9e
}

.schedule-ads {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 32px -15px 0;
    padding: 0 15px
}

.schedule-row .banner-window-jack-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 24px
}

.schedule-row .banner-window-jack-wrapper:after {
    background: #e0e0e0;
    position: absolute;
    content: "";
    bottom: -12px;
    height: 1px;
    left: 15px;
    width: calc(100% - 30px)
}

.schedule-row .banner-window-jack-wrapper:last-child:after {
    background: none
}

.form-label-group {
    --input-padding-x: 12px;
    --input-padding-y: 12px;
    position: relative;
    margin-bottom: 24px
}

.form-label-group>input,.form-label-group>label {
    padding: var(--input-padding-y) var(--input-padding-x);
    height: 48px
}

.form-label-group>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.5;
    color: #9e9e9e;
    cursor: text;
    border: 1px solid transparent;
    border-radius: .25rem;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.form-label-group input::-webkit-input-placeholder {
    color: transparent
}

.form-label-group input:-ms-input-placeholder {
    color: transparent
}

.form-label-group input::-ms-input-placeholder {
    color: transparent
}

.form-label-group input::-moz-placeholder {
    color: transparent
}

.form-label-group input::placeholder {
    color: transparent
}

.form-label-group input:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y)*0.66667);
    padding-bottom: calc(var(--input-padding-y)/3)
}

.form-label-group input:not(:placeholder-shown)~label {
    padding-top: calc(var(--input-padding-y)/3);
    padding-bottom: calc(var(--input-padding-y)/3);
    font-size: 12px;
    color: #777
}

@supports (-ms-ime-align:auto) {
    .form-label-group>label {
        display: none
    }

    .form-label-group input::-ms-input-placeholder {
        color: #777
    }
}

.banner-ad-mark {
    color: #bdbdbd;
    font-size: 12px;
    text-align: center
}

.pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pager__current {
    padding: 0 16px
}

.pager__next,.pager__prev {
    background-size: 8px 16px;
    background-repeat: no-repeat;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.pager__next:hover,.pager__prev:hover {
    color: #fff;
    opacity: .9
}

.pager__prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.514%22%20height%3D%2245.414%22%20viewBox%3D%220%200%2025.514%2045.414%22%3E%20%3Cpath%20id%3D%22arrpw%22%20d%3D%22M27%2C22%2C5%2C44%2C2.9%2C41.9%2C22.8%2C22%2C2.9%2C2.1%2C5%2C0Z%22%20transform%3D%22translate(27.707%2044.707)%20rotate(180)%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    background-position: 8px;
    padding: 0 0 0 22px
}

.pager__next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.514%22%20height%3D%2245.414%22%20viewBox%3D%220%200%2025.514%2045.414%22%3E%20%3Cpath%20id%3D%22arrpw%22%20d%3D%22M27%2C22%2C5%2C44%2C2.9%2C41.9%2C22.8%2C22%2C2.9%2C2.1%2C5%2C0Z%22%20transform%3D%22translate(-2.193%200.707)%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.9%22%2F%3E%3C%2Fsvg%3E");
    background-position: right 8px center;
    padding: 0 22px 0 0
}

.l-images {
    z-index: 10002;
    min-height: 100vh;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-transition: all .2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: all .2s ease-in-out
}

.images__main {
    padding-top: 16px
}

.images__aside {
    background-color: rgba(33,33,33,.9);
    padding: 16px
}

.gallery .gallery__body {
    margin: 0 -15px;
    background-color: rgba(0,0,0,.7);
    height: calc(100% - 227.11px)
}

@-webkit-keyframes oval-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.gallery .gallery__body-img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.gallery .gallery__footer {
    margin-right: -15px;
    padding: 10px 0
}

.gallery .gallery__footer .swiper-slide {
    cursor: pointer;
    overflow: hidden;
    padding: 4px;
    opacity: .4
}

.gallery .gallery__footer .swiper-slide-thumb-active {
    opacity: 1;
    background-color: rgba(220,6,16,.4)
}

.l-images-02 {
    background-color: #000;
    padding-top: 24px;
    padding-bottom: 24px
}

.l-images-02 #ftc-s_all_mb1_gam,.l-images-02 #ftc-s_all_ol_gam {
    text-align: center
}

.l-images-02 #ftc-s_all_mb1_gam {
    margin: 0 -15px 32px
}

.l-images-02 .l-contents-block {
    display: block
}

.l-images-02 .l-contents-block--article-ranking-article-lg {
    margin-top: 16px;
    padding-top: 16px
}

.l-images-02 .l-contents-block--article-ranking-article-lg .heading {
    border-top: 1px solid hsla(0,0%,100%,.2);
    padding-top: 32px
}

.gallery__main {
    padding-top: 16px
}

.gallery__main .l-contents-block .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.gallery__main .l-contents-block .col:nth-child(n+3) {
    margin-top: 32px
}

.gallery__main .l-contents-block .col:nth-child(n+3):after {
    background: hsla(0,0%,100%,.2);
    position: absolute;
    content: "";
    top: -16px;
    height: 1px;
    left: 15px;
    width: calc(100% - 30px)
}

.gallery__main .l-contents-block .col:nth-child(2n) {
    border-left: 1px solid hsla(0,0%,100%,.2)
}

.gallery__aside {
    margin-top: 16px
}

.gallery {
    color: #fff
}

.gallery .pager {
    margin-bottom: 16px
}

.gallery .gallery__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.gallery .gallery__logo {
    margin-bottom: 32px
}

.gallery .icon-famitsu-com {
    width: 136px;
    height: 24px;
    margin-right: 16px
}

.gallery .gallery__article-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px
}

.gallery .fa-angle-left {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 2px;
    margin-left: -8px
}

.gallery .gallery__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 400;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em
}

.gallery .gallery__body-02 {
    text-align: center;
    display: block
}

.gallery .gallery__img {
    overflow: hidden
}

.gallery .gallery__img-src {
    max-width: 100%;
    height: auto
}

.gallery .gallery__loading:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background: url(/img/1812/oval-white.svg);
    background-size: 40px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation: oval-rotate 1s linear infinite;
    animation: oval-rotate 1s linear infinite
}

.gallery .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery .swiper-slide {
    text-align: center
}

.gallery .swiper-button-next,.gallery .swiper-button-prev {
    display: none;
    background-size: auto 22px;
    background-color: rgba(33,33,33,.8);
    padding: 22px
}

.gallery .gallery__footer-02 {
    margin-right: -8px;
    margin-left: -8px;
    margin-top: 16px
}

.gallery .gallery__footer-02 .col-4 {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px
}

.gallery .gallery__footer-02 .js-gallery__thumb--active .media-img__src {
    border: 4px solid #580409
}

.gallery .media-img {
    background-color: transparent
}

.gallery .button-next,.gallery .button-prev {
    background-size: 8px 16px;
    background-repeat: no-repeat
}

.gallery .button-prev {
    background-position: 0
}

.gallery .button-next {
    background-position: 100%
}

.gallery .button-next.js-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.gallery .button-prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.514%22%20height%3D%2245.414%22%20viewBox%3D%220%200%2025.514%2045.414%22%3E%20%3Cpath%20id%3D%22arrpw%22%20d%3D%22M27%2C22%2C5%2C44%2C2.9%2C41.9%2C22.8%2C22%2C2.9%2C2.1%2C5%2C0Z%22%20transform%3D%22translate(27.707%2044.707)%20rotate(180)%22%20fill%3D%22%23dc0610%22%20stroke%3D%22%23dc0610%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.gallery .button-prev.js-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.gallery .container-rtl .button-next {
    left: 10px;
    right: auto
}

.gallery .button-next,.gallery .container-rtl .button-next,.gallery .container-rtl .button-prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.514%22%20height%3D%2245.414%22%20viewBox%3D%220%200%2025.514%2045.414%22%3E%20%3Cpath%20id%3D%22arrpw%22%20d%3D%22M27%2C22%2C5%2C44%2C2.9%2C41.9%2C22.8%2C22%2C2.9%2C2.1%2C5%2C0Z%22%20transform%3D%22translate(-2.193%200.707)%22%20fill%3D%22%23dc0610%22%20stroke%3D%22%23dc0610%22%20stroke-width%3D%221%22%20opacity%3D%220.9%22%2F%3E%3C%2Fsvg%3E")
}

.gallery .button-next,.gallery .container-rtl .button-prev {
    right: 10px;
    left: auto
}

.gallery .button-next,.gallery .button-prev {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.gallery .button-next:hover,.gallery .button-prev:hover {
    background-color: rgba(220,6,16,.8);
    border-radius: 6px;
    padding: 4px
}

.gallery .button-next {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.gallery .button-next:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.514%22%20height%3D%2245.414%22%20viewBox%3D%220%200%2025.514%2045.414%22%3E%20%3Cpath%20id%3D%22arrpw%22%20d%3D%22M27%2C22%2C5%2C44%2C2.9%2C41.9%2C22.8%2C22%2C2.9%2C2.1%2C5%2C0Z%22%20transform%3D%22translate(-2.193%200.707)%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.9%22%2F%3E%3C%2Fsvg%3E")
}

.gallery .button-prev {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.gallery .button-prev:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.514%22%20height%3D%2245.414%22%20viewBox%3D%220%200%2025.514%2045.414%22%3E%20%3Cpath%20id%3D%22arrpw%22%20d%3D%22M27%2C22%2C5%2C44%2C2.9%2C41.9%2C22.8%2C22%2C2.9%2C2.1%2C5%2C0Z%22%20transform%3D%22translate(27.707%2044.707)%20rotate(180)%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E")
}

.js-pager--disabled {
    opacity: .35;
    pointer-events: none
}

.images-pr {
    padding: 16px;
    border: 1px solid hsla(0,0%,87.8%,.3)
}

.images-pr .card-half-banner__inner {
    background-color: transparent
}

.scroll-to-top {
    z-index: 1030;
    position: fixed;
    right: 15px;
    bottom: 16px;
    margin-bottom: 31.25%;
    width: 56px;
    height: 56px;
    text-align: center;
    background-color: rgba(0,0,0,.7);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden
}

.scroll-to-top .fa-angle-up {
    pointer-events: none;
    fill: #fff;
    width: 36px;
    height: 36px
}

.scroll-to-top .scroll-to-top__text {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    margin-top: -2px
}

.js-dropdown-visible .js-dropdown-box-inner {
    visibility: visible;
    opacity: 1
}

.js-window-jack--visible {
    clip: inherit!important;
    z-index: 9999
}

.js-window-jack-close--hide {
    visibility: hidden
}

.js-gallery-wrapper-open {
    opacity: 1;
    visibility: visible
}

.js-image-expandable:hover {
    cursor: pointer;
    opacity: .9
}

.js-banner-jack {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000
}

.js-banner-jack--fix {
    position: fixed;
    top: 0
}

.js-banner-jack--fix .banner-jack .banner-jack-left {
    left: calc(-1*(305px - (100% - 1280px)/2))
}

.js-banner-jack--fix .banner-jack .banner-jack-right {
    right: calc(-1*(305px - (100% - 1280px)/2))
}

.js-banner-jack--stop {
    top: auto
}

.js-banner-jack--stop .banner-jack .banner-jack-left {
    position: absolute;
    left: -320px
}

.js-banner-jack--stop .banner-jack .banner-jack-right {
    position: absolute;
    right: -320px
}

.js-banner-top-jack {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000
}

.js-banner-top-jack--fix {
    position: fixed;
    top: 0
}

.js-banner-top-jack--fix .banner-top-jack .banner-top-jack-left {
    left: calc(-1*(305px - (100% - 1280px)/2))
}

.js-banner-top-jack--fix .banner-top-jack .banner-top-jack-right {
    right: calc(-1*(305px - (100% - 1280px)/2))
}

.js-banner-top-jack--stop {
    top: auto;
    bottom: 0
}

.js-banner-top-jack--stop .banner-top-jack .banner-top-jack-left {
    position: absolute;
    top: -848px;
    left: -320px
}

.js-banner-top-jack--stop .banner-top-jack .banner-top-jack-right {
    position: absolute;
    top: -848px;
    right: -320px
}

.js-banner-super-jack__bg-container--stop {
    position: absolute;
    width: 100%;
    height: 100vh
}

.js-banner-super-jack__bg-container--stop .banner-super-jack__bg-link {
    position: static
}

.js-banner-super-jack__link-container--stop .banner-super-jack__link-left .adcloud_frame,.js-banner-super-jack__link-container--stop .banner-super-jack__link-right .adcloud_frame {
    position: relative
}

.js-drawer-schedule .js-drawer-schedule__body {
    margin-left: -15px
}

.js-drawer-schedule .js-drawer-schedule__body,.js-drawer-schedule .js-drawer-schedule__footer {
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    z-index: 9999;
    width: 100%
}

.js-drawer-schedule--open {
    overflow: hidden
}

.js-drawer-schedule--open .js-drawer-schedule__body {
    position: fixed;
    top: auto;
    bottom: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-style: none;
    -webkit-overflow-scrolling: touch
}

.js-drawer-schedule--open .js-drawer-schedule__footer {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    height: calc(env(safe-area-inset-bottom) + 159px);
    height: 159px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.js-drawer-schedule--close .js-drawer-schedule__body {
    position: fixed;
    bottom: 0;
    height: 0;
    overflow: hidden
}

.js-drawer-schedule--close .js-drawer-schedule__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0;
    overflow: hidden
}

.js-drawer-schedule-more--open .js-drawer-schedule-more__toggle {
    display: none
}

.js-drawer-schedule-more--open .js-drawer-schedule-more__body {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.js-banner-jack-footer--close,.js-drawer-schedule-more--close .js-drawer-schedule-more__body {
    display: none
}

.js-accordion,.js-accordion .fa-angle-down {
    -webkit-transition: .2s;
    transition: .2s
}

.js-accordion.active .fa-angle-down {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.js-accordion-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out
}

.js-drawer-nav {
    position: fixed;
    z-index: 20000;
    top: 0;
    overflow: hidden;
    height: 100%;
    -ms-touch-action: none;
    touch-action: none
}

.js-header-search-box {
    z-index: 10002;
    padding-left: 0;
    padding-right: 0
}

.js-header-search-box,.js-header-search-box .header-search-box__inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.js-header-search-box .header-search-box__inner {
    z-index: 10003;
    background-color: rgba(0,0,0,.95)
}

.js-header-search-box__visible,.js-header-search-box__visible .header-search-box__inner {
    visibility: visible;
    opacity: 1
}

.js-lazy-placeholder:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background: url(/img/1812/oval.svg);
    background-size: 40px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation: oval-rotate 1s linear infinite;
    animation: oval-rotate 1s linear infinite
}

@keyframes oval-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.js-art-toc {
    -webkit-transition: .2s;
    transition: .2s
}

.js-art-toc.active .art-toc__note-opn {
    display: block
}

.js-art-toc.active .art-toc__note-cls {
    display: none
}

.js-art-toc-b {
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out
}

.js-smooth-scroll--visible {
    opacity: 1;
    visibility: visible
}

.info-brand-logo--footer {
    text-align: center
}

.info-brand-logo--footer .icon-famitsu-com {
    fill: #eee;
    height: 30px;
    width: 170.09px
}

.info-brand-logo--footer__link {
    display: inline-block
}

.info-sns-list {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.info-sns-list a:hover .icon-facebook-square__f,.info-sns-list a:hover .icon-feedly,.info-sns-list a:hover .icon-rss,.info-sns-list a:hover .icon-twitter,.info-sns-list a:hover .icon-youtube {
    fill: #fff
}

.info-sns-list--footer {
    padding-top: 32px
}

.info-sns-list--footer .info-sns-list--footer__item:nth-of-type(n+2) {
    padding-left: 16px
}

.info-sns-list__item:first-child .info-sns-list__link:hover .icon-bg-circle {
    background-color: #55acee
}

.info-sns-list__item:nth-child(2) .info-sns-list__link:hover .icon-bg-circle {
    background-color: #3b5998
}

.info-sns-list__item:nth-child(2) .info-sns-list__link:hover .icon-facebook-square__bg {
    fill: #3b5998
}

.info-sns-list__item:nth-child(3) .info-sns-list__link:hover .icon-bg-circle {
    background-color: red
}

.info-sns-list__item:nth-child(4) .info-sns-list__link:hover .icon-bg-circle {
    background-color: #f26522
}

.info-sns-list__item:nth-of-type(n+2) {
    padding-left: 14px
}

.info-sns-list__item .icon-facebook-square,.info-sns-list__item .icon-youtube {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    fill: #212121;
    height: 16px;
    width: 16px
}

.info-sns-list__item .icon-twitter {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    fill: #212121;
    height: 14px;
    width: 14px
}

.info-sns-list__item .icon-facebook-square {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    top: -1px;
    left: -2px
}

.info-sns-list__item .icon-facebook-square__bg {
    -webkit-transition: all .2s ease-in-out;
    fill: #e0e0e0;
    transition: all .2s ease-in-out
}

.info-sns-list__item .icon-facebook-square__f,.info-sns-list__item .icon-feedly {
    fill: #212121;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-sns-list__item .icon-feedly {
    height: 16px;
    width: 16px
}

.info-sns-list__item .icon-rss {
    fill: #212121;
    height: 12px;
    width: 12px;
    position: relative;
    top: -1px
}

.info-sns-list__item .icon-bg-circle,.info-sns-list__item .icon-rss {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-sns-list__item .icon-bg-circle {
    background-color: #e0e0e0;
    height: 30px;
    width: 30px
}

.info-link-list {
    text-align: center
}

.info-link-list__item {
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px
}

.info-link-list--footer__item {
    margin-top: 16px;
    margin-right: 8px;
    margin-left: 8px
}

.info-link-list__link {
    display: block;
    color: #9e9e9e;
    font-size: 11px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-link-list__link:hover {
    color: #d9d9d9
}

.info-link-list--footer__link {
    font-size: 14px
}

.info-sub-brand-list--footer__heading {
    color: #757575;
    height: 40px;
    line-height: 40px
}

.info-sub-brand-list--footer__item {
    display: inline-block;
    margin-left: 16px;
    margin-right: 16px
}

.info-sub-brand-list--footer__item:last-child {
    margin-top: 16px;
    margin-right: 0
}

.info-sub-brand-list--footer__link .icon-famitsu-app {
    height: 24px;
    width: 86.38px;
    fill: #757575;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-sub-brand-list--footer__link .icon-famitsu-app:hover {
    fill: #d9d9d9
}

.info-sub-brand-list--footer__link .icon-bslog {
    height: 20px;
    width: 105.17px;
    fill: #757575;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-sub-brand-list--footer__link .icon-bslog:hover {
    fill: #d9d9d9
}

.info-sub-brand-list--footer__link .icon-famitsu-app-vs {
    height: 24px;
    width: 86.38px;
    fill: #757575;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-sub-brand-list--footer__link .icon-famitsu-app-vs:hover {
    fill: #d9d9d9
}

.info-copyright {
    color: #bdbdbd;
    font-size: 12px
}

.select-lang {
    font-size: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1
}

.select-lang li:nth-of-type(n+2) {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid #e0e0e0
}

.select-lang a {
    color: #eee
}

.video-social {
    margin: 16px -16px -16px;
    z-index: 0;
    position: relative;
    text-align: center
}

.video-social .media-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding-top: 0
}

.video-social .icon-youtube {
    fill: #fff;
    position: relative;
    bottom: 1px;
    width: 16px;
    height: 16px;
    margin-right: 5.33333px
}

.video-social__inner {
    padding: 16px;
    background-color: rgba(0,0,0,.2)
}

.video-social__row {
    overflow: hidden;
    font-size: 0;
    text-align: center
}

.video-social__col {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px
}

.video-social__col+.video-social__col {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

.viode-social__col-inner {
    display: inline-block
}

.video-social__item {
    display: table;
    color: #fff;
    text-align: left
}

.video-social__item:hover {
    opacity: .9;
    color: #d9d9d9
}

.video-social__item-header {
    display: table-cell;
    padding-right: 8px
}

.video-social__item-body {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.video-social__item-heading {
    font-size: 12px
}

.video-social__item-heading,.video-social__item-sub {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.video-social__item-sub {
    color: #9e9e9e;
    font-size: 11px
}

.banner-center {
    text-align: center
}

.banner-center .adcloud_frame>div {
    margin: 0 auto;
    text-align: center
}

.banner-pc {
    display: none;
    margin-bottom: 32px;
    background-color: #eee;
    text-align: center
}

.banner-pc .adcloud_frame>div {
    margin-bottom: 32px;
    width: 100%!important;
    height: auto!important;
    background-color: #eee
}

.banner-pc .adcloud_frame>div>a {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.banner-pc .adcloud_frame>div>a:hover {
    opacity: .9
}

.banner-pc .adcloud_frame>iframe {
    margin: 16px 0
}

.banner-lg-rect-haf-page {
    display: none;
    margin-bottom: 32px;
    background-color: #eee
}

.banner-lg-rect-haf-page .adcloud_frame>div {
    margin-bottom: 32px;
    width: 100%!important;
    height: auto!important;
    background-color: #eee
}

.banner-lg-rect-haf-page .adcloud_frame>div>a {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.banner-lg-rect-haf-page .adcloud_frame>div>a:hover {
    opacity: .9
}

.banner-lg-rect-haf-page .adcloud_frame>iframe {
    margin: 16px 0
}

.banner-haf-page-bottom {
    display: none;
    background-color: #eee;
    margin-top: 32px
}

.banner-haf-page-bottom .adcloud_frame>div {
    margin-top: 32px;
    width: 100%!important;
    height: auto!important;
    background-color: #eee
}

.banner-haf-page-bottom .adcloud_frame>div>a {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.banner-haf-page-bottom .adcloud_frame>div>a:hover {
    opacity: .9
}

.banner-haf-page-bottom .adcloud_frame>iframe {
    margin: 16px 0
}

.banner-footer-rect-container {
    display: none;
    margin-top: 32px;
    font-size: 0;
    text-align: center
}

.banner-footer-rect-container a {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.banner-footer-rect-container a:hover {
    opacity: .9
}

.banner-footer-rect {
    margin-top: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    margin-left: 16px
}

.banner-300-250 {
    margin-bottom: 32px
}

.banner-300-250 .adcloud_frame>div a {
    display: block;
    width: 300px!important
}

.banner-300-250 .adcloud_frame>div img {
    width: 300px!important;
    height: 250px!important
}

.banner-300-250 iframe {
    max-width: 300px;
    max-height: 250px
}

.banner-300-250--article {
    margin-top: 32px
}

.banner-mobile-footer-rect {
    margin-top: 32px;
    margin-bottom: 32px
}

.banner-mobile-footer-rect .adcloud_frame>div a {
    display: block;
    width: 300px!important
}

.banner-mobile-footer-rect .adcloud_frame>div img {
    width: 300px!important;
    height: 250px!important
}

.banner-mobile-footer-rect iframe {
    max-width: 300px;
    max-height: 250px
}

.banner-header {
    margin-bottom: -16px
}

.banner-header--on {
    height: 150px
}

.banner-header--game-title {
    margin-bottom: 16px
}

.banner-article .adcloud_frame {
    max-width: 600px;
    margin: auto
}

.banner-article .adcloud_frame>div {
    width: 100%!important;
    height: auto!important
}

.banner-article a {
    display: block;
    width: 100%!important
}

.banner-article img {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important
}

.banner-article .banner-article__ad-mark {
    margin-top: 16px;
    color: #bdbdbd;
    font-size: 12px;
    text-align: center
}

.banner-footer {
    padding-bottom: 15.625%;
    background-color: #212121
}

.banner-footer .banner-footer__inner {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1030
}

.banner-footer .adcloud_frame {
    max-width: 640px;
    margin: auto
}

.banner-footer .adcloud_frame>div {
    width: 100%!important;
    height: auto!important
}

.banner-footer a {
    display: block;
    width: 100%!important
}

.banner-footer img {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important
}

.banner-footer .banner-article__ad-mark {
    margin-top: 16px;
    color: #bdbdbd;
    font-size: 12px;
    text-align: center
}

.banner-jack-footer {
    display: none
}

.banner-jack,.banner-jack-container {
    position: relative
}

.banner-jack-left {
    position: absolute;
    top: 0;
    left: -320px;
    z-index: 1030
}

.banner-jack-right {
    position: absolute;
    top: 0;
    right: -320px;
    z-index: 1030
}

.banner .adcloud_frame>div {
    width: 100%!important;
    height: auto!important
}

.banner .adcloud_frame>div a {
    display: block;
    width: 100%!important
}

.banner .adcloud_frame>div img {
    width: 100%!important;
    height: auto!important
}

.banner--320-100 .adcloud_frame>div {
    margin-bottom: 16px
}

.banner--320-100 a,.banner--320-100 img {
    max-width: 320px
}

.banner--600-250 {
    display: none
}

.banner--600-250 .adcloud_frame>div {
    margin-bottom: 16px
}

.banner--600-250 a,.banner--600-250 img {
    max-width: 600px
}

.banner-320-100 .adcloud_frame>div {
    background-color: #eee;
    padding-top: 16px;
    padding-bottom: 16px
}

.banner-320-100 .adcloud_frame>div a {
    display: block;
    max-width: 320px;
    width: 100%!important
}

.banner-320-100 .adcloud_frame>div img {
    width: 100%!important;
    height: auto!important;
    max-width: 320px
}

.banner-320-100--article-jack .adcloud_frame>div {
    padding-top: 0;
    padding-bottom: 16px
}

.banner-320-100--top-jack .adcloud_frame>div {
    background-color: transparent;
    padding-top: 0
}

.banner-mobile-jack--article .adcloud_frame>div {
    background-color: #eee;
    padding-top: 16px;
    padding-bottom: 16px
}

.banner-300-60 .adcloud_frame>div {
    margin: 0 auto 16px
}

.banner-300-60 .adcloud_frame>div a {
    display: block;
    max-width: 300px;
    width: 100%!important
}

.banner-300-60 .adcloud_frame>div img {
    width: 100%!important;
    height: auto!important;
    max-width: 300px
}

.banner-mobile-article-jack {
    background-color: #eee
}

.banner-mobile-article-jack .adcloud_frame>div {
    padding-top: 16px;
    padding-bottom: 16px
}

.banner-mobile-article-jack .adcloud_frame>div a {
    display: block;
    max-width: 320px;
    width: 100%!important
}

.banner-mobile-article-jack .adcloud_frame>div img {
    width: 100%!important;
    height: auto!important;
    max-width: 320px
}

.banner-article-video {
    position: relative;
    width: 970px;
    height: 250px;
    margin: 0 auto
}

.banner-article-video__video {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 408px;
    height: 230px;
    background-color: #000
}

.banner-article-video__link {
    position: relative;
    margin-left: 428px;
    height: 250px
}

.banner-article-video__link:hover {
    opacity: .9
}

.banner-super-jack__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top
}

.banner-super-jack__bg-link {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0
}

.banner-super-jack__link-container {
    position: relative
}

.banner-super-jack__link {
    position: absolute;
    top: 320px;
    width: 250px;
    height: 250px
}

.banner-super-jack__link:hover {
    opacity: .9
}

.banner-super-jack__link-left {
    left: -281px
}

.banner-super-jack__link-left .adcloud_frame {
    position: fixed
}

.banner-super-jack__link-right {
    left: 1280px
}

.banner-super-jack__link-right .adcloud_frame {
    position: fixed
}

.banner-window-jack,.banner-window-jack__inner {
    height: 160px
}

.banner-window-jack__body {
    padding-top: 16px;
    display: inline-block;
    width: 320px;
    height: 480px
}

.banner-window-jack__body .adcloud_frame {
    width: 320px!important;
    height: 480px!important;
    background-color: hsla(0,0%,100%,.1)
}

.banner-window-jack__body .adcloud_frame img {
    margin: 0!important;
    width: 320px!important;
    height: 480px!important
}

.banner-window-jack__btn {
    border: none;
    text-align: left;
    height: 48px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: hsla(0,0%,100%,.1)
}

.banner-window-jack__btn:hover {
    background-color: hsla(0,0%,100%,.15);
    color: #fff
}

.banner-window-jack__btn .fa-angle-left {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 2px;
    margin-left: -8px
}

.banner-window-jack__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: transparent;
    cursor: pointer
}

.banner-header-video {
    max-width: 480px;
    max-height: 314px
}

.banner-header-video,.banner-header-video__inner {
    height: calc(56.25vw + 44px)
}

.banner-header-video__text-container {
    background-color: rgba(0,0,0,.9);
    height: 44px!important;
    max-width: 480px;
    margin: 0 auto
}

.banner-header-video__text-container .adcloud_frame,.banner-header-video__text-container .adcloud_frame>div,.banner-header-video__text-container .adcloud_frame>div iframe {
    width: 100%!important;
    height: 100%!important
}

.banner-header-video__text {
    display: block;
    padding: 0 16px;
    height: 44px;
    line-height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    background-color: rgba(0,0,0,.9);
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.banner-header-video__body {
    height: 56.25vw;
    max-width: 480px;
    max-height: 270px;
    margin: 0 auto
}

.banner-header-video__body .adcloud_frame,.banner-header-video__body .adcloud_frame>div,.banner-header-video__body .adcloud_frame>div iframe {
    width: 100%!important;
    height: 100%!important
}

.banner-header-video__play {
    width: 100%;
    height: 240px;
    background-color: #000
}

.banner-header-video__play iframe {
    width: 100%!important;
    height: 100%!important
}

.banner-header-video-message {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #f5f5f5;
    z-index: 9999;
    border-radius: 3px
}

.banner-header-video-message__external-link {
    display: table;
    color: #000
}

.banner-header-video-message__thumbnail-container {
    position: relative;
    display: table-cell;
    vertical-align: top
}

.banner-header-video-message__thumbnail {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-color: #e0e0e0;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 3px
}

.banner-header-video-message__pr {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #dc0610;
    padding: 0 5px;
    font-size: 12px
}

.banner-header-video-message__text-container {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    width: 100%
}

.banner-header-video-message__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 80px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700
}

.banner-header-video-message__list {
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px
}

.banner-header-video-message__item {
    position: relative
}

.banner-header-video-message__item:nth-child(n+2) .adcloud_frame>div {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 8px;
    padding-top: 8px
}

.banner-header-video-message__item:last-child .adcloud_frame>div {
    padding-bottom: 0;
    border-bottom: none
}

.banner-header-video-message__item .adcloud_frame>div {
    width: 100%!important;
    height: 89px!important
}

.banner-header-video-message__item .adcloud_frame>div iframe {
    width: 100%!important;
    height: 100%!important
}

.banner-header-video-message__btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 44px
}

.banner-header-video-message__btn-close {
    background-color: #e0e0e0;
    font-weight: 700;
    font-size: 14px;
    color: #424242;
    height: 44px;
    line-height: 44px;
    padding: 0 12.8px
}

.banner-header-video-message__btn-external {
    height: 44px;
    line-height: 44px;
    padding: 0 12.8px;
    background-color: #dc0610;
    color: #fff
}

.banner-header-video-message__btn-external:hover {
    color: #fff
}

.banner-header-video-message__btn-container {
    border-top: 1px solid #e0e0e0;
    padding: 16px
}

.banner-header-video-message__btn-item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    background-color: #dc0610;
    height: 44px;
    line-height: 44px
}

.banner-header-video-message__btn-item:last-child .adcloud_frame,.banner-header-video-message__btn-item:last-child .adcloud_frame>div,.banner-header-video-message__btn-item:last-child .adcloud_frame iframe {
    width: 100%!important;
    height: 100%!important
}

.banner-header-video-message__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 9998
}

.banner-mobile-middle {
    margin-top: 16px;
    margin-bottom: 16px
}

.banner-mobile-middle .adcloud_frame>div a {
    display: block;
    width: auto!important
}

.banner-mobile-middle .adcloud_frame>div img {
    width: auto!important;
    height: auto!important;
    max-width: 100%
}

.banner-mobile-middle .adcloud_frame>div iframe {
    width: 320px!important;
    height: 50px!important;
    max-width: 100%
}

.banner-bg-clip-container {
    background-color: #000
}

.banner-bg-clip {
    position: absolute;
    left: 0;
    right: 0
}

.banner-bg-clip__inner {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    clip: rect(auto,auto,auto,auto)
}

.banner-bg-clip__overlay {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #000
}

.banner-bg-clip__body,.banner-bg-clip__overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.banner-bg-clip__body {
    text-align: center
}

.banner-300__250 {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

.banner-jack-on {
    position: relative;
    overflow-x: hidden
}

.banner-top-header--on {
    height: 150px
}

.banner-top-header--game-title {
    margin-bottom: 16px
}

.banner-top-jack,.banner-top-jack-container {
    position: relative
}

.banner-top-jack-left {
    position: absolute;
    top: 0;
    left: -320px;
    z-index: 1030
}

.banner-top-jack-right {
    position: absolute;
    top: 0;
    right: -320px;
    z-index: 1030
}

.l-story .game-title-info {
    display: none
}

.game-title-info-container {
    padding-top: 16px
}

.game-title-info {
    color: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 32px 32px 16px;
    background-image: url(/img/1812/media-image--no-game.jpg);
    background-repeat: repeat;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.8);
    box-shadow: 0 2px 4px rgba(0,0,0,.8)
}

.game-title-info,.game-title-info:before {
    z-index: 0;
    background-color: rgba(0,0,0,.9)
}

.game-title-info:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.game-title-info .game-title-info__review {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
}

.game-title-info .game-title-info__cross-review {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px
}

.game-title-info .game-title-info__cross-review a {
    display: block
}

.game-title-info .game-title-info__cross-review a:hover {
    opacity: .9
}

.game-title-info .game-title-info__cross-review .progress {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.game-title-info .game-title-info__cross-review .icon-progress__border-bg {
    stroke: #fff;
    stroke-opacity: .1
}

.game-title-info .game-title-info__cross-review .progress__caption {
    bottom: 10%
}

.game-title-info .game-title-info__cross-review .progress__percent {
    bottom: -30%
}

.game-title-info .game-title-info__cross-review .progress__percent .int {
    font-size: 42px
}

.game-title-info .game-title-info__cross-review .progress__percent .dec {
    font-size: 24px
}

.game-title-info .game-title-info__user-review {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px
}

.game-title-info .game-title-info__user-review a {
    display: block
}

.game-title-info .game-title-info__user-review a:hover {
    opacity: .9
}

.game-title-info .game-title-info__user-review .progress {
    width: 85px;
    height: 85px;
    margin: 0 auto
}

.game-title-info .game-title-info__user-review .icon-progress__border-bg {
    stroke: #fff;
    stroke-opacity: .1
}

.game-title-info .game-title-info__user-review .progress__caption {
    bottom: 12%;
    font-size: 10px
}

.game-title-info .game-title-info__user-review .progress__percent {
    bottom: -27%
}

.game-title-info .game-title-info__user-review .progress__percent .int {
    font-size: 32px
}

.game-title-info .game-title-info__user-review .progress__percent .dec {
    font-size: 18px
}

.game-title-info .game-title-info__review-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    line-height: 1.2
}

.game-title-info .game-title-info__review-link a {
    color: #fff;
    margin-right: 8px
}

.game-title-info .game-title-info__cross-review-header {
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px;
    text-align: center;
    font-size: 14px
}

.game-title-info .game-title-info__user-review-header {
    color: #fff;
    font-weight: 700;
    padding-bottom: 4px;
    text-align: center;
    font-size: 14px
}

.game-title-info .game-title-info__user-num {
    margin-right: 4px
}

.game-title-info .game-title-info__user-review-header-sub {
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin-bottom: 4px;
    opacity: .9
}

.game-title-info .game-title-info__action {
    position: relative;
    text-align: center;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-title-info .game-title-info__action-item {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%
}

.game-title-info .game-title-info__amazon {
    width: 100%;
    padding: 8px 16px
}

.game-title-info .game-title-info__amazon img {
    width: auto;
    height: 20px
}

.game-title-info .game-title-info__mypage {
    width: 100%;
    padding: 8px 16px
}

.game-title-info .game-title-info__overview {
    position: relative;
    font-size: 14px;
    color: #fff;
    margin-bottom: 24px;
    margin-top: 24px
}

.game-title-info .game-title-info__read-more {
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-title-info .game-title-info__read-more:after,.game-title-info .game-title-info__read-more:before {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    content: "";
    border-top: 1px solid hsla(0,0%,87.8%,.2)
}

.game-title-info .game-title-info__read-more:before {
    margin: 0 16px 0 0
}

.game-title-info .game-title-info__read-more:after {
    margin: 0 0 0 16px
}

.game-title-info .game-title-info__read-more .icon-dropdown-menu {
    padding-right: 16px
}

.game-title-info .game-title-info__read-more .icon-dropdown-menu:after {
    right: 0;
    width: 6px;
    height: 6px
}

.game-title-info .game-title-info__body {
    display: none;
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid hsla(0,0%,87.8%,.2)
}

.game-title-info .game-title-info__detail {
    position: relative;
    color: #eee;
    font-size: 14px;
    word-break: break-all;
    margin-bottom: 16px
}

.game-title-info .game-title-info__detail-body .icon-dropdown-menu--outline-down:after,.game-title-info .game-title-info__detail-header .icon-dropdown-menu--outline-down:after {
    right: 8px;
    width: 6px;
    height: 6px
}

.game-title-info .game-title-info__detail-body a:hover {
    text-decoration: underline
}

.game-title-info .game-title-info__detail-body-block {
    display: block;
    color: #fff
}

.game-title-info .game-title-info__platform {
    font-size: 12px;
    color: #fff
}

.game-title-info .game-title-info__platform:nth-child(n+2) {
    border-radius: 2px;
    padding: 0 18px 0 8px
}

.game-title-info .game-title-info__platform a {
    color: #fff
}

.game-title-info .game-title-info__detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5.33333px
}

.game-title-info .game-title-info__detail-header {
    white-space: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

.game-title-info .game-title-info__detail-header:after {
    content: "\FF1A";
    color: #fff
}

.game-title-info .game-title-info__related {
    display: none;
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid hsla(0,0%,87.8%,.2)
}

.game-title-info .game-title-info__related-header {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px
}

.game-title-info--no-image:before {
    content: "";
    background-color: #111
}

.col-spacer-bottom>[class*=col-] {
    margin-bottom: 16px
}

.pr-primary {
    border: 1px solid #eee;
    padding: 16px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__inner {
    display: block;
    position: relative;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__inner:hover .card-ranking-game-sales-top__title {
    color: #dc0610
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__inner:hover .card-ranking-game-sales-top__media {
    opacity: .9
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__media {
    position: relative;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__media-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #eee
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__media-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__body {
    overflow: hidden;
    position: relative;
    margin-top: -19px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__num {
    font-family: arial;
    font-style: italic;
    text-align: center;
    position: absolute;
    background: rgba(220,6,16,.8);
    color: #fff;
    width: 24px;
    z-index: 1;
    top: -8px;
    left: 8px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-ranking-game-sales-top .icon-console {
    border-radius: 0
}

.card-ranking-game-sales-top .icon-ranking {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__status {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    line-height: 1
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__status-item {
    pointer-events: auto;
    min-width: 0;
    overflow: hidden
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__status-item:nth-of-type(n+2) {
    margin-left: 4px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    margin-top: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sales-num-group {
    margin-top: 4px;
    text-overflow: ellipsis;
    line-height: 1
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sales-num-past {
    color: #dc0610;
    font-weight: 400;
    font-size: 20px;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sales-num-past .card-ranking-game-sales-top__sales-unit {
    color: #9e9e9e;
    font-style: normal;
    font-size: 12px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sales-num {
    margin-top: 5.33333px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sales-unit {
    margin-left: 4px
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sub-info-group {
    line-height: 1.15
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__publisher {
    color: #9e9e9e
}

.card-ranking-game-sales-top .card-ranking-game-sales-top__sub-info {
    display: inline;
    margin-right: 8px;
    font-size: 11px
}

.login-body,.login-html {
    height: 100%
}

.login-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 40px;
    background-color: #000
}

.login-wrapper-background {
    background-size: cover;
    display: block;
    min-height: 100vh;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: .5
}

.login-img {
    min-height: 100%;
    min-width: 100%
}

.login-logo {
    text-align: center;
    padding-top: 30px
}

.login-logo__icon-famitsu-com {
    fill: #fff;
    width: 170.08px;
    height: 32px
}

.login-form {
    width: 100%;
    max-width: 700px;
    padding: 32px 15px;
    margin: 30px auto 0;
    background-color: hsla(0,0%,100%,.9)
}

.login-form .login-form__header {
    text-align: center;
    margin-bottom: 16px
}

.login-form .login-form__heading {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 8px
}

.login-form .login-form__heading-sub {
    font-size: 16px;
    line-height: 1.2
}

.login-form .login-form__note {
    text-align: center;
    margin-bottom: 32px;
    font-size: 14px
}

.login-form .login-form__gender {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

.login-form .login-form__gender-item {
    font-size: 14px;
    padding: 0 32px;
    min-height: 18px
}

.login-form .login-form__gender-label {
    font-size: 14px
}

.login-form .login-form__gender-label:after,.login-form .login-form__gender-label:before {
    top: 2px
}

.login-form .login-form__birth-input-group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login-form .login-form__birth-input-group-text {
    font-size: 13px;
    padding: 6px 11px
}

.login-form .login-form__birth-custom-select {
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    font-size: 14px
}

.login-form .login-form__birth-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.login-form .login-form__birth-item {
    padding: 0 15px
}

.login-form .login-form__remember-me {
    font-size: 14px;
    margin-bottom: 16px
}

.login-form .login-form__btn {
    margin: 32px 0;
    display: block;
    width: 100%
}

.login-form .login-form__forgot {
    text-align: right;
    margin-bottom: 32px
}

.login-form .icon-exclamation {
    width: 14px;
    height: 14px;
    position: relative;
    bottom: 1px;
    fill: #dc0610
}

.login-form .login-form__forgot-inline {
    color: #424242;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.login-form .login-form__forgot-inline:hover {
    opacity: .9
}

.login-form .login-form__or {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    color: #757575
}

.login-form .login-form__or:after,.login-form .login-form__or:before {
    content: "";
    border-top: 1px solid #e0e0e0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.login-form .login-form__or:before {
    margin-right: 16px
}

.login-form .login-form__or:after {
    margin-left: 16px
}

.login-form .login-form__sns-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 32px
}

.login-form .login-form__sns-col {
    padding-left: 15px;
    padding-right: 15px
}

.login-form .login-form__sns-link {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.login-form .login-form__sns-link:hover {
    opacity: .9
}

.login-form .icon-bg-circle {
    width: 42px;
    height: 42px
}

.login-form .icon-facebook-square {
    position: relative;
    top: -2px;
    left: -3px;
    fill: #fff;
    width: 24px;
    height: 24px
}

.login-form .icon-facebook-square .icon-facebook-square__bg {
    fill: #3b5998
}

.login-form .icon-facebook-square .icon-facebook-square__f {
    fill: #fff
}

.login-form .icon-twitter {
    fill: #fff;
    width: 22px;
    height: 22px
}

.login-form .login-form__other-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px
}

.login-form .login-form__other-col {
    padding-left: 15px;
    padding-right: 15px
}

.login-form .login-form__ex-cominy {
    color: #9e9e9e;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.login-form .login-form__ex-cominy:hover {
    opacity: .9
}

.login-form .login-form__footer {
    margin-top: 32px;
    color: #9e9e9e;
    text-align: center
}

.tp-banner {
    text-align: center;
    display: block;
    margin-bottom: 32px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tp-banner:hover {
    opacity: .9
}

.tp-banner__img {
    width: 100%;
    height: auto
}

.top-notice {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    background-color: #f51620;
    padding: 16px 10.66667px
}

.top-notice p {
    margin-right: 8px
}

.top-notice a,.top-notice a:visited {
    color: #fff;
    text-decoration: underline
}

.top-notice .fa-times {
    width: 22px;
    height: 22px;
    margin-left: auto
}

.js-top-notice--active {
    display: none
}

.contents-empty {
    background-color: #f5f5f5;
    padding: 16px;
    text-align: center;
    color: #9e9e9e;
    font-size: 12px
}

.symbol-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden
}

.search-box {
    background-color: #eee;
    padding: 16px 16px 8px
}

.search-box .search-box__heading {
    font-weight: 700;
    font-size: 14px
}

.search-box .search-box__body {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-box .search-box__body .custom-select:first-child {
    max-width: 87px
}

.search-box .search-box__body .custom-select:nth-child(2) {
    max-width: 70px
}

.search-box .search-box__body .custom-select:nth-child(n+2) {
    margin-left: 2px
}

.search-box .search-box__body .custom-select:nth-child(3) {
    max-width: 70px
}

.search-box .search-box__body .btn {
    margin-left: 2px
}

.search-box .search-box__body .btn.disabled {
    pointer-events: none
}

.search-box .contents-sort {
    margin-top: 12px
}

.search-box--category {
    margin-top: 16px;
    display: none
}

.search-box--back {
    margin-bottom: 24px
}

.cookie-pop {
    background-color: rgba(0,0,0,.85);
    -webkit-animation-name: slidein;
    animation-name: slidein;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1060;
    padding: 30px 0 35px
}

.cookie-pop a,.cookie-pop button,.cookie-pop p {
    color: #fff
}

.cookie-pop .pop-remove {
    -webkit-animation-name: slideout;
    animation-name: slideout;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.cookie-pop .btn {
    text-transform: uppercase
}

.cookie-pop .cookie-pop__text {
    text-align: left
}

.cookie-pop .cookie-pop__text a {
    text-decoration: underline
}

.cookie-pop .cookie-pop__policy {
    text-align: center
}

.cookie-pop .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cookie-pop .cookie-pop__footer {
    margin: 0 0 0 40px
}

.cookie-pop .btn {
    width: 180px;
    height: 58px
}

.cookie-pop .cookie-pop__policy {
    margin-top: 15px
}

.cookie-pop .cookie-pop__policy a {
    color: #dcd9d9;
    -webkit-text-decoration-color: #dcd9d9;
    text-decoration-color: #dcd9d9
}

.author {
    padding: 16px;
    border: 3px solid #e0e0e0
}

.author__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.author__thumb {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    text-align: center;
    overflow: hidden;
    min-width: 62px;
    position: relative
}

.author__thumb .icon-user,.author__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 50%;
    left: 50%
}

.author__thumb .icon-user,.author__thumb>img {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.author__thumb .icon-user {
    fill: #757575
}

.author__profile {
    margin-left: 16px
}

.author__name {
    line-height: 1.2;
    font-weight: 700
}

.author__overview {
    margin-top: 4px;
    font-size: 13px;
    color: #616161
}

.author__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    padding-top: 8px;
    margin-top: 8px;
    font-size: 12px
}

.author__follow {
    line-height: 1.2;
    color: #757575
}

.author__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px
}

.author__sns a {
    display: block;
    max-height: 22px;
    width: 22px;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.author__sns a:nth-child(n+2) {
    margin-left: 16px
}

.author__sns a:hover {
    opacity: .9
}

.author__sns .icon-twitter {
    fill: #55acee
}

.author__sns .icon-facebook-02,.author__sns .icon-instagram,.author__sns .icon-twitter {
    width: 22px;
    height: auto;
    max-height: 22px
}

.weeklyf-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.weeklyf-logo {
    height: 36px
}

.weeklyf-title {
    font-weight: 700;
    font-size: 15px;
    margin-left: 8px
}

.weeklyf-notes {
    margin-top: 16px
}

.weeklyf-notes a {
    font-size: 12px;
    display: block;
    line-height: 1.2
}

.weeklyf-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.weeklyf-main__media img {
    width: 80%;
    margin: 0 auto;
    display: block
}

.weeklyf-main__media .btn {
    display: block;
    margin-top: 16px
}

.weeklyf-main__body {
    margin-top: 16px
}

.weeklyf-main__info {
    font-size: 14px;
    line-height: 1.2
}

.weeklyf-main__date,.weeklyf-main__price {
    margin-top: 4px
}

.weeklyf-main__overview {
    margin-top: 16px
}

.weeklyf-main__notes {
    font-size: 12px;
    margin-top: 8px;
    color: #616161
}

.weeklyf-article a {
    display: block;
    font-weight: 700
}

.weeklyf-article a:nth-child(n+2) {
    margin-top: 16px
}

.weeklyf-store .btn img {
    height: 24px
}

.weeklyf-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -8px;
    margin-left: -8px
}

.weeklyf-app img {
    width: 100%
}

.weeklyf-app a {
    text-align: center
}

.weeklyf-app__ios {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 200px
}

.weeklyf-app__android,.weeklyf-app__ios {
    -webkit-box-flex: 0;
    min-width: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px
}

.weeklyf-app__android {
    -ms-flex: 0 0 53%;
    flex: 0 0 53%;
    max-width: 226px
}

.card--weeklyf .card__title {
    font-weight: 400;
    font-size: 12px
}

.card--weeklyf .media-img {
    padding-top: 123%
}

.l-contents-block--weeklyf {
    background-color: #600307
}

.l-contents-block--weeklyf img {
    display: block
}

.l-contents-block--weeklyf .heading a {
    color: #fff
}

.weeklyf-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: -8px;
    margin-left: -8px
}

.weeklyf-sub .weeklyf-sub__head {
    font-weight: 700;
    background-color: #0062cc;
    color: #fff;
    padding: 8px;
    line-height: 1;
    font-size: 14px
}

.weeklyf-sub .weeklyf-sub__magazine {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    min-width: 0;
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px
}

.weeklyf-sub .weeklyf-sub__magazine img {
    width: 100%
}

.weeklyf-sub .weeklyf-sub__shop-body {
    background-color: #f5f5f5;
    padding: 8px
}

.weeklyf-sub .weeklyf-sub__shop-body-list:nth-child(n+2) {
    margin-top: 16px
}

.weeklyf-sub .weeklyf-sub__shop {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    min-width: 0;
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px
}

.weeklyf-sub .weeklyf-sub__store-list li {
    margin-top: 8px
}

.weeklyf-sub .weeklyf-sub__store-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.weeklyf-sub .weeklyf-sub__store-list img {
    height: 30px
}

.weeklyf-sub--02 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.weeklyf-store__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.weeklyf-store__link li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
    position: relative;
    min-height: 1px;
    padding: 8px
}

.weeklyf-store__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    padding: 16px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.weeklyf-store__link img {
    height: 24px
}

.l-contents-block--weeklyf-bn .col-6:nth-child(n+3) {
    margin-top: 32px
}

.heading--sale .heading__sub-text {
    font-size: 14px
}

.sale-game {
    margin-top: 32px
}

.sale-game .sort-filter__description {
    display: block
}

.sale-game .contents-sort {
    margin-top: 16px
}

.sale-game .heading__title {
    font-size: 20px
}

.sale-game .row {
    margin-top: 16px
}

.sale-card .icon-ranking {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.sale-card .btn .ico-cart {
    fill: #fff;
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.sale-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sale-card__inner:hover .sale-card__title {
    color: #dc0610
}

.sale-card__inner:hover .sale-card__media {
    opacity: .9
}

.sale-card__num {
    font-family: arial;
    font-style: italic;
    text-align: center;
    position: absolute;
    background: rgba(220,6,16,.8);
    color: #fff;
    width: 24px;
    z-index: 1;
    top: -8px;
    left: 8px
}

.sale-card__media,.sale-card__num {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sale-card__media {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

.sale-card__media-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #eee
}

.sale-card__media-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sale-card__body {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    padding-left: 16px
}

.sale-card__status {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    line-height: 1
}

.sale-card__status-info {
    color: #dc0610;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 8px;
    font-size: 12px
}

.sale-card__status-item {
    pointer-events: auto;
    min-width: 0;
    overflow: hidden
}

.sale-card__status-item:nth-of-type(n+2) {
    margin-left: 4px
}

.sale-card__title {
    word-break: break-all;
    line-height: 1.2;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sale-card__sales-meter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 4px
}

.sale-card__sales-meter-heading {
    font-weight: 400;
    font-size: 12px;
    padding-right: 8px;
    color: #757575
}

.sale-card__sales-meter-body {
    background-color: rgba(0,0,0,.8);
    height: 16px
}

.sale-card__sales-meter-body .progress__bar-container {
    width: 100px
}

.sale-card__sales-meter-num {
    display: none
}

.sale-card__sub-info-group {
    line-height: 1.15;
    color: #9e9e9e
}

.sale-card__sub-info {
    display: inline;
    margin-right: 8px;
    font-size: 11px
}

.sale-card__date,.sale-card__publisher {
    color: #9e9e9e
}

.sale-card__sales-num-group {
    margin-top: 8px;
    text-overflow: ellipsis;
    line-height: 1
}

.sale-card__footer {
    margin-top: 6px
}

.sale-card__price-group {
    text-overflow: ellipsis;
    line-height: 1;
    color: #757575;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2px
}

.sale-card__price {
    font-size: 12px;
    padding: 2px
}

.sale-card__price span {
    margin-right: 4px
}

.sale-card__price:first-of-type span {
    text-decoration: line-through
}

.sale-card__price:nth-of-type(2) .sale-card__amount {
    color: #dc0610;
    font-weight: 400;
    font-size: 20px;
    font-style: italic
}

.sale-card__off {
    font-size: 12px;
    color: #fff;
    line-height: 1;
    margin-right: 0;
    text-wrap: nowrap;
    padding: 2px
}

.sale-card__off span {
    display: block;
    padding: 2px 4px;
    background-color: #dc0610
}

.sale-card__store {
    line-height: 1;
    font-size: 12px;
    text-wrap: nowrap;
    color: #dc0710;
    margin-top: 6px
}

.sale-card__price--none:first-of-type span {
    text-decoration: none
}

.sale-card__btn {
    margin-top: 8px
}

.sale-card__sales-num {
    margin-top: 5.33333px;
    margin-right: 16px
}

.sale-card__sales-num-past {
    color: #dc0610;
    font-weight: 400;
    font-size: 20px;
    font-style: italic
}

.sale-card__sales-num-past .sale-card__sales-unit {
    color: #9e9e9e;
    font-style: normal;
    font-size: 12px
}

.sale-card__sales-unit {
    margin-left: 4px
}

.sale-card__sales-num-total {
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    color: #424242
}

.sale-card__sales-num-total .sale-card__sales-unit {
    color: #9e9e9e;
    font-style: normal;
    font-size: 12px
}

.sale-card__sales-num-heading-secondary {
    color: #757575;
    font-size: 12px;
    font-style: normal
}

.sale-card__price {
    color: #9e9e9e;
    text-wrap: nowrap
}

.sale-card__price:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.sale-card--v2 .sale-card__num {
    color: #e0e0e0;
    position: relative;
    background: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    font-size: 64px;
    width: auto;
    top: auto;
    left: auto
}

.sale-card--v2 .sale-card__media {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.sale-card--v2 .sale-card__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 8px
}

.sale-card--swiper .sale-card__title {
    word-break: break-all;
    line-height: 1.4;
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    margin-top: 4px
}

.sale-card--swiper .sale-card__sales-num-group {
    margin-top: 4px
}

.sale-card--swiper {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sale-card--swiper .sale-card__inner {
    display: block
}

.sale-card--swiper .sale-card__body,.sale-card--swiper .sale-card__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sale-card--swiper .sale-card__body {
    padding-left: 0;
    margin-top: -19px
}

.sale-card--swiper .icon-console {
    border-radius: 0
}

.sale-card--swiper .sale-card__price:nth-of-type(2) {
    margin-top: 6px
}

.sale-card--swiper .sale-card__btn {
    margin-top: auto
}

.sale-card--swiper .btn {
    display: block;
    margin-top: 8px
}

.sale-card--amazon .sale-card__body {
    padding-left: 16px
}

.sale-card--amazon .sale-card__footer {
    display: block;
    margin-top: 2px
}

.sale-card--amazon .sale-card__price {
    font-size: 12px
}

.sale-card--amazon .sale-card__price:nth-of-type(2) span {
    font-size: 20px
}

.sale-card--amazon .sale-card__btn {
    margin-left: 0;
    margin-top: 8px
}

.sale-on {
    margin-top: 32px
}

.sale-on .heading__title {
    font-size: 20px
}

.sale-on ul li {
    line-height: 1.2;
    font-weight: 700
}

.sale-on ul li:nth-child(n+2) {
    margin-top: 16px
}

.sale-article {
    margin-top: 32px
}

.sale-article .heading__title {
    font-size: 20px
}

.dark-theme a {
    color: #fff
}

.dark-theme .heading__title a {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dark-theme .heading__title a:hover {
    opacity: .9
}

.dark-theme .heading--decoration,.dark-theme .l-contents-block--article-ranking-article .heading {
    border-top: 1px solid hsla(0,0%,100%,.2)
}

.dark-theme .border-left {
    border-left: 1px solid hsla(0,0%,100%,.2)!important
}

.dark-theme .border-col-bottom>[class*=col-]:after {
    background: hsla(0,0%,100%,.2)
}

.dark-theme .border-col-bottom>[class*=col-]:last-child:after {
    background: none
}

.dark-theme .border-col-bottom [class$=col-6]:nth-last-child(2) {
    margin-bottom: 0
}

.dark-theme .border-col-bottom [class$=col-6]:nth-last-child(2):after {
    background: none
}

.dark-theme .border-col-bottom [class$=col-4]:nth-last-child(-n+3) {
    margin-bottom: 0
}

.dark-theme .border-col-bottom [class$=col-4]:nth-last-child(-n+3):after {
    background: none
}

.dark-theme .card--cinema-overlay .card__body {
    background-color: #000
}

.dark-theme .card .card__title {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dark-theme .card .card__title:hover {
    opacity: .9
}

.article-affiliate-display {
    font-size: 14px;
    text-align: center;
    margin: 16px 0;
}

.footer-tertiary__affiliate-display {
    margin-bottom: 16px;
    color: #9e9e9e;
}

@media (min-width: 320px) {
    .col-xxs {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxs-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xxs-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xxs-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xxs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxs-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxs-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxs-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxs-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxs-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxs-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxs-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxs-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxs-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxs-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xxs-0 {
        margin-left: 0
    }

    .offset-xxs-1 {
        margin-left: 8.33333%
    }

    .offset-xxs-2 {
        margin-left: 16.66667%
    }

    .offset-xxs-3 {
        margin-left: 25%
    }

    .offset-xxs-4 {
        margin-left: 33.33333%
    }

    .offset-xxs-5 {
        margin-left: 41.66667%
    }

    .offset-xxs-6 {
        margin-left: 50%
    }

    .offset-xxs-7 {
        margin-left: 58.33333%
    }

    .offset-xxs-8 {
        margin-left: 66.66667%
    }

    .offset-xxs-9 {
        margin-left: 75%
    }

    .offset-xxs-10 {
        margin-left: 83.33333%
    }

    .offset-xxs-11 {
        margin-left: 91.66667%
    }

    .d-xxs-none {
        display: none!important
    }

    .d-xxs-inline {
        display: inline!important
    }

    .d-xxs-inline-block {
        display: inline-block!important
    }

    .d-xxs-block {
        display: block!important
    }

    .d-xxs-table {
        display: table!important
    }

    .d-xxs-table-row {
        display: table-row!important
    }

    .d-xxs-table-cell {
        display: table-cell!important
    }

    .d-xxs-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xxs-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .m-xxs-0 {
        margin: 0!important
    }

    .mt-xxs-0,.my-xxs-0 {
        margin-top: 0!important
    }

    .mr-xxs-0,.mx-xxs-0 {
        margin-right: 0!important
    }

    .mb-xxs-0,.my-xxs-0 {
        margin-bottom: 0!important
    }

    .ml-xxs-0,.mx-xxs-0 {
        margin-left: 0!important
    }

    .m-xxs-1 {
        margin: 4px!important
    }

    .mt-xxs-1,.my-xxs-1 {
        margin-top: 4px!important
    }

    .mr-xxs-1,.mx-xxs-1 {
        margin-right: 4px!important
    }

    .mb-xxs-1,.my-xxs-1 {
        margin-bottom: 4px!important
    }

    .ml-xxs-1,.mx-xxs-1 {
        margin-left: 4px!important
    }

    .m-xxs-2 {
        margin: 8px!important
    }

    .mt-xxs-2,.my-xxs-2 {
        margin-top: 8px!important
    }

    .mr-xxs-2,.mx-xxs-2 {
        margin-right: 8px!important
    }

    .mb-xxs-2,.my-xxs-2 {
        margin-bottom: 8px!important
    }

    .ml-xxs-2,.mx-xxs-2 {
        margin-left: 8px!important
    }

    .m-xxs-3 {
        margin: 16px!important
    }

    .mt-xxs-3,.my-xxs-3 {
        margin-top: 16px!important
    }

    .mr-xxs-3,.mx-xxs-3 {
        margin-right: 16px!important
    }

    .mb-xxs-3,.my-xxs-3 {
        margin-bottom: 16px!important
    }

    .ml-xxs-3,.mx-xxs-3 {
        margin-left: 16px!important
    }

    .m-xxs-4 {
        margin: 24px!important
    }

    .mt-xxs-4,.my-xxs-4 {
        margin-top: 24px!important
    }

    .mr-xxs-4,.mx-xxs-4 {
        margin-right: 24px!important
    }

    .mb-xxs-4,.my-xxs-4 {
        margin-bottom: 24px!important
    }

    .ml-xxs-4,.mx-xxs-4 {
        margin-left: 24px!important
    }

    .m-xxs-5 {
        margin: 48px!important
    }

    .mt-xxs-5,.my-xxs-5 {
        margin-top: 48px!important
    }

    .mr-xxs-5,.mx-xxs-5 {
        margin-right: 48px!important
    }

    .mb-xxs-5,.my-xxs-5 {
        margin-bottom: 48px!important
    }

    .ml-xxs-5,.mx-xxs-5 {
        margin-left: 48px!important
    }

    .p-xxs-0 {
        padding: 0!important
    }

    .pt-xxs-0,.py-xxs-0 {
        padding-top: 0!important
    }

    .pr-xxs-0,.px-xxs-0 {
        padding-right: 0!important
    }

    .pb-xxs-0,.py-xxs-0 {
        padding-bottom: 0!important
    }

    .pl-xxs-0,.px-xxs-0 {
        padding-left: 0!important
    }

    .p-xxs-1 {
        padding: 4px!important
    }

    .pt-xxs-1,.py-xxs-1 {
        padding-top: 4px!important
    }

    .pr-xxs-1,.px-xxs-1 {
        padding-right: 4px!important
    }

    .pb-xxs-1,.py-xxs-1 {
        padding-bottom: 4px!important
    }

    .pl-xxs-1,.px-xxs-1 {
        padding-left: 4px!important
    }

    .p-xxs-2 {
        padding: 8px!important
    }

    .pt-xxs-2,.py-xxs-2 {
        padding-top: 8px!important
    }

    .pr-xxs-2,.px-xxs-2 {
        padding-right: 8px!important
    }

    .pb-xxs-2,.py-xxs-2 {
        padding-bottom: 8px!important
    }

    .pl-xxs-2,.px-xxs-2 {
        padding-left: 8px!important
    }

    .p-xxs-3 {
        padding: 16px!important
    }

    .pt-xxs-3,.py-xxs-3 {
        padding-top: 16px!important
    }

    .pr-xxs-3,.px-xxs-3 {
        padding-right: 16px!important
    }

    .pb-xxs-3,.py-xxs-3 {
        padding-bottom: 16px!important
    }

    .pl-xxs-3,.px-xxs-3 {
        padding-left: 16px!important
    }

    .p-xxs-4 {
        padding: 24px!important
    }

    .pt-xxs-4,.py-xxs-4 {
        padding-top: 24px!important
    }

    .pr-xxs-4,.px-xxs-4 {
        padding-right: 24px!important
    }

    .pb-xxs-4,.py-xxs-4 {
        padding-bottom: 24px!important
    }

    .pl-xxs-4,.px-xxs-4 {
        padding-left: 24px!important
    }

    .p-xxs-5 {
        padding: 48px!important
    }

    .pt-xxs-5,.py-xxs-5 {
        padding-top: 48px!important
    }

    .pr-xxs-5,.px-xxs-5 {
        padding-right: 48px!important
    }

    .pb-xxs-5,.py-xxs-5 {
        padding-bottom: 48px!important
    }

    .pl-xxs-5,.px-xxs-5 {
        padding-left: 48px!important
    }

    .m-xxs-auto {
        margin: auto!important
    }

    .mt-xxs-auto,.my-xxs-auto {
        margin-top: auto!important
    }

    .mr-xxs-auto,.mx-xxs-auto {
        margin-right: auto!important
    }

    .mb-xxs-auto,.my-xxs-auto {
        margin-bottom: auto!important
    }

    .ml-xxs-auto,.mx-xxs-auto {
        margin-left: auto!important
    }
}

@media (min-width: 375px) {
    .col-xs {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xs-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xs-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xs-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xs-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xs-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xs-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xs-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xs-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xs-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xs-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xs-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xs-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xs-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.33333%
    }

    .offset-xs-2 {
        margin-left: 16.66667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.33333%
    }

    .offset-xs-5 {
        margin-left: 41.66667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.33333%
    }

    .offset-xs-8 {
        margin-left: 66.66667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.33333%
    }

    .offset-xs-11 {
        margin-left: 91.66667%
    }

    .card-game-sale-rank--swiper .card-game-sale-rank__title {
        font-size: 16px
    }

    .card--huge-story .icon-play_circle_outline {
        width: 32px;
        height: 32px
    }

    .card--huge-story .card__title {
        font-size: 18px
    }

    .d-xs-none {
        display: none!important
    }

    .d-xs-inline {
        display: inline!important
    }

    .d-xs-inline-block {
        display: inline-block!important
    }

    .d-xs-block {
        display: block!important
    }

    .d-xs-table {
        display: table!important
    }

    .d-xs-table-row {
        display: table-row!important
    }

    .d-xs-table-cell {
        display: table-cell!important
    }

    .d-xs-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xs-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .m-xs-0 {
        margin: 0!important
    }

    .mt-xs-0,.my-xs-0 {
        margin-top: 0!important
    }

    .mr-xs-0,.mx-xs-0 {
        margin-right: 0!important
    }

    .mb-xs-0,.my-xs-0 {
        margin-bottom: 0!important
    }

    .ml-xs-0,.mx-xs-0 {
        margin-left: 0!important
    }

    .m-xs-1 {
        margin: 4px!important
    }

    .mt-xs-1,.my-xs-1 {
        margin-top: 4px!important
    }

    .mr-xs-1,.mx-xs-1 {
        margin-right: 4px!important
    }

    .mb-xs-1,.my-xs-1 {
        margin-bottom: 4px!important
    }

    .ml-xs-1,.mx-xs-1 {
        margin-left: 4px!important
    }

    .m-xs-2 {
        margin: 8px!important
    }

    .mt-xs-2,.my-xs-2 {
        margin-top: 8px!important
    }

    .mr-xs-2,.mx-xs-2 {
        margin-right: 8px!important
    }

    .mb-xs-2,.my-xs-2 {
        margin-bottom: 8px!important
    }

    .ml-xs-2,.mx-xs-2 {
        margin-left: 8px!important
    }

    .m-xs-3 {
        margin: 16px!important
    }

    .mt-xs-3,.my-xs-3 {
        margin-top: 16px!important
    }

    .mr-xs-3,.mx-xs-3 {
        margin-right: 16px!important
    }

    .mb-xs-3,.my-xs-3 {
        margin-bottom: 16px!important
    }

    .ml-xs-3,.mx-xs-3 {
        margin-left: 16px!important
    }

    .m-xs-4 {
        margin: 24px!important
    }

    .mt-xs-4,.my-xs-4 {
        margin-top: 24px!important
    }

    .mr-xs-4,.mx-xs-4 {
        margin-right: 24px!important
    }

    .mb-xs-4,.my-xs-4 {
        margin-bottom: 24px!important
    }

    .ml-xs-4,.mx-xs-4 {
        margin-left: 24px!important
    }

    .m-xs-5 {
        margin: 48px!important
    }

    .mt-xs-5,.my-xs-5 {
        margin-top: 48px!important
    }

    .mr-xs-5,.mx-xs-5 {
        margin-right: 48px!important
    }

    .mb-xs-5,.my-xs-5 {
        margin-bottom: 48px!important
    }

    .ml-xs-5,.mx-xs-5 {
        margin-left: 48px!important
    }

    .p-xs-0 {
        padding: 0!important
    }

    .pt-xs-0,.py-xs-0 {
        padding-top: 0!important
    }

    .pr-xs-0,.px-xs-0 {
        padding-right: 0!important
    }

    .pb-xs-0,.py-xs-0 {
        padding-bottom: 0!important
    }

    .pl-xs-0,.px-xs-0 {
        padding-left: 0!important
    }

    .p-xs-1 {
        padding: 4px!important
    }

    .pt-xs-1,.py-xs-1 {
        padding-top: 4px!important
    }

    .pr-xs-1,.px-xs-1 {
        padding-right: 4px!important
    }

    .pb-xs-1,.py-xs-1 {
        padding-bottom: 4px!important
    }

    .pl-xs-1,.px-xs-1 {
        padding-left: 4px!important
    }

    .p-xs-2 {
        padding: 8px!important
    }

    .pt-xs-2,.py-xs-2 {
        padding-top: 8px!important
    }

    .pr-xs-2,.px-xs-2 {
        padding-right: 8px!important
    }

    .pb-xs-2,.py-xs-2 {
        padding-bottom: 8px!important
    }

    .pl-xs-2,.px-xs-2 {
        padding-left: 8px!important
    }

    .p-xs-3 {
        padding: 16px!important
    }

    .pt-xs-3,.py-xs-3 {
        padding-top: 16px!important
    }

    .pr-xs-3,.px-xs-3 {
        padding-right: 16px!important
    }

    .pb-xs-3,.py-xs-3 {
        padding-bottom: 16px!important
    }

    .pl-xs-3,.px-xs-3 {
        padding-left: 16px!important
    }

    .p-xs-4 {
        padding: 24px!important
    }

    .pt-xs-4,.py-xs-4 {
        padding-top: 24px!important
    }

    .pr-xs-4,.px-xs-4 {
        padding-right: 24px!important
    }

    .pb-xs-4,.py-xs-4 {
        padding-bottom: 24px!important
    }

    .pl-xs-4,.px-xs-4 {
        padding-left: 24px!important
    }

    .p-xs-5 {
        padding: 48px!important
    }

    .pt-xs-5,.py-xs-5 {
        padding-top: 48px!important
    }

    .pr-xs-5,.px-xs-5 {
        padding-right: 48px!important
    }

    .pb-xs-5,.py-xs-5 {
        padding-bottom: 48px!important
    }

    .pl-xs-5,.px-xs-5 {
        padding-left: 48px!important
    }

    .m-xs-auto {
        margin: auto!important
    }

    .mt-xs-auto,.my-xs-auto {
        margin-top: auto!important
    }

    .mr-xs-auto,.mx-xs-auto {
        margin-right: auto!important
    }

    .mb-xs-auto,.my-xs-auto {
        margin-bottom: auto!important
    }

    .ml-xs-auto,.mx-xs-auto {
        margin-left: auto!important
    }

    .sale-card--swiper .sale-card__title {
        font-size: 16px
    }
}

@media (min-width: 600px) {
    .container {
        max-width:768px
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .custom-search-from__control-group .custom-control-label,.nav-type-2 .nav__link {
        font-size: 16px
    }

    .header-global-nav__inner {
        padding: 0 16px
    }

    .header-global-nav__link {
        padding: 0 8px
    }

    .card .icon-ranking {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 20px
    }

    .card--swiper .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px
    }

    .card--swiper .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card--swiper .card__date {
        max-width: inherit
    }

    .card--swiper-bg-dark .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px
    }

    .card-game-sale-rank__sales-meter-heading {
        font-size: 12px
    }

    .card-game-sale-rank__sales-meter-body .progress__bar-container {
        width: 100px
    }

    .card-game-sale-rank__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .card-game-sale-rank__price {
        font-size: 14px
    }

    .card-game-sale-rank__price:nth-of-type(2) span {
        font-size: 28px
    }

    .card-game-sale-rank__btn {
        margin-left: 16px;
        margin-top: 0
    }

    .card-game-sale-rank--swiper .card-game-sale-rank__btn {
        margin-left: 0
    }

    .card-game-sale-rank--amazon .card-game-sale-rank__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .card-game-sale-rank--amazon .card-game-sale-rank__title {
        font-size: 20px
    }

    .card-rank-games .card-rank-games__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 102px;
        flex: 0 0 102px;
        max-width: 102px
    }

    .card-rank-games .card-rank-games__media-inner:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .card-rank-games .card-rank-games__title {
        font-size: 20px
    }

    .card-rank-games .card-rank-games__sub-info {
        font-size: 12px
    }

    .card-rank-games .icon-ranking {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 20px
    }

    .card-rank-games .card-rank-games__num {
        width: 64px;
        height: 64px;
        font-size: 64px;
        line-height: 64px
    }

    .card-rank-games-sub .card-rank-games-sub__title {
        font-size: 20px
    }

    .card-rank-games-sub .card-rank-games-sub__sub-info-group {
        margin-top: 4px
    }

    .card-rank-games-sub .card-rank-games-sub__sub-info {
        font-size: 12px
    }

    .card-rank-games-sub .card-rank-games-sub__media-inner:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .card-game-search-group .card-game--col-sm-4 {
        margin-bottom: 48px
    }

    .card-game-search-group .card-game--col-sm-4 .card-game__title {
        font-size: 16px
    }

    .card-game-search-group .banner-ad-mark {
        margin-bottom: 48px
    }

    .header-select-lang .header-select-lang__link {
        width: auto
    }

    .header-select-lang .fa-angle-down {
        padding-left: 3px
    }

    .footer-primary,.footer-tertiary__inner {
        max-width: 768px
    }

    .footer-link-list-container {
        padding-top: 48px
    }

    .footer-group-brand-list-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .card--col-sm-6 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px
    }

    .card--col-sm-6 .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card--col-sm-12 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 20px
    }

    .card--col-sm-12 .icon-play_circle_outline {
        width: 48px;
        height: 48px
    }

    .card--img-left-col-12 .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__title {
        -webkit-line-clamp: 2;
        max-height: 2.8em;
        font-size: 20px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__num {
        font-size: 64px;
        width: 64px;
        height: 64px;
        line-height: 64px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__media-inner:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__sales-num-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-top: 0
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__sales-num-past {
        font-size: 28px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__sales-num-past .card-game-sale-rank__sales-unit {
        font-size: 14px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__sales-num-total {
        font-size: 20px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__sales-num-total .card-game-sale-rank__sales-unit {
        font-size: 14px
    }

    .card-game-sale-rank--col-sm-12 .card-game-sale-rank__sub-info {
        font-size: 12px
    }

    .card--col-md-4-dec .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card--huge-story .icon-play_circle_outline {
        width: 48px;
        height: 48px;
        top: 16px
    }

    .card--huge-story .card__title {
        font-size: 20px
    }

    .l-article .l-swiper-container {
        margin-right: -32px;
        margin-left: -32px;
        padding-left: 32px
    }

    .header-search__rank {
        padding-top: 64px
    }

    .header-search__rank-heading {
        font-size: 28px
    }

    .header-search__rank-list:first-child {
        padding-top: 16px
    }

    .l-video--jack-on {
        max-width: 768px
    }

    .l-story--rank .card-game-sale-rank__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }

    .l-contents-block .heading__title {
        font-size: 24px
    }

    .l-contents-block--pick-up,.l-swiper-contents-block {
        margin-right: -15px;
        margin-left: -15px
    }

    .l-article {
        padding-right: 32px;
        padding-left: 32px
    }

    .article-body__thumbnail {
        margin-right: -32px;
        margin-left: -32px
    }

    .article-body__contents h2 {
        font-size: 28px
    }

    .article-body__contents .article-body__app .btn-app-store,.article-body__contents .article-body__app .btn-google-play {
        font-size: 16px
    }

    .article-body__contents .article-body__app .ico-check,.article-body__contents .article-body__app .icon-download {
        width: 22px;
        height: 22px;
        margin-right: 16px
    }

    .article-body__contents .article-page-link__inner-aritcle-title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 16px
    }

    .article-body__contents .article-page-link__inner-aritcle-lead {
        display: -webkit-box
    }

    .article-body__contents .article-niconico__heading,.article-body__contents .article-video__header,.article-body__contents .article-youtube-heading {
        font-size: 20px
    }

    .article-body__contents .article-body__story-block .article-body__story-block-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .article-body__contents .article-body__story-block .article-body__story-block-media {
        float: none;
        margin-right: 0
    }

    .article-body__contents .artcile-twitter-block blockquote {
        padding-left: 0
    }

    .article-body--prtimes .article-body__h2 {
        font-size: 20px
    }

    .article-header__heading {
        font-size: 30px
    }

    .article-header__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .article-header__meta-secondary {
        padding-top: 0
    }

    .art-toc>ul>li>.art-toc__h2 {
        font-size: 18px
    }

    .game-title-header__board {
        height: 160px
    }

    .game-title-header__board-picture {
        padding-top: 160px
    }

    .game-title-header__body-row-col--01 {
        margin-top: -70px
    }

    .game-title-header__media-img-container {
        width: 140px
    }

    .game-title-header__heading-text {
        font-size: 24px;
        max-height: 57.6px
    }

    .game-title-header__nav .nav-scroller:after {
        background-image: none
    }

    .game-title-header__nav .nav__link {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .contents-sort__item {
        margin-right: 16px;
        padding-right: 16px
    }

    .card-games-review .card-games-review__play {
        font-size: 20px
    }

    .card-games-review .card-games-review__author-stats {
        font-size: 12px
    }

    .border-col-bottom [class$=col-sm-6]:nth-last-child(2) {
        margin-bottom: 0
    }

    .border-col-bottom [class$=col-sm-6]:nth-last-child(2):after {
        background: none
    }

    .d-sm-none {
        display: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: 4px!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: 4px!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: 4px!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: 4px!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: 4px!important
    }

    .m-sm-2 {
        margin: 8px!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: 8px!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: 8px!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: 8px!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: 8px!important
    }

    .m-sm-3 {
        margin: 16px!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 16px!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 16px!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 16px!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 16px!important
    }

    .m-sm-4 {
        margin: 24px!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 24px!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 24px!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 24px!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 24px!important
    }

    .m-sm-5 {
        margin: 48px!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 48px!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 48px!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 48px!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 48px!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: 4px!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: 4px!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: 4px!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: 4px!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: 4px!important
    }

    .p-sm-2 {
        padding: 8px!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: 8px!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: 8px!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: 8px!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: 8px!important
    }

    .p-sm-3 {
        padding: 16px!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 16px!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 16px!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 16px!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 16px!important
    }

    .p-sm-4 {
        padding: 24px!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 24px!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 24px!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 24px!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 24px!important
    }

    .p-sm-5 {
        padding: 48px!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 48px!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 48px!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 48px!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 48px!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }

    .scroll-to-top {
        margin-bottom: 0
    }

    .info-brand-logo--footer .icon-famitsu-com {
        height: 50px;
        width: 283.48px
    }

    .info-sns-list__item .icon-facebook-square,.info-sns-list__item .icon-youtube {
        height: 18px;
        width: 18px
    }

    .info-sns-list__item .icon-twitter {
        height: 16px;
        width: 16px
    }

    .info-sns-list__item .icon-feedly {
        height: 18px;
        width: 18px
    }

    .info-sns-list__item .icon-rss {
        height: 14px;
        width: 14px
    }

    .info-sns-list__item .icon-bg-circle {
        height: 32px;
        width: 32px
    }

    .info-link-list--footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .info-link-list--footer__item {
        margin-top: 0;
        margin-right: 16px;
        margin-left: 16px
    }

    .info-link-list__link {
        font-size: 12px
    }

    .info-sub-brand-list--footer__heading {
        padding-right: 64px
    }

    .info-sub-brand-list--footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .info-sub-brand-list--footer__item:last-child {
        margin-top: 0
    }

    .video-social .media-image {
        width: 48px;
        height: 48px
    }

    .video-social__col {
        border-right: 1px solid hsla(0,0%,100%,.1);
        margin-right: 48px;
        padding-right: 48px
    }

    .video-social__item-heading {
        font-size: 14px
    }

    .game-title-info .game-title-info__action {
        text-align: left
    }

    .game-title-info .game-title-info__read-more {
        display: none
    }

    .game-title-info .game-title-info__body {
        display: block
    }

    .card-ranking-game-sales-top .icon-ranking {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 20px
    }

    .card-ranking-game-sales-top .card-ranking-game-sales-top__title {
        font-size: 16px
    }

    .login-logo {
        padding-top: 80px
    }

    .login-logo__icon-famitsu-com {
        width: 300px;
        height: 52.94px
    }

    .login-form {
        padding: 50px 110px;
        font-size: 16px
    }

    .login-form .login-form__heading {
        font-size: 64px
    }

    .login-form .login-form__heading-sub {
        font-size: 28px
    }

    .login-form .login-form__gender-label:after,.login-form .login-form__gender-label:before {
        top: 4px
    }

    .login-form .login-form__or {
        margin-bottom: 16px;
        font-size: 16px
    }

    .login-form .login-form__footer {
        margin-top: 48px
    }

    .weeklyf-logo {
        height: 64px
    }

    .weeklyf-title {
        font-size: 24px;
        margin-left: 16px
    }

    .weeklyf-notes a {
        font-size: 14px
    }

    .weeklyf-sub .weeklyf-sub__head {
        font-size: 16px;
        padding: 12px
    }

    .weeklyf-sub .weeklyf-sub__shop-body {
        padding: 16px
    }

    .weeklyf-sub .weeklyf-sub__store-list li {
        margin-top: 16px
    }

    .weeklyf-sub .weeklyf-sub__store-list a {
        padding: 16px
    }

    .weeklyf-store__link li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .weeklyf-store__link img {
        height: 26px
    }

    .l-contents-block--weeklyf-bn .col-6:nth-child(n+4) {
        margin-top: 32px
    }

    .l-contents-block--weeklyf-bn .col-6:nth-child(3) {
        margin-top: 0
    }

    .sale-card__sales-meter-heading {
        font-size: 12px
    }

    .sale-card__sales-meter-body .progress__bar-container {
        width: 100px
    }

    .sale-card__btn {
        margin-left: 16px;
        margin-top: 0
    }

    .sale-card--swiper .sale-card__btn {
        margin-left: 0
    }

    .sale-card--amazon .sale-card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .sale-card--amazon .sale-card__title {
        font-size: 20px
    }

    .dark-theme .border-col-bottom [class$=col-sm-6]:nth-last-child(2) {
        margin-bottom: 0
    }

    .dark-theme .border-col-bottom [class$=col-sm-6]:nth-last-child(2):after {
        background: none
    }
}

@media (min-width: 640px) {
    .banner-footer {
        padding-bottom:100px
    }

    .banner-footer--desktop {
        padding-bottom: 90px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:960px
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .btn-lg {
        padding: 8px 16px;
        font-size: 20px;
        line-height: 1.5;
        border-radius: 4.8px
    }

    .btn--col-sticky .btn--col-lg-no-sticky {
        margin-right: 0;
        margin-left: 0
    }

    .btn--col-sticky>.btn {
        border-radius: 3.2px
    }

    .nav--schedule .nav__link {
        font-size: 16px;
        padding: 8px 16px
    }

    .card .card__lead {
        display: block
    }

    .card-game-sale-rank__body {
        padding-left: 32px
    }

    .card-game-sale-rank--swiper .card-game-sale-rank__body {
        padding-left: 16px;
        padding-left: 0
    }

    .footer-primary,.footer-tertiary__inner {
        max-width: 960px
    }

    .card--col-md-3 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 14px
    }

    .card--col-md-3 .card__footer {
        margin-top: 5.33333px
    }

    .card--col-md-3 .icon-play_circle_outline {
        width: 24px;
        height: 24px
    }

    .card--col-md-4-dec .card__title,.card--col-md-6 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px
    }

    .card--col-md-6 .card__category {
        margin-left: 4px
    }

    .card--col-md-6 .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card--col-md-12 .card__title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 24px
    }

    .card--img-left-col-md-4-dec .card__body,.card--img-left-col-md-4-dec .card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .card--img-left-col-md-4-dec .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px
    }

    .card--img-left-col-md-4-dec .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card--img-left-md-12 .card__body,.card--img-left-md-12 .card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .card--img-left-md-12 .card__footer {
        margin-top: 8px
    }

    .card--img-left-md-12 .card__title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 16px
    }

    .card--white-col-md-3 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px;
        color: #fff
    }

    .card--huge-story .card__title {
        font-size: 24px
    }

    .l-article .l-swiper-container {
        margin-right: -96px;
        margin-left: -96px;
        padding-left: 96px
    }

    .l-article .l-swiper-contents-block .heading {
        margin-left: 81px;
        margin-right: 81px
    }

    .card--img-left-small .card__title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 16px
    }

    .card--img-left-small .card__footer {
        margin-top: 8px
    }

    .card--no-img-left .card__title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 16px
    }

    .card--no-img-left .card__footer {
        margin-top: 8px
    }

    .heading--col-md-3 .heading__title {
        font-size: 16px
    }

    .heading--col-md-8 .heading__title,.heading--col-md-12 .heading__title {
        font-size: 32px
    }

    .l-story {
        padding-right: calc(var(--spacing-base)*12);
        padding-left: calc(var(--spacing-base)*12);
    }

    .l-video--jack-on {
        max-width: 960px;
    }

    .l-pick-up {
        padding-top: 0;
    }

    .l-story--rank .nav-scroller {
        margin-left: 0;
        margin-right: 0;
    }

    .l-story--rank .nav-scroller .nav-scroller__inner {
        padding: 0;
    }

    .l-contents-block--pick-up,.l-swiper-contents-block {
        margin-right: -96px;
        margin-left: -96px;
    }

    .l-article {
        padding-top: 64px;
        padding-right: 96px;
        padding-left: 96px;
    }

    .article-body__thumbnail {
        margin-right: -96px;
        margin-left: -96px;
    }

    .article-body__contents .article-btn {
        padding: 8px 16px;
        font-size: 20px;
        line-height: 1.5;
        border-radius: 4.8px
    }

    .article-body__contents .article-body__contents-img-text-set .article-body__contents-img-common-block {
        width: 100px
    }

    .article-body__contents .article-body__story-block .article-body__story-block-lead {
        font-size: 16px
    }

    .article-body__contents .annotation {
        font-size: 14px
    }

    .article-header__heading {
        font-size: 38px
    }

    .article-header__timestamp .fa-clock {
        width: 14px;
        height: 14px
    }

    .share__list .icon-facebook-square,.share__list .icon-line {
        width: 28px;
        height: 28px
    }

    .share__list .icon-twitter {
        width: 26px;
        height: 26px
    }

    .share__list .icon-hatebu {
        width: 24px;
        height: 24px
    }

    .share__list .icon-facebook-square {
        top: -2px;
        left: -3px
    }

    .share__list .icon-bg-circle {
        width: 48px;
        height: 48px
    }

    .cat-bnr {
        margin: 0
    }

    .cat-bnr-under {
        margin: 32px 0 0
    }

    .game-title-header__board {
        height: 200px
    }

    .game-title-header__board-picture {
        padding-top: 200px
    }

    .game-title-header__media-img-container .media-image--contain {
        background-color: rgba(0,0,0,.2)
    }

    .game-title-header__heading-text {
        font-size: 32px;
        max-height: 76.8px
    }

    .game-title-header__nav .nav__link {
        font-size: 14px
    }

    .notfound .notfound__header {
        font-size: 40px
    }

    .notfound .notfound__message {
        font-size: 16px
    }

    .card-games-review .card-games-review__author-stats {
        font-size: 14px
    }

    .border--md-left {
        border-left: 1px solid #e0e0e0!important
    }

    .border-col-bottom [class$=col-md-4]:nth-last-child(-n+3) {
        margin-bottom: 0
    }

    .border-col-bottom [class$=col-md-4]:nth-last-child(-n+3):after {
        background: none
    }

    .border-top-md {
        position: relative
    }

    .border-top-md:after {
        background: #e0e0e0;
        position: absolute;
        content: "";
        top: -16px;
        height: 1px;
        left: 15px;
        width: calc(100% - 30px)
    }

    .d-md-none {
        display: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: 4px!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: 4px!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: 4px!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: 4px!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: 4px!important
    }

    .m-md-2 {
        margin: 8px!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: 8px!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: 8px!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: 8px!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: 8px!important
    }

    .m-md-3 {
        margin: 16px!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 16px!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 16px!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 16px!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 16px!important
    }

    .m-md-4 {
        margin: 24px!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 24px!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 24px!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 24px!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 24px!important
    }

    .m-md-5 {
        margin: 48px!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 48px!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 48px!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 48px!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 48px!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: 4px!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: 4px!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: 4px!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: 4px!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: 4px!important
    }

    .p-md-2 {
        padding: 8px!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: 8px!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: 8px!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: 8px!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: 8px!important
    }

    .p-md-3 {
        padding: 16px!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 16px!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 16px!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 16px!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 16px!important
    }

    .p-md-4 {
        padding: 24px!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 24px!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 24px!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 24px!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 24px!important
    }

    .p-md-5 {
        padding: 48px!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 48px!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 48px!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 48px!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 48px!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }

    .sort-platform {
        margin-left: 0;
        margin-right: 0
    }

    .sort-platform .nav-scroller__inner {
        padding: 0
    }

    .sort-filter {
        margin-left: 0;
        margin-right: 0
    }

    .sort-filter:after {
        background-image: none
    }

    .gallery__main .l-contents-block .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .gallery__main .l-contents-block .col:nth-child(3) {
        margin-top: 0
    }

    .gallery__main .l-contents-block .col:nth-child(3):after {
        background: none
    }

    .gallery__main .l-contents-block .col:nth-child(3n+2),.gallery__main .l-contents-block .col:nth-child(3n+3) {
        border-left: 1px solid hsla(0,0%,100%,.2)
    }

    .gallery__main .l-contents-block .col:nth-child(4n) {
        border-left: none
    }

    .gallery .gallery__title {
        font-size: 16px
    }

    .js-drawer-schedule .js-drawer-schedule__body {
        margin-left: -96px
    }

    .banner-window-jack-container {
        margin-right: -96px;
        margin-left: -96px
    }

    .login-form .icon-bg-circle {
        width: 48px;
        height: 48px
    }

    .login-form .icon-facebook-square {
        top: -2px;
        left: -3px;
        width: 28px;
        height: 28px
    }

    .login-form .icon-twitter {
        width: 26px;
        height: 26px
    }

    .contents-empty {
        font-size: 16px
    }

    .sale-card--swiper .sale-card__body {
        padding-left: 16px;
        padding-left: 0
    }

    .dark-theme .border-col-bottom [class$=col-md-4]:nth-last-child(-n+3) {
        margin-bottom: 0
    }

    .dark-theme .border-col-bottom [class$=col-md-4]:nth-last-child(-n+3):after {
        background: none
    }
}

@media (min-width: 960px) {
    .container {
        max-width:1279px
    }

    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 15px;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .btn--col-sticky>.btn {
        border-radius: 4.8px
    }

    .btn--col-lg-no-sticky {
        margin-right: 0;
        margin-left: 0
    }

    .custom-search-form__input-text,.custom-search-form__search-btn {
        font-size: 20px;
        height: 48px
    }

    .custom-search-form .custom-select {
        height: 48px;
        font-size: 14px
    }

    .nav--schedule .nav__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .nav-type-2 .nav__link {
        border-radius: 4.8px
    }

    .nav--col-lg-6 .nav__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .nav--col-lg-6.nav-type-2 {
        margin-bottom: 16px
    }

    .nav--col-lg-6.nav-type-2 .nav__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .nav--col-lg-6.nav-type-2 .nav__link {
        padding: 8px 32px;
        font-size: 24px
    }

    .header-global-nav {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        overflow: inherit;
        width: auto;
        background-color: #212121
    }

    .header-global-nav:after {
        position: inherit;
        width: inherit;
        height: inherit;
        background-image: inherit
    }

    .header-global-nav--amp {
        left: 169px
    }

    .header-global-nav__inner {
        overflow-x: inherit;
        overflow-y: inherit;
        cursor: auto
    }

    .header-global-nav__main {
        text-align: left
    }

    .header-global-nav__item,.header-global-nav__item:last-child {
        padding-right: 0
    }

    .header-global-nav__link {
        line-height: 60px;
        font-size: 13px;
        padding: 0 5px
    }

    .card-game-sale-rank__sales-num-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .card-game-sale-rank--amazon .card-game-sale-rank__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%
    }

    .card-game-sale-rank--amazon .card-game-sale-rank__title {
        font-size: 16px
    }

    .card-rank-games-sub .card-rank-games-sub__title {
        margin-top: 0;
        font-size: 16px
    }

    .card-rank-games-sub .card-rank-games-sub__sub-info-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        line-height: 1.5
    }

    .card-rank-games-sub .card-rank-games-sub__sub-info {
        display: block
    }

    .breadcrumb {
        padding-right: 0;
        background-image: inherit
    }

    .breadcrumb__inner {
        padding: 16px 8px
    }

    .breadcrumb__next,.breadcrumb__prev {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        width: 28px;
        height: 100%
    }

    .breadcrumb__next span,.breadcrumb__prev span {
        width: 12px;
        height: 12px;
        display: block;
        background-size: 8px 8px;
        border-radius: 2px;
        background-color: #dc0610;
        background-repeat: no-repeat;
        background-position: 50%;
        z-index: 1
    }

    .js-breadcrumb-scroll.js-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ft-pager__item {
        margin-right: 16px
    }

    .header-nav {
        height: 60px
    }

    .header-brand {
        padding: 0 16px;
        border-left: 1px solid rgba(0,0,0,.15);
        height: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-brand .header-brand__logo {
        height: auto
    }

    .header-brand--amp {
        left: 0
    }

    .header-brand__logo-link {
        padding: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-select-lang {
        position: relative;
        margin-left: 16px;
        top: auto;
        right: auto;
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .header-hamburger {
        position: static;
        width: 60px;
        height: 60px
    }

    .header-search-container {
        background-color: #212121;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto;
        height: 100%
    }

    .header-search {
        width: 60px;
        height: 60px
    }

    .header-search__rank {
        position: static
    }

    .header-sns__link {
        line-height: 56px;
        padding: 0 8px
    }

    .header-nav--jack .header-brand__jack img {
        max-width: 90px;
        max-height: 40px
    }

    .header-nav--jack .header-brand__logo .icon-famitsu-com {
        width: 119.06px
    }

    .header-nav--jack .header-brand__logo-link {
        width: 119.06px;
        height: 21px
    }

    .header-nav--jack-black {
        border-left: 1px solid hsla(0,0%,100%,.15)
    }

    .footer-primary,.footer-tertiary__inner {
        max-width: 1279px
    }

    .footer-logo-sns-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-logo-sns-container .select-lang {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .card--col-lg-2 .card__footer,.card--col-v2-lg-2 .card__footer {
        margin-top: 5.33333px
    }

    .card--col-v2-lg-2 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 14px
    }

    .card--col-v2-lg-2 .card__category {
        margin-left: 4px
    }

    .card--col-v2-lg-2 .icon-play_circle_outline {
        width: 24px;
        height: 24px
    }

    .card--col-lg-4 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 16px
    }

    .card-game-sale-rank--col-lg-4 .card-game-sale-rank__num {
        font-size: 64px;
        width: 64px;
        height: 64px;
        line-height: 64px
    }

    .card-game-sale-rank--col-lg-4 .card-game-sale-rank__title {
        -webkit-line-clamp: 2;
        max-height: 2.8em;
        margin-top: 0;
        font-size: 16px
    }

    .card-game-sale-rank--col-lg-4 .card-game-sale-rank__sub-info-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        line-height: 1.5
    }

    .card-game-sale-rank--col-lg-4 .card-game-sale-rank__sub-info {
        display: block
    }

    .card-game-sale-rank--col-lg-4 .card-game-sale-rank__sales-num {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .card-game-sale-rank--col-lg-4 .card-game-sale-rank__sales-num-past {
        font-size: 20px
    }

    .card--white-col-lg-6 .card__title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 24px;
        color: #fff
    }

    .card--white-col-lg-6 .icon-play_circle_outline {
        width: 48px;
        height: 48px
    }

    .card--img-left-lg-8 .card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%
    }

    .card--img-left-lg-8 .card__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        max-width: 63%
    }

    .header-search__rank-heading {
        font-size: 32px;
        padding-bottom: 80px
    }

    .header-search__rank-link {
        font-size: 16px
    }

    .header-search__rank-list:first-child,.header-search__rank-list:nth-of-type(n+2) {
        padding-top: 0
    }

    .heading__title {
        font-size: 20px
    }

    .heading--border-bold:after {
        content: "";
        display: block;
        border-top: 5px solid hsla(0,0%,100%,.1);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin: 0 16px
    }

    .heading--center .heading__sub-text {
        text-align: left
    }

    .heading--col-lg-12 .heading__title {
        font-size: 32px
    }

    .heading--lg-left .heading__title {
        margin: 0
    }

    .heading--lg-left .heading__sub-text,.heading--lg-left .heading__title-sub-text {
        text-align: left
    }

    .l-huge-story {
        margin-top: 16px
    }

    .l-huge-story--jack {
        padding-right: 15px;
        padding-left: 15px
    }

    .l-static {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .l-story {
        background-color: #f7f7f9;
        padding-right: calc(var(--spacing-base)*10);
        padding-bottom: 32px;
        padding-left: calc(var(--spacing-base)*10);
    }

    .l-story--secondary {
        padding-top: 32px;
        padding-bottom: 48px
    }

    .l-story--top {
        padding-bottom: 32px
    }

    .l-video--jack-on {
        max-width: 1279px
    }

    .l-contents-block .heading__title {
        font-size: 20px
    }

    .l-contents-block--article-amazon .nav-scroller__inner {
        overflow-x: inherit;
        overflow-y: inherit
    }

    .l-contents-block--article-amazon .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
        left: -15px
    }

    .l-contents-block--article-amazon .swiper-button-next,.l-contents-block--article-amazon .swiper-button-prev {
        display: block;
        background-size: 18px 35px;
        background-color: rgba(220,6,16,.8);
        border-radius: 3px;
        width: 30px;
        height: 47px
    }

    .l-contents-block--article-amazon .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
        right: -15px
    }

    .l-contents-block--ranking-article {
        display: block;
        margin-top: 0;
        padding-top: 0
    }

    .l-contents-block--schedule {
        display: none
    }

    .l-contents-block--schedule-lg {
        display: block
    }

    .l-contents-block--tie-up {
        display: none
    }

    .l-contents-block--tie-up-lg {
        display: block
    }

    .l-contents-block--tie-up-top {
        margin-top: 0;
        padding-top: 0
    }

    .l-contents-block--tie-up-top .heading {
        border-top: none;
        padding-top: 0
    }

    .l-contents-block--article-ranking-article,.l-contents-block--pick-up {
        display: none
    }

    .l-contents-block--article-ranking-article-lg {
        display: block;
        margin-top: 0;
        padding-top: 0
    }

    .l-article {
        padding-bottom: 48px;
        padding-right: 80px;
        padding-left: 80px
    }

    .article-body {
        margin-top: 32px;
        padding-right: 50px
    }

    .article-body__thumbnail {
        margin-right: 0;
        margin-left: 0
    }

    .article-body__contents p {
        font-size: 18px
    }

    .article-body__contents .artcile-twitter-block .twitter-tweet {
        max-width: auto;
        width: 500px
    }

    .article-body--prtimes {
        font-size: 18px
    }

    .article-footer {
        padding-right: 50px
    }

    .article-header__inner {
        border-bottom: 1px solid #eee;
        padding-bottom: 24px
    }

    .article-header__category:after {
        padding-right: 0;
        background-image: inherit
    }

    .article-header__category-list {
        overflow: auto;
        display: block;
        cursor: auto
    }

    .article-header__category-item {
        display: inline-block
    }

    .article-header__category-item:last-child {
        padding-right: 0
    }

    .article-header__heading {
        font-size: 48px
    }

    .article-header__meta {
        padding-bottom: 0
    }

    .article-header__meta-secondary {
        display: block
    }

    .article-header__timestamp-date-container {
        font-size: 16px
    }

    .article-header__timestamp .fa-clock {
        width: 16px;
        height: 16px
    }

    .article-header__author-name-container {
        font-size: 16px
    }

    .article-sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        margin-top: 32px
    }

    .game-title-header__board {
        height: 240px
    }

    .game-title-header__board-picture {
        padding-top: 240px
    }

    .game-title-header__body-row-col--01 {
        margin-top: -237px
    }

    .game-title-header__media-img-container {
        width: 100px
    }

    .game-title-header__heading-text {
        font-size: 32px;
        max-height: 76.8px
    }

    .game-title-header__body-row {
        margin-bottom: 0
    }

    .game-title-header__nav .nav-scroller__inner {
        cursor: auto;
        overflow-x: inherit;
        overflow-y: inherit
    }

    .game-title-header__nav .nav__item:last-child {
        padding-right: 0
    }

    .game-title-header-container--jack-on {
        max-width: 1280px;
        margin: 0 auto;
        padding-right: 15px;
        padding-left: 15px
    }

    .drawer-nav__link {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .drawer.drawer-open {
        overflow: visible
    }

    .l-notfound {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .contents-sort--schedule {
        margin-top: auto
    }

    .card-games-review .card-games-review__play-title {
        padding-left: 12px;
        margin-left: 12px
    }

    .border--lg-left {
        border-left: 1px solid #e0e0e0!important
    }

    .border-row-lg-bottom {
        position: relative;
        margin-bottom: 32px
    }

    .border-row-lg-bottom:after {
        background: #e0e0e0;
        position: absolute;
        content: "";
        bottom: -16px;
        height: 1px;
        left: 15px;
        width: calc(100% - 30px)
    }

    .d-lg-none {
        display: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: 4px!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: 4px!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: 4px!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: 4px!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: 4px!important
    }

    .m-lg-2 {
        margin: 8px!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: 8px!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: 8px!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: 8px!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: 8px!important
    }

    .m-lg-3 {
        margin: 16px!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 16px!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 16px!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 16px!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 16px!important
    }

    .m-lg-4 {
        margin: 24px!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 24px!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 24px!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 24px!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 24px!important
    }

    .m-lg-5 {
        margin: 48px!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 48px!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 48px!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 48px!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 48px!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: 4px!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: 4px!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: 4px!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: 4px!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: 4px!important
    }

    .p-lg-2 {
        padding: 8px!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: 8px!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: 8px!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: 8px!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: 8px!important
    }

    .p-lg-3 {
        padding: 16px!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 16px!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 16px!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 16px!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 16px!important
    }

    .p-lg-4 {
        padding: 24px!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 24px!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 24px!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 24px!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 24px!important
    }

    .p-lg-5 {
        padding: 48px!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 48px!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 48px!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 48px!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 48px!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }

    .sort-platform {
        overflow: visible;
        margin-top: 24px
    }

    .sort-platform.nav-scroller:after {
        content: none
    }

    .sort-platform .nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -4px;
        margin-right: -4px
    }

    .sort-platform .nav-scroller__inner {
        cursor: auto;
        overflow-x: inherit;
        overflow-y: inherit
    }

    .sort-filter {
        margin-bottom: 32px
    }

    .sort-filter .sort-filter__description {
        display: block
    }

    .sort-filter .sort-filter__header {
        display: none
    }

    .sort-filter .sort-filter__body {
        margin-right: 0
    }

    .sort-filter .sort-filter__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        cursor: auto
    }

    .drawer-schedule .drawer-schedule__header {
        display: none
    }

    .drawer-schedule .drawer-schedule__body {
        padding-bottom: 0
    }

    .drawer-schedule .drawer-schedule__item {
        display: block
    }

    .drawer-schedule .drawer-schedule__section-title {
        font-size: 16px
    }

    .drawer-schedule .drawer-schedule__content--date-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .drawer-schedule .drawer-schedule__content--mobile {
        display: none
    }

    .drawer-schedule .drawer-schedule__content--desktop {
        display: block
    }

    .drawer-schedule .drawer-schedule__section-secondary-title {
        font-size: 14px
    }

    .drawer-schedule .drawer-schedule__footer {
        height: auto
    }

    .drawer-schedule .drawer-schedule__footer-content {
        padding-bottom: 16px;
        margin: auto 15px
    }

    .drawer-schedule .drawer-schedule__btn-clear {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .drawer-schedule .drawer-schedule__btn-clear--mobile {
        display: none
    }

    .drawer-schedule .drawer-schedule__btn-clear--desktop {
        display: block
    }

    .drawer-schedule .drawer-schedule__btn-submit {
        display: none
    }

    .l-images-02 .l-contents-block {
        display: block
    }

    .gallery .pager {
        font-size: 18px
    }

    .js-drawer-schedule .js-drawer-schedule__body {
        margin-left: 0;
        width: auto;
        z-index: auto
    }

    .js-drawer-schedule .js-drawer-schedule__footer {
        width: auto;
        z-index: auto
    }

    .js-drawer-schedule--open {
        overflow: visible
    }

    .js-drawer-schedule--open .js-drawer-schedule__body,.js-drawer-schedule--open .js-drawer-schedule__footer {
        position: relative;
        height: auto;
        overflow: visible
    }

    .js-drawer-schedule--close .js-drawer-schedule__body,.js-drawer-schedule--close .js-drawer-schedule__footer {
        position: relative;
        height: auto
    }

    .js-drawer-schedule-more--open .js-drawer-schedule-more__body {
        display: block
    }

    .js-drawer-schedule-more--close .js-drawer-schedule-more__body {
        display: none
    }

    .info-brand-logo--footer .icon-famitsu-com {
        height: 38.3px;
        width: 219.99px
    }

    .info-sns-list--footer {
        padding-top: 0;
        padding-left: 64px
    }

    .video-social {
        margin-top: 32px;
        margin-right: 0;
        margin-left: 0
    }

    .video-social__col {
        width: 50%;
        margin-right: 0;
        padding-right: 0
    }

    .banner-footer-rect-container,.banner-haf-page-bottom,.banner-lg-rect-haf-page,.banner-pc {
        display: block
    }

    .banner-300-250,.banner--320-100,.banner-mobile-footer-rect {
        display: none
    }

    .banner--600-250 {
        display: block
    }

    .banner-320-100,.banner-mobile-article-jack,.banner-window-jack-wrapper {
        display: none
    }

    .l-story .game-title-info {
        display: block;
        margin-top: -128px;
        margin-bottom: 32px;
        z-index: 1;
        border: 5px solid #060606
    }

    .game-title-info-container {
        padding: 0
    }

    .game-title-info {
        display: none
    }

    .game-title-info .game-title-info__review {
        border-top: none;
        margin-top: 0
    }

    .game-title-info .game-title-info__cross-review .progress {
        width: 100px;
        height: 100px
    }

    .game-title-info .game-title-info__cross-review .progress__percent .int {
        font-size: 42px
    }

    .game-title-info .game-title-info__cross-review .progress__percent .dec {
        font-size: 24px
    }

    .game-title-info .game-title-info__user-review .progress {
        width: 85px;
        height: 85px
    }

    .game-title-info .game-title-info__user-review .progress__percent .int {
        font-size: 32px
    }

    .game-title-info .game-title-info__user-review .progress__percent .dec {
        font-size: 18px
    }

    .tp-banner {
        margin-bottom: 48px
    }

    .top-notice {
        font-size: 16px;
        padding: 16px
    }

    .top-notice .fa-times {
        width: 24px;
        height: 24px
    }

    .search-box--category {
        display: block
    }

    .author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .author__footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: none;
        border-left: 1px solid #e0e0e0;
        padding-left: 16px;
        margin-left: 16px;
        padding-top: 0;
        margin-top: 0;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .author__sns {
        margin-top: 8px;
        margin-left: 0
    }

    .weeklyf-main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .weeklyf-main__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 0;
        padding-right: 20px;
    }

    .weeklyf-main__media img {
        width: 100%
    }

    .weeklyf-main__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        min-width: 0;
        overflow: hidden;
        margin-top: 0
    }

    .weeklyf-sub .weeklyf-sub__head {
        font-size: 12px;
        padding: 8px
    }

    .weeklyf-sub .weeklyf-sub__shop-body {
        padding: 8px
    }

    .weeklyf-sub .weeklyf-sub__shop-body-list:nth-child(n+2),.weeklyf-sub .weeklyf-sub__store-list li {
        margin-top: 8px
    }

    .weeklyf-sub .weeklyf-sub__store-list a {
        padding: 8px
    }

    .weeklyf-sub .weeklyf-sub__store-list img {
        height: 24px
    }

    .weeklyf-sub--02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .weeklyf-sub--02 .weeklyf-sub__magazine,.weeklyf-sub--02 .weeklyf-sub__shop {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .weeklyf-sub--02 .weeklyf-sub__magazine {
        padding: 0 30px
    }

    .weeklyf-sub--02 .weeklyf-sub__shop {
        margin-top: 16px;
        padding: 0 20px
    }

    .weeklyf-sub--02 .weeklyf-sub__store-list a {
        padding: 16px 64px
    }

    .weeklyf-sub--02 .weeklyf-sub__store-list img {
        height: 36px
    }

    .l-contents-block--weeklyf-lg {
        display: none
    }

    .l-contents-block--weeklyf-bn .col-6:nth-child(n+5) {
        margin-top: 32px
    }

    .l-contents-block--weeklyf-bn .col-6:nth-child(4) {
        margin-top: 0
    }

    .sale-card__sales-num-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .sale-card--amazon .sale-card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%
    }

    .sale-card--amazon .sale-card__title {
        font-size: 16px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: var(--desktop-container-width);
    }

    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .nav--col-xl-6 .nav__link {
        font-size: 24px
    }

    .header-global-nav__link {
        font-size: 14px
    }

    .card--body-bg-on .icon-play_circle_outline {
        width: 32px;
        height: 32px
    }

    .card-rank-games .card-rank-games__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13%;
        flex: 0 0 13%
    }

    .card-rank-games .card-rank-games__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87%;
        flex: 0 0 87%
    }

    .header-search-container .fa-search {
        position: absolute;
        top: 6px;
        right: 0;
        height: 60px;
        right: 8px;
        color: #9e9e9e;
        width: 16px;
        height: 16px
    }

    .header-search {
        width: auto;
        background-color: #f5f5f5;
        height: 28px;
        border-radius: 3px;
        margin: 0 16px;
        padding: 0 32px 0 16px
    }

    .header-search__input {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 12px;
        color: #9e9e9e;
        margin-right: 4px
    }

    .header-sns {
        display: block;
        position: absolute;
        right: 156px;
        height: 60px;
        background-color: #212121;
        padding-right: 8px
    }

    .header-sns:after {
        content: "";
        position: absolute;
        top: 20px;
        right: 0;
        width: 1px;
        height: 20px;
        background-color: #424242
    }

    .footer-primary,.footer-tertiary__inner {
        max-width: 1280px
    }

    .card--col-xl-2 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 14px
    }

    .card--col-xl-2 .card__footer {
        margin-top: 5.33333px
    }

    .card--col-xl-2 .icon-play_circle_outline {
        width: 30px;
        height: 30px
    }

    .card--col-v2-xl-2 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 14px
    }

    .card--col-v2-xl-2 .card__category {
        margin-left: 4px
    }

    .card--col-v2-xl-2 .icon-play_circle_outline {
        width: 30px;
        height: 30px
    }

    .card--col-overlay-vertical-xl-3 .card__title {
        -webkit-line-clamp: 4;
        max-height: 5.6em;
        font-size: 24px
    }

    .card--col-img-left-xl-6 .card__body,.card--col-img-left-xl-6 .card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .card--col-img-left-xl-6 .card__title {
        -webkit-line-clamp: 5;
        max-height: 7em;
        font-size: 16px
    }

    .card--img-left-xl-8 .card__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%
    }

    .card--img-left-xl-8 .card__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        max-width: 63%
    }

    .card--img-left-xl-8 .card__title {
        -webkit-line-clamp: 3;
        max-height: 4.2em;
        font-size: 16px
    }

    .card--img-left-xl-8 .card__lead a {
        -webkit-line-clamp: 3;
        max-height: 4.5em
    }

    .card--col-v2-xl-2 .card__date {
        max-width: inherit
    }

    .card--col-md-12 .icon-play_circle_outline {
        width: 60px;
        height: 60px
    }

    .card--col-md-4-dec .icon-play_circle_outline,.card--img-left-col-md-4-dec .icon-play_circle_outline {
        width: 42px;
        height: 42px
    }

    .card--white-col-lg-6 .icon-play_circle_outline {
        width: 60px;
        height: 60px
    }

    .card--white-col-md-3 .icon-play_circle_outline {
        width: 36px;
        height: 36px
    }

    .card--col-lg-4 .icon-play_circle_outline {
        width: 48px;
        height: 48px
    }

    .card--huge-story-lg .icon-play_circle_outline {
        width: 60px;
        height: 60px
    }

    .card--huge-story-lg .card__title {
        font-size: 32px
    }

    .card--huge-story-lg-sub .icon-play_circle_outline {
        width: 42px;
        height: 42px
    }

    .card--huge-story-lg-sub .card__title {
        max-height: 4.2em
    }

    .card--img-left-small .card__lead a,.card--no-img-left .card__lead a {
        -webkit-line-clamp: 3;
        max-height: 4.5em
    }

    .header-search-box .fa-search {
        width: 28px;
        height: 28px
    }

    .header-search-box .header-search__select {
        font-size: 16px
    }

    .header-search-box input[type=search]::-webkit-search-cancel-button {
        height: 20px;
        width: 20px
    }

    .header-search__form-inner {
        padding-right: 15px;
        padding-left: 15px
    }

    .header-search__form-btn,.header-search__form-close-btn {
        padding: 0 32px
    }

    .header-search__form-close-btn .fa-times {
        width: 34px;
        height: 34px
    }

    .header-search__form-input {
        font-size: 32px
    }

    .header-search__conditions {
        padding: 0 16px;
        min-width: 116px
    }

    .header-search__rank-heading {
        font-size: 40px
    }

    .heading--col-xl-2 .heading__title {
        font-size: 20px
    }

    .l-video--jack-on {
        max-width: 1280px
    }

    .l-story--rank .nav-scroller {
        overflow: visible;
        margin-top: 24px
    }

    .l-story--rank .nav-scroller.nav-scroller:after {
        content: none
    }

    .l-story--rank .nav-scroller .nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .l-story--rank .nav-scroller .nav-scroller__inner {
        cursor: auto;
        overflow-x: inherit;
        overflow-y: inherit
    }

    .l-contents-block--article-amazon .nav-scroller:after {
        background-image: none
    }

    .l-contents-block--article-amazon .nav__item {
        border: none
    }

    .l-contents-block--article-amazon .nav-type-1 {
        border-bottom: 1px solid #e0e0e0
    }

    .game-title-header__board {
        height: 300px
    }

    .game-title-header__board-picture {
        padding-top: 300px
    }

    .game-title-header__body-row-col--01 {
        margin-top: -298px
    }

    .game-title-header__heading-text {
        font-size: 40px;
        max-height: 96px
    }

    .game-title-header__platform {
        font-size: 16px
    }

    .drawer .drawer-nav {
        left: -320px
    }

    .drawer-nav {
        width: 320px
    }

    .d-xl-none {
        display: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: 4px!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: 4px!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: 4px!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: 4px!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: 4px!important
    }

    .m-xl-2 {
        margin: 8px!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: 8px!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: 8px!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: 8px!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: 8px!important
    }

    .m-xl-3 {
        margin: 16px!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 16px!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 16px!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 16px!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 16px!important
    }

    .m-xl-4 {
        margin: 24px!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 24px!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 24px!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 24px!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 24px!important
    }

    .m-xl-5 {
        margin: 48px!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 48px!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 48px!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 48px!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 48px!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: 4px!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: 4px!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: 4px!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: 4px!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: 4px!important
    }

    .p-xl-2 {
        padding: 8px!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: 8px!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: 8px!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: 8px!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: 8px!important
    }

    .p-xl-3 {
        padding: 16px!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 16px!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 16px!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 16px!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 16px!important
    }

    .p-xl-4 {
        padding: 24px!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 24px!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 24px!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 24px!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 24px!important
    }

    .p-xl-5 {
        padding: 48px!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 48px!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 48px!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 48px!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 48px!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }

    .images__main {
        padding: 30px 0 0 30px
    }

    .images__aside {
        padding: 32px
    }

    .gallery .gallery__body {
        margin: 0 0 0 -30px;
        height: calc(100% - 293.66px)
    }

    .gallery .gallery__footer {
        margin-right: 0;
        padding: 30px 0
    }

    .l-images-02 {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .l-images-02 .l-contents-block--article-ranking-article {
        margin-top: 0;
        padding-top: 0
    }

    .l-images-02 .l-contents-block--article-ranking-article .heading {
        border: none;
        padding-top: 0
    }

    .gallery__aside {
        margin-top: 59px
    }

    .gallery .icon-famitsu-com {
        width: 214px;
        height: 38px
    }

    .js-banner-jack,.js-banner-top-jack {
        left: calc((100% - 1280px)/2)
    }

    .banner-jack-footer {
        display: block;
        padding-bottom: 100px
    }

    .banner-jack-footer .banner-jack-footer__inner {
        background-color: #212121;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1030
    }

    .banner-jack-footer .adcloud_frame {
        max-width: 640px;
        margin: auto
    }

    .banner-jack-footer .adcloud_frame>div {
        width: 100%!important;
        height: auto!important
    }

    .banner-jack-footer .adcloud_frame>a {
        display: block;
        width: 100%!important
    }

    .banner-jack-footer img {
        width: 100%!important;
        max-width: 100%!important;
        height: auto!important
    }

    .banner-jack-footer .banner-jack-footer__close {
        display: block;
        top: 0;
        right: 0;
        position: absolute;
        padding: 16px
    }

    .banner-jack-footer .banner-jack-footer__close-icon {
        width: 24px;
        height: 24px;
        color: #bdbdbd
    }

    .banner-jack-footer .banner-article__ad-mark {
        margin-top: 16px;
        color: #bdbdbd;
        font-size: 12px;
        text-align: center
    }

    .banner-jack-on .breadcrumb {
        max-width: 1280px;
        margin: 0 auto
    }

    .weeklyf-sub .weeklyf-sub__store-list img {
        height: 30px
    }

    .weeklyf-sub--02 .weeklyf-sub__store-list img {
        height: 36px
    }

    .weeklyf-store__link img {
        height: 30px
    }
}

@media (min-width: 768px) and (min-width:1280px) {
    .card--img-left-col-md-4-dec .card__title {
        -webkit-line-clamp:5;
        max-height: 7em
    }

    .card--img-left-md-12 .card__lead a {
        -webkit-line-clamp: 3;
        max-height: 4.5em
    }
}

@media (min-width: 1442px) {
    .header-search__form-close-btn {
        position:absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 1920px) {
    .game-title-header__board-picture:after {
        content:"";
        position: absolute;
        background-image: -webkit-gradient(linear,left top,right top,from(#000),color-stop(10%,rgba(0,0,0,.1)),color-stop(50%,transparent),color-stop(90%,rgba(0,0,0,.1)),to(#000));
        background-image: -webkit-linear-gradient(left,#000,rgba(0,0,0,.1) 10%,transparent 50%,rgba(0,0,0,.1) 90%,#000);
        background-image: linear-gradient(90deg,#000,rgba(0,0,0,.1) 10%,transparent 50%,rgba(0,0,0,.1) 90%,#000);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }
}

@media (max-width: 959.98px) {
    .bdt-mbd-md-0 {
        border-top:none!important
    }

    .mt-mbd-md-0 {
        margin-top: 0!important
    }

    .pt-mbd-md-0 {
        padding-top: 0!important
    }
}

@media (max-width: 1279.98px) {
    .bdt-mbd-lg-0 {
        border-top:none!important
    }

    .bdt-mbd-lg {
        border-top: 1px solid #e0e0e0!important
    }

    .mt-mbd-lg-0 {
        margin-top: 0!important
    }

    .pt-mbd-lg-0 {
        padding-top: 0!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .form-label-group>label {
        display: none
    }

    .form-label-group input:-ms-input-placeholder {
        color: #777
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    .art-toc a,.author__sns a,.breadcrumb__item a,.btn,.card-schedule .card-schedule__inner,.card-schedule .card-schedule__media,.card-schedule .card-schedule__nav-btn,.custom-control-label:before,.custom-file-label,.custom-input-text,.custom-select,.dark-theme .card .card__title,.dark-theme .heading__title a,.drawer-schedule .drawer-schedule__more-link,.form-control,.login-form .login-form__ex-cominy,.login-form .login-form__forgot-inline,.login-form .login-form__sns-link,.pager__next,.pager__prev,.tp-banner {
        -webkit-transition: none;
        transition: none
    }
}

@media screen and (max-width: 1200px) {
    .cookie-pop {
        padding:30px 20px 45px
    }
}

@media screen and (max-width: 768px) {
    .cookie-pop .cookie-pop__policy a,.cookie-pop a,.cookie-pop p {
        font-size:13px
    }

    .cookie-pop button,.cookie-pop p {
        line-height: 1.6
    }

    .cookie-pop {
        width: auto;
        padding: 15px 20px
    }

    .cookie-pop .container {
        display: block
    }

    .cookie-pop .cookie-pop__body {
        height: 80px;
        padding-right: 20px;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto
    }

    .ps__rail-x {
        height: 10px;
        bottom: 0
    }

    .ps__rail-x,.ps__rail-y {
        display: block;
        opacity: 1;
        transition: none;
        -webkit-transition: none;
        background-color: #717070;
        border-radius: 5px;
        position: absolute
    }

    .ps__rail-y {
        width: 10px;
        right: 0
    }

    .ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
        display: block;
        background-color: #717070
    }

    .ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
        opacity: 1
    }

    .ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
        background-color: #717070;
        opacity: 1
    }

    .ps__thumb-x {
        height: 10px;
        bottom: 0
    }

    .ps__thumb-x,.ps__thumb-y {
        background-color: #a09f9f;
        border-radius: 5px;
        transition: none;
        -webkit-transition: none;
        position: absolute
    }

    .ps__thumb-y {
        width: 10px;
        right: 0
    }

    .ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
        background-color: #a09f9f;
        height: 10px
    }

    .ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
        background-color: #a09f9f;
        width: 10px
    }

    .cookie-pop .cookie-pop__footer {
        margin: 15px 0 0
    }

    .cookie-pop .btn {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .cookie-pop .cookie-pop__body {
        height:140px
    }
}

/* 追記 */

.heading__more, .mail-link, .heading__more:hover, .mail-link:hover {
    color: var(--color-main);
}

article.grid-2column {
    display: grid;
}
.weeklyf-main {
    display: grid;
    padding: 0 15px 16px 15px;
}

.weeklyf-head {
    margin-bottom: 16px
}

@media (min-width: 960px) {
    .weeklyf-main {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }
    h1.weeklyf-head {
        grid-column: 1 / 3;
    }
    
    article.grid-2column {
        grid-template-columns: 2fr 1fr;
    }
    article.l-contents-block.l-contents-block--weeklyf-bn {
    grid-column: 2;
    grid-row: 1 / 5;
    border-left: 1px solid #e0e0e0;
    padding-top: 0;
    }
}

.weeklyf__revision {
    font-size: 12px;
    margin-top: 8px;
}

.weeklyf__revision a:hover {
    color: var(--color-main);
}

.weeklyf__revision a,.weeklyf__revision a:active,.weeklyf__revision a:visited {
    color: #ad030b;
}



/* 最新刊 */
.weeklyf-head img {
    max-width: 15%;
}

/* バックナンバー */
.weeklyf-main__media:hover, .card--weeklyf:hover {
    opacity: 0.9;
}

/* 関連記事 */
.new-article .image::after {
    content: "最新記事";
    background-color: #dc0610e6;
    color: #fff;
    font-size: 0.75rem;
    left: 8px;
    max-width: 100%;
    overflow: hidden;
    padding: calc(8px / 2) 8px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: calc(8px * -1);
    white-space: nowrap
}
.new-article + ul li:first-child {
    padding-top: 1em;
}
.contentsWrapper p.title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: var(--font-size-16);
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition: var(--transition-200);
    word-break: break-all;
}
.contentsWrapper p.description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #424242;
    margin-block: 0.5em;
    padding-bottom: 0;
}
.datetime {
    color: #424242;
}
.sp_news li:first-child {
    padding-top: 0.6em;
}
.sp_news + .sp_news li:last-child {
    border-bottom: 0;
}

/* バックナンバー移動 */
.l-contents-block--weeklyf-bn {
    margin-top: 0;
}

@media (min-width: 960px) {
    .l-contents-block--weeklyf-bn .heading--decoration {
        border-top: 0;
        padding-top: 0;
    }
}