@charset "UTF-8";

/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: 1px solid;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace, monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    vertical-align: bottom
}

embed,
iframe,
object {
    border: 0;
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
    cursor: default
}

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

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

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

option {
    padding: 0
}

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=search] {
    outline-offset: -2px
}

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

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

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: 0
}

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

caption {
    text-align: left
}

td,
th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

template {
    display: none
}

[hidden] {
    display: none
}

body {
    min-width: 320px;
    color: #fff;
    font-family: "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #000;
    background-repeat: repeat-y, no-repeat;
    background-position: top center;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width:769px) {
    body {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/bg_pattern_smoke.png), -webkit-gradient(linear, left bottom, left top, from(rgba(112, 0, 0, .16)), color-stop(62%, rgba(112, 0, 0, 0)), to(rgba(112, 0, 0, 0)));
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/bg_pattern_smoke.png), -webkit-linear-gradient(bottom, rgba(112, 0, 0, .16) 0, rgba(112, 0, 0, 0) 62%, rgba(112, 0, 0, 0) 100%);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/bg_pattern_smoke.png), linear-gradient(0deg, rgba(112, 0, 0, .16) 0, rgba(112, 0, 0, 0) 62%, rgba(112, 0, 0, 0) 100%);
        background-size: max(2340px, 121.875vw) max(1580px, 82.2916666667vw), 100% auto
    }
}

@media screen and (max-width:768px) {
    body {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/bg_pattern_smoke.png), -webkit-gradient(linear, left bottom, left top, from(rgba(112, 0, 0, .16)), color-stop(62%, rgba(112, 0, 0, 0)), to(rgba(112, 0, 0, 0)));
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/bg_pattern_smoke.png), -webkit-linear-gradient(bottom, rgba(112, 0, 0, .16) 0, rgba(112, 0, 0, 0) 62%, rgba(112, 0, 0, 0) 100%);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/bg_pattern_smoke.png), linear-gradient(0deg, rgba(112, 0, 0, .16) 0, rgba(112, 0, 0, 0) 62%, rgba(112, 0, 0, 0) 100%);
        background-size: 100vw 226.8229166667vw, 100% auto;
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch
    }
}

body.fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

body.page-Index {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(112, 0, 0, .16)), color-stop(62%, rgba(112, 0, 0, 0)), to(rgba(112, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(112, 0, 0, .16) 0, rgba(112, 0, 0, 0) 62%, rgba(112, 0, 0, 0) 100%);
    background-image: linear-gradient(0deg, rgba(112, 0, 0, .16) 0, rgba(112, 0, 0, 0) 62%, rgba(112, 0, 0, 0) 100%);
    background-size: 100% auto
}

main {
    position: relative
}

a {
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

img {
    width: 100%;
    height: auto;
    pointer-events: none
}

img.rendering {
    image-rendering: -webkit-optimize-contrast
}

_::-webkit-full-page-media,
_:future,
:root img.rendering {
    image-rendering: auto
}

@media screen and (max-width:768px) {
    .pc_i {
        display: none !important
    }
}

@media screen and (min-width:769px) {
    .sp_i {
        display: none !important
    }
}

@media screen and (max-width:768px) {
    .sp_i {
        display: inline !important
    }
}

@media screen and (max-width:768px) {
    .pc_b {
        display: none !important
    }
}

@media screen and (min-width:769px) {
    .sp_b {
        display: none !important
    }
}

@media screen and (max-width:768px) {
    .sp_b {
        display: block !important
    }
}

.w-100 {
    width: 100%
}

.svg {
    display: inline-block;
    font-size: 0
}

span.text-red {
    color: #c10000
}

.st-Header {
    position: relative;
    z-index: 1000
}

.st-Header .logo {
    position: absolute
}

@media screen and (min-width:769px) {
    .st-Header .logo {
        top: max(30px, 1.5625vw);
        left: max(40px, 2.0833333333vw);
        width: max(224px, 14.5833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Header .logo {
        top: 2.6041666667vw;
        left: 0;
        width: 37.7604166667vw
    }
}

.st-Header .logo a {
    display: block
}

@media (any-hover:hover) {
    .st-Header .logo a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Header .logo a:hover {
        opacity: .7
    }
}

@media screen and (min-width:1201px) {
    .st-Header .nav-wrapper {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .st-Header .nav-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: background-color .35s;
        transition: background-color .35s
    }

    .st-Header .nav-wrapper.opened {
        width: 100%;
        background-color: rgba(0, 0, 0, .6)
    }
}

@media screen and (max-width:1200px) {
    .st-Header .nav-container {
        position: absolute;
        overflow-y: scroll;
        height: 100%;
        background-color: #000;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_menu_blood-droplets.png);
        background-repeat: no-repeat;
        background-position: top center;
        scrollbar-width: thin;
        scrollbar-color: maroon rgba(255, 255, 255, 0)
    }

    .st-Header .nav-container.closing,
    .st-Header .nav-container.opening {
        -webkit-transition: right .35s ease-out;
        transition: right .35s ease-out
    }

    .st-Header .nav-container.opened {
        right: 0
    }

    .st-Header .nav-container::-webkit-scrollbar {
        width: 6px
    }

    .st-Header .nav-container::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: maroon
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header .nav-container {
        right: -360px;
        width: 360px;
        padding: 160px 0 160px 100px;
        background-size: 500px 1696px
    }
}

@media screen and (max-width:768px) {
    .st-Header .nav-container {
        right: -65.1041666667vw;
        width: 65.1041666667vw;
        padding: 23.4375vw 0 23.4375vw 13.0208333333vw;
        background-size: 65.1041666667vw 220.8333333333vw
    }
}

@media screen and (max-width:1200px) {
    .st-Header button[name=menu] {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        text-align: center;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_menu.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header button[name=menu] {
        width: 84px;
        height: 84px
    }
}

@media screen and (max-width:768px) {
    .st-Header button[name=menu] {
        width: 15.625vw;
        height: 15.625vw
    }
}

@media screen and (max-width:1200px) {
    .st-Header button[name=menu] span {
        display: inline-block;
        position: relative
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header button[name=menu] span {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width:768px) {
    .st-Header button[name=menu] span {
        width: 9.1145833333vw;
        height: 9.1145833333vw
    }
}

@media screen and (max-width:1200px) {

    .st-Header button[name=menu] span::after,
    .st-Header button[name=menu] span::before {
        position: absolute;
        right: 0;
        background-color: #c10000;
        content: "";
        -webkit-transition: top .35s, width .35s, -webkit-transform .35s;
        transition: top .35s, width .35s, -webkit-transform .35s;
        transition: top .35s, transform .35s, width .35s;
        transition: top .35s, transform .35s, width .35s, -webkit-transform .35s
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {

    .st-Header button[name=menu] span::after,
    .st-Header button[name=menu] span::before {
        height: 2px
    }
}

@media screen and (max-width:768px) {

    .st-Header button[name=menu] span::after,
    .st-Header button[name=menu] span::before {
        height: .390625vw
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header button[name=menu] span::before {
        top: 16px;
        width: 48px
    }
}

@media screen and (max-width:768px) {
    .st-Header button[name=menu] span::before {
        top: 3.125vw;
        width: 9.1145833333vw
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header button[name=menu] span::after {
        top: 30px;
        width: 25px
    }
}

@media screen and (max-width:768px) {
    .st-Header button[name=menu] span::after {
        top: 5.5989583333vw;
        width: 4.6875vw
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {

    .st-Header button[name=menu].opened span::after,
    .st-Header button[name=menu].opened span::before {
        top: 24px
    }
}

@media screen and (max-width:768px) {

    .st-Header button[name=menu].opened span::after,
    .st-Header button[name=menu].opened span::before {
        top: 4.4270833333vw
    }
}

.st-Header button[name=menu].opened span::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.st-Header button[name=menu].opened span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header button[name=menu].opened span::after {
        width: 48px
    }
}

@media screen and (max-width:768px) {
    .st-Header button[name=menu].opened span::after {
        width: 9.1145833333vw
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-Header .st-MainNav {
        margin-bottom: 60px
    }
}

@media screen and (max-width:768px) {
    .st-Header .st-MainNav {
        margin-bottom: 11.71875vw
    }
}

.st-Footer {
    position: relative
}

.st-Footer::before {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    content: "";
    pointer-events: none
}

@media screen and (min-width:961px) {
    .st-Footer::before {
        top: min(-366px, -19.0625vw);
        height: max(432px, 22.5vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_footer_blood-droplets.png), url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/txt_footer_goblinslayer.png);
        background-repeat: no-repeat;
        background-position: bottom max(50px, 2.6041666667vw) right min(-354px, -18.4375vw), bottom center;
        background-size: max(1352px, 70.4166666667vw) max(380px, 19.7916666667vw), max(1954px, 101.7708333333vw) max(212px, 11.0416666667vw)
    }
}

@media screen and (max-width:960px) {
    .st-Footer::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_footer_blood-droplets.png), url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/txt_footer_goblinslayer.png);
        background-repeat: no-repeat
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer::before {
        top: -340px;
        height: 384px;
        background-position: bottom 4px left -210px, bottom center;
        background-size: 1352px 380px, 800px 318px
    }
}

@media screen and (max-width:768px) {
    .st-Footer::before {
        top: -44.2708333333vw;
        height: 50vw;
        background-position: bottom .5208333333vw left -27.34375vw, bottom center;
        background-size: 176.0416666667vw 49.4791666667vw, 104.1666666667vw 41.40625vw
    }
}

.st-Footer .footer-upper {
    margin: 0 auto;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_grunge.png);
    background-repeat: no-repeat;
    background-position: bottom center
}

@media screen and (min-width:769px) {
    .st-Footer .footer-upper {
        padding: max(80px, 4.1666666667vw) 0 max(118px, 6.1458333333vw);
        background-size: max(1920px, 100vw) max(350px, 18.2291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-upper {
        padding: 10.4166666667vw 0;
        background-size: 250vw 45.5729166667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .banner {
        margin-bottom: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner {
        width: 84.375vw;
        margin: 0 auto 7.8125vw
    }
}

.st-Footer .banner ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width:768px) {
    .st-Footer .banner ul {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -1.171875vw -2.34375vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .banner ul li+li {
        margin-left: max(14.4px, .9375vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .banner ul li+li {
        margin-left: max(12.6px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner ul li {
        width: 50%;
        padding: 0 1.171875vw 2.34375vw
    }
}

.st-Footer .banner ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #000;
    background-color: #9d9d9d
}

@media (any-hover:hover) {
    .st-Footer .banner ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Footer .banner ul li a:hover {
        opacity: .7
    }
}

@media screen and (min-width:961px) {
    .st-Footer .banner ul li a {
        width: max(252px, 16.40625vw);
        height: max(73.6px, 4.7916666667vw);
        font-size: max(17.6px, 1.1458333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .banner ul li a {
        width: max(220.5px, 16.40625vw);
        height: max(64.4px, 4.7916666667vw);
        font-size: max(15.4px, 1.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .banner ul li a {
        width: 41.015625vw;
        height: 11.9791666667vw;
        font-size: 2.8645833333vw
    }
}

.st-Footer .platform {
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .st-Footer .platform {
        width: max(768px, 50vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform {
        width: 648px
    }
}

@media screen and (min-width:769px) {
    .st-Footer .platform {
        margin-bottom: max(56px, 2.9166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform {
        width: 84.375vw;
        margin-bottom: 7.8125vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        height: max(64px, 4.1666666667vw)
    }
}

.st-Footer .platform ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li+li {
        border-left: 1px solid rgba(217, 217, 217, .2)
    }
}

@media screen and (max-width:960px) {
    .st-Footer .platform ul li+li {
        border-top: 1px solid rgba(217, 217, 217, .2)
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li .logo {
        margin-right: max(25.6px, 1.6666666667vw)
    }
}

@media screen and (max-width:960px) {
    .st-Footer .platform ul li .logo {
        text-align: center
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li .logo {
        width: 160px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li .logo {
        width: 26.0416666667vw
    }
}

.st-Footer .platform ul li .description {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li .description {
        padding-left: 20px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li .description {
        padding-left: 2.6041666667vw
    }
}

.st-Footer .platform ul li .description p {
    line-height: 1.6;
    letter-spacing: .04em
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li .description p {
        font-size: max(11.2px, .7291666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li .description p {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li .description p {
        font-size: 2.6041666667vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li.switch {
        padding-right: max(24px, 1.5625vw);
        padding-left: max(86.4px, 5.625vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li.switch {
        padding-bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li.switch {
        padding-bottom: 3.90625vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li.switch .logo img {
        width: max(43.2px, 2.8125vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li.switch .logo img {
        width: 54px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li.switch .logo img {
        width: 8.8541666667vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li.steam {
        padding-left: max(24px, 1.5625vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li.steam {
        padding-top: 30px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li.steam {
        padding-top: 3.90625vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform ul li.steam .logo img {
        width: max(107.2px, 6.9791666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .platform ul li.steam .logo img {
        width: 134px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .platform ul li.steam .logo img {
        width: 20.8333333333vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .platform.lang-en ul li .description p {
        font-size: max(11px, .5729166667vw)
    }
}

.st-Footer .logo-bushiroadgames a {
    display: block;
    margin: 0 auto
}

@media (any-hover:hover) {
    .st-Footer .logo-bushiroadgames a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Footer .logo-bushiroadgames a:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .st-Footer .logo-bushiroadgames.lang-ja a {
        width: max(254px, 13.2291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .logo-bushiroadgames.lang-ja a {
        width: 49.4791666667vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .logo-bushiroadgames.lang-en a {
        width: max(368px, 19.1666666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .logo-bushiroadgames.lang-en a {
        width: 71.875vw
    }
}

.st-Footer .footer-lower {
    position: relative;
    background-color: #000
}

@media screen and (min-width:961px) {
    .st-Footer .footer-lower {
        padding: max(6px, .3125vw) 0 max(40px, 2.0833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .footer-lower {
        padding: 60px 0 40px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .footer-lower {
        padding: 7.8125vw 0 5.2083333333vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .footer-lower .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: max(768px, 50vw);
        margin: 0 auto
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .link {
        margin-bottom: 60px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link {
        margin-bottom: 7.8125vw
    }
}

.st-Footer .link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

@media screen and (max-width:960px) {
    .st-Footer .link ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:769px) {
    .st-Footer .link ul li+li {
        margin-left: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link ul li+li {
        margin-left: 5.2083333333vw
    }
}

.st-Footer .link ul li a {
    letter-spacing: .04em
}

@media (any-hover:hover) {
    .st-Footer .link ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Footer .link ul li a:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .st-Footer .link ul li a {
        font-size: max(12px, .625vw);
        text-decoration: underline
    }
}

@media screen and (max-width:768px) {
    .st-Footer .link ul li a {
        font-size: 2.8645833333vw
    }
}

@media screen and (min-width:961px) {
    .st-Footer .copyright {
        margin-left: auto
    }
}

.st-Footer .copyright p {
    color: rgba(255, 255, 255, .5);
    letter-spacing: .04em
}

@media screen and (min-width:961px) {
    .st-Footer .copyright p {
        line-height: 1.2;
        text-align: right
    }
}

@media screen and (max-width:960px) {
    .st-Footer .copyright p {
        line-height: 1.6;
        text-align: center
    }
}

@media screen and (min-width:769px) {
    .st-Footer .copyright p {
        font-size: max(12px, .625vw)
    }
}

@media screen and (max-width:768px) {
    .st-Footer .copyright p {
        font-size: 2.8645833333vw
    }
}

@media screen and (min-width:769px) {
    .st-Footer .page-top {
        position: absolute;
        bottom: max(40px, 2.0833333333vw)
    }
}

@media screen and (min-width:1201px) {
    .st-Footer .page-top {
        right: max(32px, 2.0833333333vw)
    }
}

@media screen and (min-width:961px) and (max-width:1200px) {
    .st-Footer .page-top {
        right: 10px
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .page-top {
        right: 40px
    }
}

@media screen and (max-width:768px) {
    .st-Footer .page-top {
        display: none
    }
}

@media screen and (min-width:769px) {
    .st-Footer .page-top a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_pagetop.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }
}

@media screen and (min-width:961px) {
    .st-Footer .page-top a {
        width: max(64px, 4.1666666667vw);
        height: max(64px, 4.1666666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .page-top a {
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width:961px) {
    .st-Footer .page-top a .arrow {
        width: max(12.04px, .7291666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Footer .page-top a .arrow {
        width: 14px
    }
}

@media (any-hover:hover) {
    .st-Footer .page-top a .arrow {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Footer .page-top a:hover .arrow {
        -webkit-transform: translateY(min(-8px, -.4166666667vw));
        transform: translateY(min(-8px, -.4166666667vw))
    }
}

.st-Wrapper {
    overflow-x: hidden
}

.st-Main canvas {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none
}

@media screen and (min-width:1201px) {
    .st-Sidebar {
        position: fixed;
        top: max(252px, 13.125vw);
        left: max(70px, 3.6458333333vw);
        z-index: 1000
    }

    .st-Sidebar.scroll-stop {
        position: absolute;
        top: auto;
        bottom: max(150px, 7.8125vw)
    }
}

@media screen and (max-width:1200px) {
    .st-Sidebar {
        display: none
    }
}

@media screen and (min-width:769px) {
    .st-MainNav .main-menu {
        margin-bottom: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .main-menu {
        margin-bottom: 13.0208333333vw
    }
}

@media screen and (min-width:1201px) {
    .st-MainNav .main-menu ul li+li {
        margin-top: max(24px, 1.5625vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .main-menu ul li+li {
        margin-top: 30px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .main-menu ul li+li {
        margin-top: 7.8125vw
    }
}

.st-MainNav .main-menu ul li a {
    position: relative;
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700
}

@media screen and (min-width:1201px) {
    .st-MainNav .main-menu ul li a {
        font-size: max(14.4px, .9375vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .main-menu ul li a {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .main-menu ul li a {
        font-size: 4.4270833333vw
    }
}

.st-MainNav .main-menu ul li a::before {
    position: absolute;
    left: 0;
    opacity: 0;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/icon_sword.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:1201px) {
    .st-MainNav .main-menu ul li a::before {
        top: max(8px, .5208333333vw);
        left: min(-25.6px, -1.6666666667vw);
        -webkit-transform: translateX(min(-8px, -.5208333333vw));
        transform: translateX(min(-8px, -.5208333333vw));
        width: max(20.8px, 1.3541666667vw);
        height: max(3.2px, .2083333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .main-menu ul li a::before {
        top: 10px;
        left: -32px;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        width: 26px;
        height: 4px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .main-menu ul li a::before {
        top: 2.2135416667vw;
        left: -8.3333333333vw;
        -webkit-transform: translateX(-2.6041666667vw);
        transform: translateX(-2.6041666667vw);
        width: 6.7708333333vw;
        height: 1.0416666667vw
    }
}

.st-MainNav .main-menu ul li a.current {
    color: #f50000
}

@media screen and (min-width:769px) {
    .st-MainNav .main-menu ul li a.current {
        -webkit-filter: drop-shadow(0 0 max(10px, .5208333333vw) red);
        filter: drop-shadow(0 0 max(10px, .5208333333vw) red)
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .main-menu ul li a.current {
        -webkit-filter: drop-shadow(0 0 2.6041666667vw red);
        filter: drop-shadow(0 0 2.6041666667vw red)
    }
}

.st-MainNav .main-menu ul li a.current::before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.st-MainNav .main-menu ul li a.disabled {
    opacity: .2;
    pointer-events: none
}

@media (any-hover:hover) {
    .st-MainNav .main-menu ul li a {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .st-MainNav .main-menu ul li a::before {
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, -webkit-transform .35s;
        transition: transform .35s, opacity .35s;
        transition: transform .35s, opacity .35s, -webkit-transform .35s
    }

    .st-MainNav .main-menu ul li a:hover {
        color: #f50000
    }

    .st-MainNav .main-menu ul li a:hover::before {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .official {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.st-MainNav .official p {
    color: rgba(255, 255, 255, .7);
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700
}

@media screen and (min-width:1201px) {
    .st-MainNav .official p {
        margin-bottom: max(11.2px, .7291666667vw);
        font-size: max(9.6px, .625vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .official p {
        margin-bottom: 14px;
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .official p {
        margin-right: 5.2083333333vw;
        font-size: 3.125vw
    }
}

.st-MainNav .official ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:1201px) {
    .st-MainNav .official ul li+li {
        margin-left: max(9.6px, .625vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .official ul li+li {
        margin-left: 12px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .official ul li+li {
        margin-left: 5.2083333333vw
    }
}

.st-MainNav .official ul li a {
    display: block
}

.st-MainNav .official ul li a span.svg {
    fill: #fff
}

@media (any-hover:hover) {
    .st-MainNav .official ul li a span.svg {
        -webkit-transition: fill .35s;
        transition: fill .35s
    }

    .st-MainNav .official ul li a:hover span.svg {
        fill: #f50000
    }
}

@media screen and (min-width:769px) {
    .st-MainNav .official ul li a.x span.svg {
        width: max(17.6px, 1.1458333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .official ul li a.x span.svg {
        width: 22px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .official ul li a.x span.svg {
        width: 5.46875vw
    }
}

@media screen and (min-width:769px) {
    .st-MainNav .official ul li a.youtube span.svg {
        width: max(24px, 1.5625vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .st-MainNav .official ul li a.youtube span.svg {
        width: 30px
    }
}

@media screen and (max-width:768px) {
    .st-MainNav .official ul li a.youtube span.svg {
        width: 7.2916666667vw
    }
}

.st-Page_Header {
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width:769px) {
    .st-Page_Header {
        height: max(308px, 16.0416666667vw);
        padding-top: max(135px, 7.03125vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/bg_header.jpg);
        background-size: max(1920px, 100vw) max(308px, 16.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header {
        height: 46.875vw;
        padding-top: 22.65625vw;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/bg_header.jpg);
        background-size: 100vw 46.875vw
    }
}

.st-Page_Header::after,
.st-Page_Header::before {
    position: absolute;
    right: 0;
    left: 0;
    content: "";
    pointer-events: none
}

.st-Page_Header::before {
    bottom: 0;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_grunge.png);
    background-repeat: no-repeat;
    background-position: top center
}

@media screen and (min-width:769px) {
    .st-Page_Header::before {
        height: max(350px, 18.2291666667vw);
        background-size: max(1920px, 100vw) max(350px, 18.2291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header::before {
        height: 45.5729166667vw;
        background-size: 250vw 45.5729166667vw
    }
}

.st-Page_Header::after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#000));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), #000);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), #000)
}

@media screen and (min-width:769px) {
    .st-Page_Header::after {
        bottom: min(-100px, -5.2083333333vw);
        height: max(100px, 5.2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header::after {
        bottom: -13.0208333333vw;
        height: 13.0208333333vw
    }
}

.st-Page_Header .sw-Title {
    position: relative;
    z-index: 1
}

@media screen and (min-width:769px) {
    .st-Page_Header .sw-Title {
        -webkit-filter: drop-shadow(0 0 max(4px, .2083333333vw) rgba(255, 255, 255, .9)) drop-shadow(0 0 max(6px, .3125vw) rgba(255, 255, 255, .9)) drop-shadow(0 0 max(6px, .3125vw) rgba(255, 255, 255, .9));
        filter: drop-shadow(0 0 max(4px, .2083333333vw) rgba(255, 255, 255, .9)) drop-shadow(0 0 max(6px, .3125vw) rgba(255, 255, 255, .9)) drop-shadow(0 0 max(6px, .3125vw) rgba(255, 255, 255, .9))
    }
}

@media screen and (max-width:768px) {
    .st-Page_Header .sw-Title {
        -webkit-filter: drop-shadow(0 0 .5208333333vw rgba(255, 255, 255, .9)) drop-shadow(0 0 .78125vw rgba(255, 255, 255, .9)) drop-shadow(0 0 .78125vw rgba(255, 255, 255, .9));
        filter: drop-shadow(0 0 .5208333333vw rgba(255, 255, 255, .9)) drop-shadow(0 0 .78125vw rgba(255, 255, 255, .9)) drop-shadow(0 0 .78125vw rgba(255, 255, 255, .9))
    }
}

.st-Page_Body {
    position: relative;
    z-index: 1
}

@media screen and (min-width:769px) {
    .st-News_List ul li {
        padding-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li {
        padding-bottom: 4.1666666667vw
    }
}

@media screen and (min-width:769px) {
    .st-News_List ul li+li {
        padding-top: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li+li {
        padding-top: 3.90625vw
    }
}

.st-News_List ul li article a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.st-News_List ul li article a::after,
.st-News_List ul li article a::before {
    position: absolute;
    right: 0;
    left: 0;
    content: ""
}

@media screen and (min-width:769px) {

    .st-News_List ul li article a::after,
    .st-News_List ul li article a::before {
        bottom: min(-30px, -1.5625vw);
        height: 1px
    }
}

@media screen and (max-width:768px) {

    .st-News_List ul li article a::after,
    .st-News_List ul li article a::before {
        bottom: -4.1666666667vw;
        height: .2604166667vw
    }
}

.st-News_List ul li article a::before {
    background-color: rgba(255, 255, 255, .2)
}

.st-News_List ul li article a::after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    background-color: #c10000
}

@media (any-hover:hover) {
    .st-News_List ul li article a::after {
        -webkit-transition: -webkit-transform .35s ease-out;
        transition: -webkit-transform .35s ease-out;
        transition: transform .35s ease-out;
        transition: transform .35s ease-out, -webkit-transform .35s ease-out
    }

    .st-News_List ul li article a .title {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .st-News_List ul li article a:hover::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    .st-News_List ul li article a:hover .title {
        color: #c10000
    }
}

@media screen and (min-width:769px) {
    .st-News_List ul li article .article-media {
        width: max(266px, 13.8541666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li article .article-media {
        width: 34.6354166667vw
    }
}

.st-News_List ul li article .article-media+.article-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media screen and (min-width:769px) {
    .st-News_List ul li article .article-media+.article-body {
        padding-left: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li article .article-media+.article-body {
        padding-left: 3.90625vw
    }
}

@media screen and (min-width:769px) {
    .st-News_List ul li article .article-body .meta {
        margin-bottom: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li article .article-body .meta {
        margin-bottom: 2.6041666667vw
    }
}

.st-News_List ul li article .article-body .meta p.date {
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .st-News_List ul li article .article-body .meta p.date {
        font-size: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li article .article-body .meta p.date {
        font-size: 3.3854166667vw
    }
}

@media screen and (min-width:769px) {
    .st-News_List ul li article .article-body .meta p.date span.svg {
        width: max(14px, .7291666667vw);
        margin-right: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li article .article-body .meta p.date span.svg {
        width: 2.6041666667vw;
        margin-right: 1.8229166667vw
    }
}

.st-News_List ul li article .article-body .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .st-News_List ul li article .article-body .title {
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-News_List ul li article .article-body .title {
        font-size: 3.3854166667vw
    }
}

.st-Pagination {
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .st-Pagination {
        width: max(768px, 50vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Pagination {
        width: 648px
    }
}

@media screen and (min-width:769px) {
    .st-Pagination {
        margin-top: max(50px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination {
        width: 84.375vw;
        margin-top: 13.0208333333vw
    }
}

.st-Pagination .wp-pagenavi {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (min-width:769px) {
    .st-Pagination .wp-pagenavi {
        height: max(72px, 3.75vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .wp-pagenavi {
        position: relative;
        height: 13.0208333333vw
    }
}

.st-Pagination .wp-pagenavi .current,
.st-Pagination .wp-pagenavi .page {
    font-weight: 500
}

@media screen and (min-width:769px) {

    .st-Pagination .wp-pagenavi .current,
    .st-Pagination .wp-pagenavi .page {
        margin: 0 max(12px, .625vw);
        font-size: max(22px, 1.1458333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .wp-pagenavi .current,
    .st-Pagination .wp-pagenavi .page {
        margin: 0 3.6458333333vw;
        font-size: 4.6875vw
    }
}

@media (any-hover:hover) {
    .st-Pagination .wp-pagenavi .page {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .st-Pagination .wp-pagenavi .page:hover {
        color: #c10000
    }
}

.st-Pagination .wp-pagenavi .current {
    color: #c10000
}

.st-Pagination .wp-pagenavi .nextpostslink,
.st-Pagination .wp-pagenavi .previouspostslink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {

    .st-Pagination .wp-pagenavi .nextpostslink,
    .st-Pagination .wp-pagenavi .previouspostslink {
        width: max(72px, 3.75vw);
        height: max(72px, 3.75vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .wp-pagenavi .nextpostslink,
    .st-Pagination .wp-pagenavi .previouspostslink {
        position: absolute;
        width: 13.0208333333vw;
        height: 13.0208333333vw
    }
}

.st-Pagination .wp-pagenavi .nextpostslink::before,
.st-Pagination .wp-pagenavi .previouspostslink::before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Pagination .wp-pagenavi .nextpostslink::before,
    .st-Pagination .wp-pagenavi .previouspostslink::before {
        width: max(25px, 1.3020833333vw);
        height: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {

    .st-Pagination .wp-pagenavi .nextpostslink::before,
    .st-Pagination .wp-pagenavi .previouspostslink::before {
        width: 4.8177083333vw;
        height: 2.6041666667vw
    }
}

@media (any-hover:hover) {

    .st-Pagination .wp-pagenavi .nextpostslink::before,
    .st-Pagination .wp-pagenavi .previouspostslink::before {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

.st-Pagination .wp-pagenavi .previouspostslink {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_prev.svg)
}

@media screen and (min-width:769px) {
    .st-Pagination .wp-pagenavi .previouspostslink {
        margin-right: max(38px, 1.9791666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .wp-pagenavi .previouspostslink {
        left: 0
    }
}

.st-Pagination .wp-pagenavi .previouspostslink::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/arrow_left.svg)
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Pagination .wp-pagenavi .previouspostslink:hover::before {
        -webkit-transform: translateX(min(-6px, -.3125vw));
        transform: translateX(min(-6px, -.3125vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Pagination .wp-pagenavi .previouspostslink:hover::before {
        -webkit-transform: translateX(-.78125vw);
        transform: translateX(-.78125vw)
    }
}

.st-Pagination .wp-pagenavi .nextpostslink {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_next.svg)
}

@media screen and (min-width:769px) {
    .st-Pagination .wp-pagenavi .nextpostslink {
        margin-left: max(38px, 1.9791666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Pagination .wp-pagenavi .nextpostslink {
        right: 0
    }
}

.st-Pagination .wp-pagenavi .nextpostslink::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/arrow_right.svg)
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Pagination .wp-pagenavi .nextpostslink:hover::before {
        -webkit-transform: translateX(max(6px, .3125vw));
        transform: translateX(max(6px, .3125vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Pagination .wp-pagenavi .nextpostslink:hover::before {
        -webkit-transform: translateX(.78125vw);
        transform: translateX(.78125vw)
    }
}

.st-Products_Info {
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .st-Products_Info {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: max(768px, 50vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Products_Info {
        width: 648px
    }
}

@media screen and (max-width:768px) {
    .st-Products_Info {
        width: 84.375vw
    }
}

.st-Products_Info .prodcuts-package {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #d9d9d9
}

.st-Products_Info .prodcuts-package::before {
    color: #000;
    font-size: max(15px, .78125vw);
    font-weight: 700;
    letter-spacing: .04em;
    content: "パッケージ画像が入ります"
}

@media screen and (min-width:961px) {
    .st-Products_Info .prodcuts-package {
        width: max(232px, 15.1041666667vw);
        height: max(344px, 22.3958333333vw)
    }
}

@media screen and (max-width:960px) {
    .st-Products_Info .prodcuts-package {
        margin: 0 auto
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Products_Info .prodcuts-package {
        width: 338px;
        height: 502px;
        margin-bottom: 60px
    }
}

@media screen and (max-width:768px) {
    .st-Products_Info .prodcuts-package {
        width: 44.0104166667vw;
        height: 65.3645833333vw;
        margin-bottom: 10.4166666667vw
    }
}

@media screen and (min-width:961px) {
    .st-Products_Info .prodcuts-package+.products-spec {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: 100%;
        padding-left: max(40px, 2.0833333333vw)
    }

    .st-Products_Info .prodcuts-package+.products-spec dl {
        padding-bottom: max(14px, .7291666667vw)
    }

    .st-Products_Info .prodcuts-package+.products-spec dl+dl {
        margin-top: max(14px, .7291666667vw)
    }

    .st-Products_Info .prodcuts-package+.products-spec dl dt {
        width: max(220px, 11.4583333333vw)
    }
}

@media screen and (min-width:961px) {
    .st-Products_Info .products-spec {
        width: max(640px, 41.6666666667vw);
        margin: 0 auto
    }
}

.st-Products_Info .products-spec dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    border-bottom: 1px solid rgba(174, 174, 174, .2)
}

@media screen and (min-width:769px) {
    .st-Products_Info .products-spec dl {
        padding-bottom: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Info .products-spec dl {
        padding-bottom: 3.125vw
    }
}

@media screen and (min-width:769px) {
    .st-Products_Info .products-spec dl+dl {
        padding-top: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Info .products-spec dl+dl {
        padding-top: 3.125vw
    }
}

.st-Products_Info .products-spec dl dd,
.st-Products_Info .products-spec dl dt {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 2;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {

    .st-Products_Info .products-spec dl dd,
    .st-Products_Info .products-spec dl dt {
        font-size: max(12.8px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Products_Info .products-spec dl dd,
    .st-Products_Info .products-spec dl dt {
        font-size: 3.3854166667vw
    }
}

.st-Products_Info .products-spec dl dt {
    font-weight: 700
}

@media screen and (min-width:769px) {
    .st-Products_Info .products-spec dl dt {
        width: max(200px, 13.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Info .products-spec dl dt {
        position: relative;
        width: 34.5052083333vw;
        padding-left: 4.4270833333vw
    }
}

@media screen and (min-width:769px) {
    .st-Products_Info .products-spec dl dt span.svg {
        position: relative;
        top: max(.8px, .0520833333vw);
        width: max(11.2px, .7291666667vw);
        margin-right: max(6.4px, .4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Info .products-spec dl dt span.svg {
        position: absolute;
        top: 2.0833333333vw;
        left: 0;
        width: 2.6041666667vw
    }
}

.st-Products_Info .products-spec dl dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-weight: 500
}

.st-Products_Info .products-spec dl dd .grid-container {
    display: grid;
    grid-template-columns: 160px 200px;
    gap: 0 15px
}

@media screen and (max-width:768px) {
    .st-Products_Info .products-spec dl dd .grid-container {
        display: block
    }
}

@media screen and (min-width:769px) {
    .st-Products_Link {
        width: max(704px, 45.8333333333vw);
        margin: max(92px, 4.7916666667vw) auto max(120px, 6.25vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Link {
        width: 84.375vw;
        margin: 9.1145833333vw auto 13.8020833333vw
    }
}

@media screen and (min-width:769px) {
    .st-Products_Link ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:769px) {
    .st-Products_Link ul li+li {
        margin-left: max(16px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Link ul li+li {
        margin-top: 3.3854166667vw
    }
}

.st-Products_Link ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    font-weight: 700;
    letter-spacing: .04em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (any-hover:hover) {
    .st-Products_Link ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Products_Link ul li a:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .st-Products_Link ul li a {
        width: max(224px, 14.5833333333vw);
        height: max(48px, 3.125vw);
        font-size: max(14.4px, .9375vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/btn_red.png);
        -webkit-box-shadow: 0 max(16px, 1.0416666667vw) max(30.4px, 1.9791666667vw) rgba(0, 0, 0, .26);
        box-shadow: 0 max(16px, 1.0416666667vw) max(30.4px, 1.9791666667vw) rgba(0, 0, 0, .26)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Link ul li a {
        width: 84.375vw;
        height: 14.3229166667vw;
        font-size: 3.90625vw;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/btn_red.png)
    }
}

.st-Products_Link ul li a span.svg {
    position: absolute;
    fill: #fff
}

@media screen and (min-width:769px) {
    .st-Products_Link ul li a span.svg {
        right: max(19.2px, 1.25vw);
        width: max(10.4px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Products_Link ul li a span.svg {
        right: 8.203125vw;
        width: 2.6041666667vw
    }
}

.st-Article_Contents {
    font-family: "Noto Sans JP", sans-serif
}

.st-Article_Contents h2 {
    position: relative;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {
    .st-Article_Contents h2 {
        margin-top: max(60px, 3.125vw);
        margin-bottom: max(28px, 1.4583333333vw);
        padding-bottom: max(28px, 1.4583333333vw);
        font-size: max(22px, 1.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h2 {
        margin-top: 11.71875vw;
        margin-bottom: 5.9895833333vw;
        padding-bottom: 4.1666666667vw;
        font-size: 4.1666666667vw
    }
}

.st-Article_Contents h2::before {
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_title_deco_left.png), url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_title_deco_right.png);
    background-repeat: no-repeat;
    background-position: center left, center right;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Contents h2::before {
        width: calc(100% + max(26px, 1.3541666667vw));
        height: max(15px, .78125vw);
        background-size: max(15px, .78125vw) max(15px, .78125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h2::before {
        width: 75.5208333333vw;
        height: 3.3854166667vw;
        background-size: 3.3854166667vw 3.3854166667vw
    }
}

.st-Article_Contents h2::after {
    position: absolute;
    background-color: #fff;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Contents h2::after {
        bottom: max(7px, .3645833333vw);
        left: 0;
        width: 100%;
        height: 1px
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h2::after {
        bottom: 1.5625vw;
        left: 2.34375vw;
        width: calc(100% - 4.6875vw);
        height: .2604166667vw
    }
}

.st-Article_Contents h2:first-child {
    margin-top: 0
}

.st-Article_Contents h3 {
    position: relative;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {
    .st-Article_Contents h3 {
        margin-bottom: max(34px, 1.7708333333vw);
        padding-left: max(28px, 1.4583333333vw);
        font-size: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h3 {
        margin-bottom: 4.4270833333vw;
        padding-left: 5.46875vw;
        font-size: 3.90625vw
    }
}

.st-Article_Contents h3::before {
    position: absolute;
    left: 0;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/icon_dice.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Contents h3::before {
        top: max(6px, .3125vw);
        width: max(18px, .9375vw);
        height: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents h3::before {
        top: 1.0416666667vw;
        width: 4.1666666667vw;
        height: 4.6875vw
    }
}

.st-Article_Contents p {
    font-weight: 500;
    line-height: 2;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {
    .st-Article_Contents p {
        margin-bottom: max(34px, 1.7708333333vw);
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents p {
        margin-bottom: 4.4270833333vw;
        font-size: 3.3854166667vw
    }
}

.st-Article_Contents p img {
    display: block
}

.st-Article_Contents p img.alignleft {
    margin-left: 0
}

.st-Article_Contents p img.aligncenter {
    margin-right: auto;
    margin-left: auto
}

.st-Article_Contents p img.alignright {
    margin-left: auto
}

.st-Article_Contents p .youtube-wrapper {
    margin-top: 1em
}

@media screen and (min-width:769px) {

    .st-Article_Contents ol,
    .st-Article_Contents ul {
        margin-bottom: max(34px, 1.7708333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Article_Contents ol,
    .st-Article_Contents ul {
        margin-bottom: 4.4270833333vw
    }
}

.st-Article_Contents ol li,
.st-Article_Contents ul li {
    font-weight: 500;
    line-height: 2;
    letter-spacing: .04em;
    word-break: break-word
}

@media screen and (min-width:769px) {

    .st-Article_Contents ol li,
    .st-Article_Contents ul li {
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {

    .st-Article_Contents ol li,
    .st-Article_Contents ul li {
        font-size: 3.3854166667vw
    }
}

.st-Article_Contents ul li {
    padding-left: 1em;
    text-indent: -1em
}

.st-Article_Contents ul li::before {
    content: "・"
}

.st-Article_Contents ul.attention li::before {
    content: "※"
}

.st-Article_Contents ol {
    counter-reset: item
}

.st-Article_Contents ol li {
    position: relative;
    padding-left: 1.5em
}

.st-Article_Contents ol li::before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: item;
    content: counter(item) "."
}

.st-Article_Contents a {
    color: #c10000;
    text-decoration: underline
}

@media (any-hover:hover) {
    .st-Article_Contents a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Article_Contents a:hover {
        opacity: .7
    }
}

.st-Article_Contents a.img-link {
    display: inline-block
}

.st-Article_Contents a[target=_blank]:not(.no-icon)::after {
    display: inline-block;
    position: relative;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/icon_external.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .st-Article_Contents a[target=_blank]:not(.no-icon)::after {
        width: max(12px, .625vw);
        height: max(12px, .625vw);
        margin: 0 max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents a[target=_blank]:not(.no-icon)::after {
        width: 2.8645833333vw;
        height: 2.8645833333vw;
        margin: 0 2.0833333333vw
    }
}

.st-Article_Contents .youtube-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 16/9
}

.st-Article_Contents .youtube-wrapper iframe {
    width: 100%;
    height: 100%
}

.st-Article_Contents .gallery-wrapper {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Article_Contents .gallery-wrapper {
        margin-bottom: max(34px, 1.7708333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents .gallery-wrapper {
        margin-bottom: 4.4270833333vw
    }
}

.st-Article_Contents .gallery-wrapper .gallery {
    display: grid
}

@media screen and (min-width:769px) {
    .st-Article_Contents .gallery-wrapper .gallery {
        gap: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents .gallery-wrapper .gallery {
        gap: 2.6041666667vw
    }
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-1 .gallery-item img {
    max-width: 100%;
    width: auto
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.st-Article_Contents .gallery-wrapper .gallery .gallery-icon a {
    pointer-events: none
}

.st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
    line-height: 1.3;
    letter-spacing: .06em;
    text-align: center
}

@media screen and (min-width:769px) {
    .st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
        margin-top: max(10px, .5208333333vw);
        margin-bottom: max(5px, .2604166667vw);
        font-size: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
        margin-top: 2.6041666667vw;
        margin-bottom: 1.3020833333vw;
        font-size: 2.6041666667vw
    }
}

.st-Article_Contents .gallery-wrapper .gallery br {
    display: none
}

.st-Article_Contents .mb0 {
    margin-bottom: 0 !important
}

.st-Article_Contents .indent {
    padding-left: 2em
}

.st-Article_Contents .text-center {
    text-align: center
}

.st-Article_Contents .text-right {
    text-align: right
}

.st-Article_Contents .border {
    border: 1px solid rgba(255, 255, 255, .4)
}

.st-Article_Contents .bold,
.st-Article_Contents strong {
    font-weight: 700
}

.st-Article_Contents .small {
    font-size: .8em
}

.st-Article_Contents .em,
.st-Article_Contents em {
    font-style: italic
}

.st-Article_Contents .underline {
    border-bottom: 1px solid
}

.st-Article_Contents>*:last-child {
    margin-bottom: 0 !important
}

.st-Article_Pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Article_Pagination {
        width: max(418px, 21.7708333333vw);
        height: max(72px, 3.75vw);
        margin-top: max(56px, 2.9166666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Pagination {
        width: 84.375vw;
        height: 13.0208333333vw;
        margin-top: 13.0208333333vw
    }
}

.st-Article_Pagination a[rel=next],
.st-Article_Pagination a[rel=prev] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {

    .st-Article_Pagination a[rel=next],
    .st-Article_Pagination a[rel=prev] {
        width: max(72px, 3.75vw);
        height: max(72px, 3.75vw)
    }
}

@media screen and (max-width:768px) {

    .st-Article_Pagination a[rel=next],
    .st-Article_Pagination a[rel=prev] {
        width: 13.0208333333vw;
        height: 13.0208333333vw
    }
}

.st-Article_Pagination a[rel=next]::before,
.st-Article_Pagination a[rel=prev]::before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Article_Pagination a[rel=next]::before,
    .st-Article_Pagination a[rel=prev]::before {
        width: max(25px, 1.3020833333vw);
        height: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {

    .st-Article_Pagination a[rel=next]::before,
    .st-Article_Pagination a[rel=prev]::before {
        width: 4.8177083333vw;
        height: 2.6041666667vw
    }
}

@media (any-hover:hover) {

    .st-Article_Pagination a[rel=next]::before,
    .st-Article_Pagination a[rel=prev]::before {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

.st-Article_Pagination a[rel=next].disabled,
.st-Article_Pagination a[rel=prev].disabled {
    opacity: .4;
    pointer-events: none
}

.st-Article_Pagination a[rel=prev] {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_prev.svg)
}

.st-Article_Pagination a[rel=prev]::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/arrow_left.svg)
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Article_Pagination a[rel=prev]:hover::before {
        -webkit-transform: translateX(min(-6px, -.3125vw));
        transform: translateX(min(-6px, -.3125vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Article_Pagination a[rel=prev]:hover::before {
        -webkit-transform: translateX(-.78125vw);
        transform: translateX(-.78125vw)
    }
}

.st-Article_Pagination a[rel=next] {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_next.svg)
}

.st-Article_Pagination a[rel=next]::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/arrow_right.svg)
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .st-Article_Pagination a[rel=next]:hover::before {
        -webkit-transform: translateX(max(6px, .3125vw));
        transform: translateX(max(6px, .3125vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .st-Article_Pagination a[rel=next]:hover::before {
        -webkit-transform: translateX(.78125vw);
        transform: translateX(.78125vw)
    }
}

.st-Article_Pagination a.list {
    font-weight: 500
}

@media screen and (min-width:769px) {
    .st-Article_Pagination a.list {
        font-size: max(22px, 1.1458333333vw)
    }
}

@media screen and (max-width:768px) {
    .st-Article_Pagination a.list {
        font-size: 4.6875vw
    }
}

@media (any-hover:hover) {
    .st-Article_Pagination a.list {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .st-Article_Pagination a.list:hover {
        color: #c10000
    }
}

.st-Modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .8)
}

.st-Modal .container {
    height: 100%;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .st-Modal .container {
        max-width: 1200px;
        width: calc(100% - 80px);
        min-height: 915px;
        padding: 120px 0
    }
}

@media screen and (max-width:768px) {
    .st-Modal .container {
        width: 92.1875vw;
        min-height: 93.4895833333vw;
        padding: 20.8333333333vw 0
    }
}

.st-Modal .container-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 100%
}

.st-Modal .content {
    position: relative;
    opacity: 0;
    width: 100%;
    -webkit-transition: opacity .35s .2s;
    transition: opacity .35s .2s
}

.st-Modal .content.showed {
    opacity: 1
}

.st-Modal button[name=close] {
    position: absolute;
    right: 0
}

@media (any-hover:hover) {
    .st-Modal button[name=close] {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .st-Modal button[name=close]:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .st-Modal button[name=close] {
        top: min(-60px, -3.125vw);
        width: max(50px, 2.6041666667vw);
        height: max(50px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .st-Modal button[name=close] {
        top: -11.71875vw;
        width: 9.1145833333vw;
        height: 9.1145833333vw
    }
}

.st-Modal button[name=close]::after,
.st-Modal button[name=close]::before {
    position: absolute;
    background-color: #c10000;
    content: ""
}

@media screen and (min-width:769px) {

    .st-Modal button[name=close]::after,
    .st-Modal button[name=close]::before {
        top: max(23px, 1.1979166667vw);
        left: min(-9px, -.46875vw);
        width: max(68px, 3.5416666667vw);
        height: max(3px, .15625vw)
    }
}

@media screen and (max-width:768px) {

    .st-Modal button[name=close]::after,
    .st-Modal button[name=close]::before {
        top: 4.296875vw;
        left: -1.6927083333vw;
        width: 12.5vw;
        height: .390625vw
    }
}

.st-Modal button[name=close]::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.st-Modal button[name=close]::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.st-Modal .movie-media {
    overflow: hidden;
    aspect-ratio: 16/9
}

.st-Modal .movie-media iframe {
    width: 100%;
    height: 100%
}

.sw-Title {
    color: #c10000;
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700;
    letter-spacing: .12em
}

@media screen and (min-width:769px) {
    .sw-Title {
        font-size: max(65px, 3.3854166667vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Title {
        font-size: 10.9375vw
    }
}

.sw-Button_Primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    font-weight: 700;
    letter-spacing: .04em;
    background-color: #000
}

@media screen and (min-width:769px) {
    .sw-Button_Primary {
        width: max(260px, 13.5416666667vw);
        height: max(58px, 3.0208333333vw);
        font-size: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button_Primary {
        width: 57.2916666667vw;
        height: 13.0208333333vw;
        font-size: 3.90625vw
    }
}

.sw-Button_Primary::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .sw-Button_Primary::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/btn_black.png)
    }
}

@media screen and (max-width:768px) {
    .sw-Button_Primary::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/btn_black.png)
    }
}

@media (any-hover:hover) {
    .sw-Button_Primary::before {
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .sw-Button_Primary:hover::before {
        opacity: .7
    }
}

.sw-Button_Primary span.svg {
    position: absolute;
    fill: #c10000
}

@media screen and (min-width:769px) {
    .sw-Button_Primary span.svg {
        right: max(30px, 1.5625vw);
        width: max(7px, .3645833333vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button_Primary span.svg {
        right: 6.9010416667vw;
        width: 1.4322916667vw
    }
}

.sw-Button_X {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    font-weight: 700;
    letter-spacing: .04em;
    background-color: #000
}

@media screen and (min-width:769px) {
    .sw-Button_X {
        width: max(260px, 13.5416666667vw);
        height: max(58px, 3.0208333333vw);
        font-size: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button_X {
        width: 57.2916666667vw;
        height: 13.0208333333vw;
        font-size: 3.90625vw
    }
}

.sw-Button_X::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .sw-Button_X::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/btn_black.png)
    }
}

@media screen and (max-width:768px) {
    .sw-Button_X::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/btn_black.png)
    }
}

@media (any-hover:hover) {
    .sw-Button_X::before {
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .sw-Button_X:hover::before {
        opacity: .7
    }
}

.sw-Button_X span.svg {
    position: relative;
    fill: #fff
}

@media screen and (min-width:769px) {
    .sw-Button_X span.svg {
        top: max(1px, .0520833333vw);
        width: max(16px, .8333333333vw);
        margin-right: max(9px, .46875vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Button_X span.svg {
        top: .2604166667vw;
        width: 2.8645833333vw;
        margin-right: 2.0833333333vw
    }
}

.sw-Language button[name=language] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

@media (any-hover:hover) {
    .sw-Language button[name=language] {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .sw-Language button[name=language]:hover {
        opacity: .5
    }
}

@media screen and (min-width:769px) {
    .sw-Language button[name=language] {
        width: max(140px, 7.2916666667vw);
        height: max(34px, 1.7708333333vw);
        border-bottom: 1px solid #c10000
    }
}

@media screen and (max-width:768px) {
    .sw-Language button[name=language] {
        width: 39.0625vw;
        height: 7.03125vw;
        padding-bottom: 2.8645833333vw;
        border-bottom: .2604166667vw solid #c10000
    }
}

.sw-Language button[name=language] span.svg {
    fill: #c10000
}

@media screen and (min-width:769px) {
    .sw-Language button[name=language] span.svg.icon {
        width: max(18px, .9375vw);
        margin-right: max(9px, .46875vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language button[name=language] span.svg.icon {
        width: 3.515625vw;
        margin-right: 2.34375vw
    }
}

.sw-Language button[name=language] span.svg.chevron {
    position: absolute;
    right: 0
}

@media screen and (min-width:769px) {
    .sw-Language button[name=language] span.svg.chevron {
        width: max(6px, .3125vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language button[name=language] span.svg.chevron {
        width: 1.953125vw
    }
}

.sw-Language button[name=language] span.text {
    color: #c10000;
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .sw-Language button[name=language] span.text {
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language button[name=language] span.text {
        font-size: 3.90625vw
    }
}

.sw-Language .select-lang {
    display: none
}

@media screen and (min-width:769px) {
    .sw-Language .select-lang {
        width: max(140px, 7.2916666667vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language .select-lang {
        width: 39.0625vw
    }
}

.sw-Language .select-lang .wpml-ls {
    width: 100%
}

@media screen and (min-width:769px) {
    .sw-Language .select-lang ul {
        padding-top: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language .select-lang ul {
        padding-top: 2.6041666667vw
    }
}

@media screen and (min-width:769px) {
    .sw-Language .select-lang ul li+li {
        margin-top: max(4px, .2083333333vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language .select-lang ul li+li {
        margin-top: 1.3020833333vw
    }
}

.sw-Language .select-lang ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #c10000;
    color: #fff;
    font-weight: 700;
    letter-spacing: .04em;
    background-color: rgba(1, 1, 1, .5)
}

@media screen and (min-width:769px) {
    .sw-Language .select-lang ul li a {
        height: max(30px, 1.5625vw);
        font-size: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .sw-Language .select-lang ul li a {
        height: 7.8125vw;
        font-size: 3.125vw
    }
}

@media (any-hover:hover) {
    .sw-Language .select-lang ul li a:not(.current) {
        -webkit-transition: color .35s;
        transition: color .35s
    }

    .sw-Language .select-lang ul li a:not(.current):hover {
        color: #c10000
    }
}

.sw-Language .select-lang ul li.wpml-ls-current-language a {
    background-color: rgba(193, 0, 0, .4)
}

@-webkit-keyframes spectrum {
    0% {
        height: 18.182%
    }

    100% {
        height: 100%
    }
}

@keyframes spectrum {
    0% {
        height: 18.182%
    }

    100% {
        height: 100%
    }
}

body {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

body.is-loading {
    opacity: 0
}

@media screen and (min-width:961px) {
    .st-Main {
        padding-bottom: max(200px, 10.4166666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .st-Main {
        padding-bottom: 312px
    }
}

@media screen and (max-width:768px) {
    .st-Main {
        padding-bottom: 40.625vw
    }
}

.index-KeyVisual {
    position: relative;
    background-repeat: no-repeat;
    background-position: top center
}

@media screen and (min-width:1201px) {
    .index-KeyVisual {
        height: max(556.25px, 46.3541666667vw);
        margin-bottom: max(160px, 8.3333333333vw);
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_kv.jpg) no-repeat top center/max(1200px, 100vw) max(556.25px, 46.3541666667vw)
    }
}

@media screen and (min-width:961px) and (max-width:1200px) {
    .index-KeyVisual {
        height: max(623px, 46.3541666667vw);
        margin-bottom: max(148px, 7.7083333333vw);
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_kv.jpg) no-repeat top center/max(1344px, 100vw) max(623px, 46.3541666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-KeyVisual {
        height: 890px;
        margin-bottom: 148px;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/bg_kv.jpg) no-repeat top -40px center/cover
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual {
        height: 115.8854166667vw;
        margin-bottom: 41.1458333333vw;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/bg_kv.jpg) no-repeat top center/cover
    }
}

.index-KeyVisual::before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_grunge.png);
    background-repeat: no-repeat;
    background-position: top center;
    content: ""
}

@media screen and (min-width:769px) {
    .index-KeyVisual::before {
        height: max(350px, 18.2291666667vw);
        background-size: max(1920px, 100vw) max(350px, 18.2291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual::before {
        height: 45.5729166667vw;
        background-size: 250vw 45.5729166667vw
    }
}

.index-KeyVisual .kv-container {
    position: relative;
    z-index: 1;
    height: 100%
}

.index-KeyVisual .kv-container-inner {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-KeyVisual .kv-container-inner {
        bottom: min(-5px, -.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual .kv-container-inner {
        bottom: -21.875vw
    }
}

@media screen and (max-width:1200px) {
    .index-KeyVisual h1.kv-title img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width:1201px) {
    .index-KeyVisual.lang-ja h1.kv-title {
        width: max(637.5px, 53.125vw);
        margin: 0 auto min(-8.125px, -.6770833333vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-KeyVisual.lang-ja h1.kv-title {
        max-width: max(714px, 53.125vw);
        height: max(273px, 20.3125vw);
        margin: 0 auto max(-9.1px, -.6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual.lang-ja h1.kv-title {
        height: 45.5729166667vw;
        margin-bottom: .2604166667vw
    }
}

.index-KeyVisual.lang-ja h2.kv-release {
    margin: 0 auto
}

@media screen and (min-width:1201px) {
    .index-KeyVisual.lang-ja h2.kv-release {
        width: max(336.25px, 28.0208333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-KeyVisual.lang-ja h2.kv-release {
        width: max(376.6px, 28.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual.lang-ja h2.kv-release {
        width: 87.7604166667vw
    }
}

@media screen and (min-width:1201px) {
    .index-KeyVisual.lang-en h1.kv-title {
        width: max(637.5px, 53.125vw);
        margin: 0 auto min(-12.5px, -1.0416666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-KeyVisual.lang-en h1.kv-title {
        max-width: max(714px, 53.125vw);
        height: max(273px, 20.3125vw);
        margin: 0 auto min(-14px, -1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual.lang-en h1.kv-title {
        height: 46.6145833333vw;
        margin-bottom: .2604166667vw
    }

    .index-KeyVisual.lang-en h1.kv-title img {
        -o-object-position: -10.15625vw center;
        object-position: -10.15625vw center
    }
}

.index-KeyVisual.lang-en h2.kv-release {
    margin: 0 auto
}

@media screen and (min-width:1201px) {
    .index-KeyVisual.lang-en h2.kv-release {
        width: max(450px, 37.5vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-KeyVisual.lang-en h2.kv-release {
        width: max(504px, 37.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual.lang-en h2.kv-release {
        width: 93.75vw
    }
}

.index-KeyVisual button[name=bgm] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (any-hover:hover) {
    .index-KeyVisual button[name=bgm] {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .index-KeyVisual button[name=bgm]:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .index-KeyVisual button[name=bgm] {
        top: max(40px, 2.0833333333vw);
        left: max(40px, 2.0833333333vw);
        width: max(106px, 5.5208333333vw);
        height: max(38px, 1.9791666667vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/btn_bgm.png)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual button[name=bgm] {
        top: 5.2083333333vw;
        left: 3.90625vw;
        width: 23.4375vw;
        height: 7.8125vw;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/btn_bgm.png)
    }
}

.index-KeyVisual button[name=bgm] span.text {
    position: relative;
    color: #c10000;
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .index-KeyVisual button[name=bgm] span.text {
        top: max(1px, .0520833333vw);
        margin-right: max(7px, .3645833333vw);
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual button[name=bgm] span.text {
        top: .2604166667vw;
        margin-right: 1.3020833333vw;
        font-size: 3.3854166667vw
    }
}

.index-KeyVisual button[name=bgm] span.sound {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media screen and (min-width:769px) {
    .index-KeyVisual button[name=bgm] span.sound {
        height: max(11px, .5729166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual button[name=bgm] span.sound {
        height: 2.6041666667vw
    }
}

.index-KeyVisual button[name=bgm] span.sound span {
    display: inline-block;
    background-color: #c10000
}

@media screen and (min-width:769px) {
    .index-KeyVisual button[name=bgm] span.sound span {
        width: max(2px, .1041666667vw);
        height: max(2px, .1041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual button[name=bgm] span.sound span {
        width: .5208333333vw;
        height: .5208333333vw
    }
}

@media screen and (min-width:769px) {
    .index-KeyVisual button[name=bgm] span.sound span+span {
        margin-left: max(1px, .0520833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-KeyVisual button[name=bgm] span.sound span+span {
        margin-left: .2604166667vw
    }
}

.index-KeyVisual button[name=bgm][value=on] span.sound span {
    -webkit-animation: spectrum 0s linear infinite alternate;
    animation: spectrum 0s linear infinite alternate;
    will-change: height
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(1) {
    -webkit-animation-duration: 720ms;
    animation-duration: 720ms;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(2) {
    -webkit-animation-duration: 640ms;
    animation-duration: 640ms;
    -webkit-animation-delay: -450ms;
    animation-delay: -450ms
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(3) {
    -webkit-animation-duration: 680ms;
    animation-duration: 680ms;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(4) {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(5) {
    -webkit-animation-duration: 640ms;
    animation-duration: 640ms;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(6) {
    -webkit-animation-duration: 720ms;
    animation-duration: 720ms;
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.index-KeyVisual button[name=bgm][value=on] span.sound span:nth-child(7) {
    -webkit-animation-duration: 680ms;
    animation-duration: 680ms;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

@media screen and (min-width:1201px) {
    .index-KeyVisual .sw-Language {
        position: absolute;
        top: max(40px, 2.0833333333vw);
        right: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:1200px) {
    .index-KeyVisual .sw-Language {
        display: none
    }
}

.index-StoreLink {
    z-index: 2
}

@media screen and (min-width:1201px) {
    .index-StoreLink {
        position: absolute;
        top: max(183.75px, 15.3125vw);
        right: max(25px, 2.0833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-StoreLink {
        width: max(704px, 45.8333333333vw);
        margin: -62px auto 100px
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink {
        width: 84.375vw;
        margin: -8.8541666667vw auto 13.0208333333vw
    }
}

.index-StoreLink h2 {
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-StoreLink h2 {
        margin-bottom: max(18.75px, 1.5625vw);
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink h2 {
        margin-bottom: 5.2083333333vw;
        font-size: 4.1666666667vw
    }
}

.index-StoreLink h2 span.svg {
    position: relative
}

@media screen and (min-width:769px) {
    .index-StoreLink h2 span.svg {
        top: max(2px, .1041666667vw);
        width: max(14px, .7291666667vw);
        margin-right: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink h2 span.svg {
        top: .5208333333vw;
        width: 3.6458333333vw;
        margin-right: 2.6041666667vw
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-StoreLink ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:1201px) {
    .index-StoreLink ul li+li {
        margin-top: max(12.5px, 1.0416666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-StoreLink ul li+li {
        margin-left: max(16px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink ul li+li {
        margin-top: 3.3854166667vw
    }
}

.index-StoreLink ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-weight: 700;
    letter-spacing: .04em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (any-hover:hover) {
    .index-StoreLink ul li a {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .index-StoreLink ul li a:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .index-StoreLink ul li a {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/btn_red.png)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink ul li a {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/btn_red.png)
    }
}

@media screen and (min-width:1201px) {
    .index-StoreLink ul li a {
        width: max(175px, 14.5833333333vw);
        height: max(37.5px, 3.125vw);
        font-size: max(11.25px, .9375vw);
        -webkit-box-shadow: 0 max(20px, 1.0416666667vw) max(38px, 1.9791666667vw) rgba(0, 0, 0, .26);
        box-shadow: 0 max(20px, 1.0416666667vw) max(38px, 1.9791666667vw) rgba(0, 0, 0, .26)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-StoreLink ul li a {
        width: max(224px, 14.5833333333vw);
        height: max(48px, 3.125vw);
        font-size: max(14.4px, .9375vw);
        -webkit-box-shadow: 0 max(16px, 1.0416666667vw) max(30.4px, 1.9791666667vw) rgba(0, 0, 0, .26);
        box-shadow: 0 max(16px, 1.0416666667vw) max(30.4px, 1.9791666667vw) rgba(0, 0, 0, .26)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink ul li a {
        width: 84.375vw;
        height: 14.3229166667vw;
        font-size: 3.90625vw
    }
}

.index-StoreLink ul li a span.svg {
    position: absolute;
    fill: #fff
}

@media screen and (min-width:1201px) {
    .index-StoreLink ul li a span.svg {
        right: max(15px, 1.25vw);
        width: max(8.125px, .6770833333vw)
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    .index-StoreLink ul li a span.svg {
        right: max(19.2px, 1.25vw);
        width: max(10.4px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink ul li a span.svg {
        right: 8.203125vw;
        width: 2.6041666667vw
    }
}

section {
    position: relative
}

section .anchor {
    position: absolute
}

@media screen and (min-width:769px) {
    section .anchor {
        top: min(-60px, -3.125vw)
    }
}

@media screen and (max-width:768px) {
    section .anchor {
        top: -7.8125vw
    }
}

section.index-About .anchor {
    top: 0
}

section .section-header p {
    color: #888;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .2em
}

@media screen and (min-width:769px) {
    section .section-header p {
        font-size: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    section .section-header p {
        font-size: 2.6041666667vw
    }
}

.index-Information {
    position: relative;
    z-index: 1
}

@media screen and (min-width:961px) {
    .index-Information {
        margin-bottom: max(120px, 6.25vw);
        padding-bottom: max(88px, 4.5833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Information {
        margin-bottom: max(120px, 6.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Information {
        margin-bottom: 15.625vw
    }
}

.index-Information::before {
    position: absolute;
    content: "";
    pointer-events: none
}

@media screen and (min-width:961px) {
    .index-Information::before {
        top: min(-182.4px, -11.875vw);
        right: 0;
        left: 0;
        max-width: max(1060px, 88.3333333333vw);
        height: max(630.4px, 41.0416666667vw);
        margin: 0 auto;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_information.png) no-repeat top right/auto 100%
    }
}

@media screen and (max-width:960px) {
    .index-Information::before {
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_information.png) no-repeat center/contain
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Information::before {
        top: -154px;
        right: -16px;
        width: 316px;
        height: 788px
    }
}

@media screen and (max-width:768px) {
    .index-Information::before {
        top: -20.0520833333vw;
        right: -2.0833333333vw;
        width: 41.1458333333vw;
        height: 102.6041666667vw
    }
}

@media screen and (min-width:961px) {
    .index-Information .information-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: max(768px, 50vw);
        margin: 0 auto
    }
}

@media screen and (min-width:961px) {
    .index-News {
        width: max(352px, 22.9166666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-News {
        width: 648px;
        margin: 0 auto 100px
    }
}

@media screen and (max-width:768px) {
    .index-News {
        width: 84.375vw;
        margin: 0 auto 13.0208333333vw
    }
}

@media screen and (min-width:769px) {
    .index-News .section-header {
        margin-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .section-header {
        margin-bottom: 7.8125vw
    }
}

@media screen and (min-width:961px) {
    .index-News .section-header h2.sw-Title {
        font-size: max(46.4px, 3.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .section-header h2.sw-Title {
        font-size: 10.9375vw
    }
}

@media screen and (min-width:769px) {
    .index-News .section-body {
        height: max(384px, 20vw);
        margin-bottom: max(40px, 2.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-News .section-body {
        margin-bottom: 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .index-News .st-News_List ul li {
        padding-bottom: max(16px, .8333333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-News .st-News_List ul li+li {
        padding-top: max(24px, 1.25vw)
    }
}

@media screen and (min-width:769px) {

    .index-News .st-News_List ul li article a::after,
    .index-News .st-News_List ul li article a::before {
        bottom: min(-16px, -.8333333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-News .st-News_List ul li article .article-body .meta {
        margin-bottom: max(14px, .7291666667vw)
    }
}

@media screen and (min-width:961px) {
    .index-OfficialX {
        width: max(352px, 22.9166666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-OfficialX {
        width: 648px;
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .index-OfficialX {
        width: 84.375vw;
        margin: 0 auto
    }
}

@media screen and (min-width:769px) {
    .index-OfficialX .section-header {
        margin-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-OfficialX .section-header {
        margin-bottom: 5.2083333333vw
    }
}

@media screen and (min-width:961px) {
    .index-OfficialX .section-header h2.sw-Title {
        font-size: max(46.4px, 3.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-OfficialX .section-header h2.sw-Title {
        font-size: 10.9375vw
    }
}

.index-OfficialX .section-header h2.sw-Title span {
    margin-left: .75em
}

.index-OfficialX .section-body {
    overflow: hidden
}

@media screen and (min-width:769px) {
    .index-OfficialX .section-body {
        height: max(384px, 20vw);
        margin-bottom: max(40px, 2.0833333333vw);
        /*padding: max(5px, .2604166667vw);*/
        border: 1px solid #777
    }
}

@media screen and (max-width:768px) {
    .index-OfficialX .section-body {
        height: 73.5677083333vw;
        margin-bottom: 7.8125vw;
        /*padding: 1.3020833333vw;*/
        border: .2604166667vw solid #777
    }
}

.index-OfficialX .section-body-inner {
    overflow-y: auto;
    height: 100%
}

@media screen and (min-width:769px) {
    .index-About {
        min-height: max(800px, 52.0833333333vw);
        margin-bottom: max(160px, 8.3333333333vw);
        padding: max(108.8px, 7.0833333333vw) 0;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_about.jpg) no-repeat center/cover
    }
}

@media screen and (max-width:768px) {
    .index-About {
        margin-bottom: 20.8333333333vw;
        min-height: 267.4479166667vw;
        padding: 26.0416666667vw 0;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/bg_about.jpg) no-repeat center/cover
    }
}

.index-About::before {
    position: absolute;
    content: "";
    pointer-events: none
}

@media screen and (min-width:961px) {
    .index-About::before {
        top: max(108.8px, 7.0833333333vw);
        right: 0;
        left: 0;
        max-width: max(950px, 79.1666666667vw);
        height: max(544px, 35.4166666667vw);
        margin: 0 auto;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_about.png) no-repeat top left/auto 100%
    }
}

@media screen and (max-width:960px) {
    .index-About::before {
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_about.png) no-repeat center/contain
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About::before {
        bottom: 82px;
        left: -8px;
        width: 178px;
        height: 680px
    }
}

@media screen and (max-width:768px) {
    .index-About::before {
        bottom: 10.6770833333vw;
        left: -1.0416666667vw;
        width: 23.1770833333vw;
        height: 88.5416666667vw
    }
}

@media screen and (min-width:961px) {
    .index-About .section-container {
        width: max(960px, 62.5vw);
        margin: 0 auto
    }
}

.index-About .section-header {
    position: relative;
    z-index: 1
}

@media screen and (min-width:961px) {
    .index-About .section-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-left: max(96px, 6.25vw);
        margin-bottom: max(38.4px, 2.5vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-header {
        width: 460px;
        margin: 0 auto 60px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header {
        width: 84.375vw;
        margin: 0 auto 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-header h2.sw-Title {
        margin-right: max(17.6px, 1.1458333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-header h2.sw-Title {
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header h2.sw-Title {
        margin-bottom: 2.6041666667vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-header p {
        margin-right: max(9.6px, .625vw)
    }
}

@media screen and (min-width:769px) {
    .index-About .section-header .dot-chara {
        margin: min(-43.2px, -2.8125vw) 0 min(-20px, -1.3020833333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-header .dot-chara {
        position: absolute;
        top: 6px;
        right: -45px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header .dot-chara {
        position: absolute;
        top: -7.8125vw;
        right: -5.859375vw
    }
}

.index-About .section-header .dot-chara ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:769px) {
    .index-About .section-header .dot-chara ul li {
        width: max(102.4px, 6.6666666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header .dot-chara ul li {
        width: 19.53125vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-header .dot-chara ul li:nth-child(1) {
        margin-right: min(-51.2px, -3.3333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header .dot-chara ul li:nth-child(1) {
        margin-right: -9.765625vw
    }
}

@media screen and (min-width:769px) {
    .index-About .section-header .dot-chara ul li:nth-child(2) {
        margin-right: min(-46.4px, -3.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header .dot-chara ul li:nth-child(2) {
        margin-right: -8.8541666667vw
    }
}

.index-About .section-header .dot-chara ul li:nth-child(3) {
    position: relative
}

@media screen and (min-width:769px) {
    .index-About .section-header .dot-chara ul li:nth-child(3) {
        top: max(1.6px, .1041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-header .dot-chara ul li:nth-child(3) {
        top: .2604166667vw
    }
}

.index-About .section-body .content {
    position: relative
}

.index-About .section-body .content h3.catch {
    font-weight: 700
}

@media screen and (min-width:961px) {
    .index-About .section-body .content h3.catch {
        margin-left: max(96px, 6.25vw)
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .content h3.catch {
        margin-bottom: max(48px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content h3.catch {
        margin-bottom: 7.8125vw
    }
}

.index-About .section-body .content.lang-en h3 {
    line-height: 1.8;
    letter-spacing: .08em
}

@media screen and (min-width:769px) {
    .index-About .section-body .content.lang-en h3 {
        font-size: max(28.8px, 1.875vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-body .content.lang-en h3 {
        width: 708px;
        margin-right: auto;
        margin-left: auto;
        font-size: 26px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content.lang-en h3 {
        width: 84.375vw;
        margin-right: auto;
        margin-left: auto;
        font-size: 5.46875vw
    }
}

.index-About .section-body .content.lang-ja h3 {
    letter-spacing: .12em
}

@media screen and (min-width:769px) {
    .index-About .section-body .content.lang-ja h3 {
        font-size: max(40px, 2.6041666667vw);
        line-height: 1.38
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-body .content.lang-ja h3 {
        width: 708px;
        margin-right: auto;
        margin-left: auto;
        font-size: 36px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content.lang-ja h3 {
        font-size: 6.7708333333vw;
        line-height: 1.55;
        text-align: center
    }
}

@media screen and (min-width:769px) {
    .index-About .section-body .content.lang-ja h3 span.big {
        font-size: 1.2em
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content.lang-ja h3 span.big {
        font-size: 9.375vw
    }
}

.index-About .section-body .content.lang-ja h3 span.comma {
    margin-right: -.5em
}

.index-About .section-body .content p {
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 2.4;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-About .section-body .content p {
        width: max(768px, 50vw);
        font-size: max(12.8px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content p {
        font-size: 3.3854166667vw
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-body .content.lang-en p {
        width: 708px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content.lang-en p {
        width: 84.375vw
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-About .section-body .content.lang-ja p {
        width: 708px
    }
}

@media screen and (max-width:768px) {
    .index-About .section-body .content.lang-ja p {
        width: 86.9791666667vw;
        text-align: center
    }
}

.index-Character {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_pattern_character_decoline.png);
    background-repeat: repeat-x;
    background-position: bottom center
}

@media screen and (min-width:769px) {
    .index-Character {
        margin-bottom: max(100px, 5.2083333333vw)
    }
}

@media screen and (min-width:961px) {
    .index-Character {
        padding-bottom: max(32px, 2.0833333333vw);
        background-size: max(32px, 2.0833333333vw) max(32px, 2.0833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character {
        padding-bottom: 40px;
        background-size: 40px 40px
    }
}

@media screen and (max-width:768px) {
    .index-Character {
        margin-bottom: 18.2291666667vw;
        padding-bottom: 10.4166666667vw;
        background-size: 10.4166666667vw 10.4166666667vw
    }
}

.index-Character::before {
    position: absolute;
    content: "";
    pointer-events: none
}

@media screen and (min-width:961px) {
    .index-Character::before {
        top: max(198.4px, 12.9166666667vw);
        right: 0;
        left: 0;
        max-width: max(1384px, 90.1041666667vw);
        height: max(555.2px, 36.1458333333vw);
        margin: 0 auto;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_character.png) no-repeat top right/auto 100%
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character::before {
        top: 248px;
        right: -25px;
        width: 280px;
        height: 694px;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_character.png) no-repeat center/contain
    }
}

@media screen and (max-width:768px) {
    .index-Character::before {
        top: 41.1458333333vw;
        right: -3.2552083333vw;
        width: 50.5208333333vw;
        height: 126.5625vw;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/bg_character.png) no-repeat center/contain
    }
}

.index-Character .section-container {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .index-Character .section-header {
        margin-bottom: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .section-header {
        margin-bottom: 10.4166666667vw
    }
}

.index-Character .section-header h2.sw-Title {
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Character .section-header h2.sw-Title {
        margin-bottom: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .section-header h2.sw-Title {
        margin-bottom: 2.6041666667vw
    }
}

.index-Character .section-header p {
    text-align: center
}

.index-Character .character-slider-container {
    position: relative
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container {
        padding-bottom: 100px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container {
        padding-bottom: 22.1354166667vw
    }
}

.index-Character .character-slider-container .character-nav {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-nav {
        width: max(490px, 25.5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-nav {
        width: 83.3333333333vw
    }
}

.index-Character .character-slider-container .character-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-nav ul {
        margin: 0 min(-14px, -.7291666667vw) min(-14px, -.7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-nav ul {
        margin: 0 -2.6041666667vw -2.6041666667vw
    }
}

.index-Character .character-slider-container .character-nav ul li {
    width: 16.6666666667%
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-nav ul li {
        padding: 0 max(14px, .7291666667vw) max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-nav ul li {
        padding: 0 2.6041666667vw 2.6041666667vw
    }
}

.index-Character .character-slider-container .character-nav ul li button[name=character] {
    position: relative;
    background-color: #310303
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-nav ul li button[name=character] {
        width: max(70px, 3.6458333333vw);
        height: max(70px, 3.6458333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-nav ul li button[name=character] {
        width: 11.71875vw;
        height: 11.71875vw
    }
}

.index-Character .character-slider-container .character-nav ul li button[name=character]::after,
.index-Character .character-slider-container .character-nav ul li button[name=character]::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    content: "";
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-nav ul li button[name=character]::before {
        border: 1px solid #c10000
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-nav ul li button[name=character]::before {
        border: .1953125vw solid #c10000
    }
}

.index-Character .character-slider-container .character-nav ul li button[name=character]::after {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_character_active_tl.svg), url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_character_active_tr.svg), url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_character_active_bl.svg), url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_character_active_br.svg);
    background-repeat: no-repeat;
    background-position: top left, top right, bottom left, bottom right
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-nav ul li button[name=character]::after {
        background-size: max(14px, .7291666667vw) max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-nav ul li button[name=character]::after {
        background-size: 2.34375vw 2.34375vw
    }
}

.index-Character .character-slider-container .character-nav ul li button[name=character].active::after,
.index-Character .character-slider-container .character-nav ul li button[name=character].active::before {
    opacity: 1
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider {
        max-width: max(960px, 62.5vw);
        height: max(512px, 33.3333333333vw);
        margin: 0 auto
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider {
        height: 800px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider {
        height: 174.4791666667vw
    }
}

.index-Character .character-slider-container .character-slider .swiper-container {
    height: 100%
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .swiper-container {
        overflow: hidden
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .swiper-slide {
        padding-top: 40px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .swiper-slide {
        padding-top: 10.4166666667vw
    }
}

.index-Character .character-slider-container .character-slider .container {
    position: relative;
    height: 100%;
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container {
        width: max(768px, 50vw);
        padding-top: max(32px, 2.0833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container {
        width: 648px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container {
        width: 84.375vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile {
        position: relative;
        height: max(416px, 27.0833333333vw);
        padding-top: max(32px, 2.0833333333vw);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain
    }
}

@media screen and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 1;
        margin: 0 auto
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile {
        bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile {
        bottom: 10.4166666667vw
    }
}

.index-Character .character-slider-container .character-slider .container .profile h3 {
    font-weight: 700
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile h3 {
        font-size: max(36.8px, 2.3958333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile h3 {
        font-size: 46px;
        text-shadow: -1px -1px 8px rgba(1, 1, 1, .3), 0 -2px 8px rgba(1, 1, 1, .3), 1px -1px 8px rgba(1, 1, 1, .3), 2px 0 8px rgba(1, 1, 1, .3), 1px 1px 8px rgba(1, 1, 1, .3), 0 2px 8px rgba(1, 1, 1, .3), -1px 1px 8px rgba(1, 1, 1, .3), -2px 0 8px rgba(1, 1, 1, .3)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile h3 {
        font-size: 7.8125vw;
        text-shadow: -.1302083333vw -.1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), 0 -.2604166667vw 1.0416666667vw rgba(1, 1, 1, .3), .1302083333vw -.1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), .2604166667vw 0 1.0416666667vw rgba(1, 1, 1, .3), .1302083333vw .1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), 0 .2604166667vw 1.0416666667vw rgba(1, 1, 1, .3), -.1302083333vw .1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), -.2604166667vw 0 1.0416666667vw rgba(1, 1, 1, .3)
    }
}

.index-Character .character-slider-container .character-slider .container .profile p.cv {
    font-weight: 700;
    letter-spacing: .04em
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile p.cv {
        font-size: max(25.6px, 1.6666666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile p.cv {
        font-size: 32px;
        text-shadow: -1px -1px 8px rgba(1, 1, 1, .3), 0 -2px 8px rgba(1, 1, 1, .3), 1px -1px 8px rgba(1, 1, 1, .3), 2px 0 8px rgba(1, 1, 1, .3), 1px 1px 8px rgba(1, 1, 1, .3), 0 2px 8px rgba(1, 1, 1, .3), -1px 1px 8px rgba(1, 1, 1, .3), -2px 0 8px rgba(1, 1, 1, .3)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile p.cv {
        font-size: 5.7291666667vw;
        text-shadow: -.1302083333vw -.1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), 0 -.2604166667vw 1.0416666667vw rgba(1, 1, 1, .3), .1302083333vw -.1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), .2604166667vw 0 1.0416666667vw rgba(1, 1, 1, .3), .1302083333vw .1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), 0 .2604166667vw 1.0416666667vw rgba(1, 1, 1, .3), -.1302083333vw .1302083333vw 1.0416666667vw rgba(1, 1, 1, .3), -.2604166667vw 0 1.0416666667vw rgba(1, 1, 1, .3)
    }
}

.index-Character .character-slider-container .character-slider .container .profile p.cv::before {
    font-family: "Cinzel Decorative", sans-serif;
    content: "CV."
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile p.cv::before {
        margin-right: max(11.2px, .7291666667vw);
        font-size: max(16px, 1.0416666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile p.cv::before {
        margin-right: 14px;
        font-size: 20px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile p.cv::before {
        margin-right: 2.6041666667vw;
        font-size: 3.6458333333vw
    }
}

.index-Character .character-slider-container .character-slider .container .profile p.introduction {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: .04em
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile p.introduction {
        position: relative;
        z-index: 1;
        width: max(352px, 22.9166666667vw);
        font-size: max(12.8px, .8333333333vw);
        text-shadow: 0 0 max(8px, .5208333333vw) #000
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile p.introduction {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile p.introduction {
        margin-bottom: -3.125vw;
        font-size: 3.3854166667vw
    }
}

.index-Character .character-slider-container .character-slider .container .profile p.en {
    color: #888;
    font-weight: 500;
    line-height: 1.6
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile p.en {
        position: absolute;
        bottom: max(56px, 3.6458333333vw);
        right: 0;
        left: 0
    }
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-slider .container .profile p.en {
        padding-bottom: max(6px, .3125vw);
        border-bottom: 1px solid rgba(174, 174, 174, .5);
        font-size: max(10px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile p.en {
        padding-bottom: 1.5625vw;
        border-bottom: .2604166667vw solid rgba(174, 174, 174, .5);
        font-size: 2.6041666667vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara {
        position: absolute;
        bottom: max(84.8px, 5.5208333333vw);
        left: min(-32px, -2.0833333333vw)
    }
}

@media screen and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara {
        position: relative
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara {
        left: -40px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara {
        left: -5.2083333333vw;
        margin-bottom: 4.5572916667vw
    }
}

.index-Character .character-slider-container .character-slider .container .profile .dot-chara ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara ul li {
        width: max(102.4px, 6.6666666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara ul li {
        width: 128px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara ul li {
        width: 29.1666666667vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara ul li+li {
        margin-left: min(-32px, -2.0833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara ul li+li {
        margin-left: -40px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .profile .dot-chara ul li+li {
        margin-left: -9.1145833333vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile h3 {
        margin-bottom: max(24px, 1.5625vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile h3 {
        margin-bottom: 38px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile h3 {
        margin-bottom: 6.25vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile p.cv {
        margin-bottom: max(22.4px, 1.4583333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile p.cv {
        margin-bottom: 40px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile p.cv {
        margin-bottom: 7.8125vw
    }
}

.index-Character .character-slider-container .character-slider .container.lang-ja .profile p.introduction {
    line-height: 2.4
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lang-ja .profile p.introduction {
        margin-bottom: -24px
    }
}

.index-Character .character-slider-container .character-slider .container.lang-en .profile h3 {
    letter-spacing: .04em
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile h3 {
        margin-bottom: max(20.8px, 1.3541666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile h3 {
        margin-bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile h3 {
        margin-bottom: 5.46875vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile p.cv {
        margin-bottom: max(16px, 1.0416666667vw);
        font-size: max(24px, 1.5625vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile p.cv {
        margin-bottom: 24px;
        font-size: 30px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile p.cv {
        margin-bottom: 6.7708333333vw
    }
}

.index-Character .character-slider-container .character-slider .container.lang-en .profile p.introduction {
    line-height: 2.1
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lang-en .profile p.introduction {
        width: max(432px, 28.125vw);
        text-shadow: max(-1px, -.0520833333vw) max(-1px, -.0520833333vw) max(4px, .2083333333vw) rgba(1, 1, 1, .4), 0 max(-2px, -.1041666667vw) max(4px, .2083333333vw) rgba(1, 1, 1, .4), max(1px, .0520833333vw) max(-1px, -.0520833333vw) max(4px, .2083333333vw) rgba(1, 1, 1, .4), max(2px, .1041666667vw) 0 max(4px, .2083333333vw) rgba(1, 1, 1, .4), max(1px, .0520833333vw) max(1px, .0520833333vw) max(4px, .2083333333vw) rgba(1, 1, 1, .4), 0 max(2px, .1041666667vw) max(4px, .2083333333vw) rgba(1, 1, 1, .4), max(-1px, -.0520833333vw) max(1px, .0520833333vw) max(4px, .2083333333vw) rgba(1, 1, 1, .4), max(-2px, -.1041666667vw) 0 max(4px, .2083333333vw) rgba(1, 1, 1, .4)
    }
}

.index-Character .character-slider-container .character-slider .container .illust {
    position: absolute;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-Character .character-slider-container .character-slider .container .illust {
        width: max(572.8px, 37.2916666667vw)
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container .illust {
        bottom: 0;
        right: min(-72px, -4.6875vw);
        -webkit-transform: translateX(min(-160px, -10.4166666667vw));
        transform: translateX(min(-160px, -10.4166666667vw));
        opacity: 0;
        -webkit-transition: opacity .8s ease-in, -webkit-transform .8s ease-out;
        transition: opacity .8s ease-in, -webkit-transform .8s ease-out;
        transition: transform .8s ease-out, opacity .8s ease-in;
        transition: transform .8s ease-out, opacity .8s ease-in, -webkit-transform .8s ease-out;
        will-change: transform, opacity
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container .illust {
        top: 0;
        right: -90px;
        width: 716px;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #000), to(transparent));
        -webkit-mask-image: -webkit-linear-gradient(black 35%, transparent 100%);
        mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #000), to(transparent));
        mask-image: linear-gradient(black 35%, transparent 100%)
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container .illust {
        top: 0;
        left: -15.3645833333vw;
        width: 156.25vw;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #000), color-stop(95%, transparent));
        -webkit-mask-image: -webkit-linear-gradient(black 40%, transparent 95%);
        mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #000), color-stop(95%, transparent));
        mask-image: linear-gradient(black 40%, transparent 95%)
    }
}

.index-Character .character-slider-container .character-slider .container::before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.guild-master .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_guild-master.png)
    }
}

.index-Character .character-slider-container .character-slider .container.guild-master::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_guild-master.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.guild-master::before {
        top: max(24px, 1.5625vw);
        left: min(-91.2px, -5.9375vw);
        width: max(392px, 25.5208333333vw);
        height: max(155.2px, 10.1041666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.guild-master::before {
        top: 15px;
        left: -57px;
        width: 490px;
        height: 194px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.guild-master::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 98.6979166667vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.blood-princess .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_blood-princess.png)
    }
}

.index-Character .character-slider-container .character-slider .container.blood-princess::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_blood-princess.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.blood-princess::before {
        top: max(40px, 2.6041666667vw);
        left: min(-89.6px, -5.8333333333vw);
        width: max(379.2px, 24.6875vw);
        height: max(137.6px, 8.9583333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.blood-princess::before {
        top: 25px;
        left: -56px;
        width: 474px;
        height: 172px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.blood-princess::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 107.6822916667vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.squire .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_squire.png)
    }
}

.index-Character .character-slider-container .character-slider .container.squire::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_squire.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.squire::before {
        top: max(52px, 3.3854166667vw);
        left: min(-96px, -6.25vw);
        width: max(206.4px, 13.4375vw);
        height: max(110.4px, 7.1875vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.squire::before {
        top: 32.5px;
        left: -60px;
        width: 258px;
        height: 138px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.squire::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 73.046875vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.polar-bear-priest .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_polar-bear-priest.png)
    }
}

.index-Character .character-slider-container .character-slider .container.polar-bear-priest::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_polar-bear-priest.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.polar-bear-priest::before {
        top: max(14.4px, .9375vw);
        left: min(-94.4px, -6.1458333333vw);
        width: max(524.8px, 34.1666666667vw);
        height: max(153.6px, 10vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.polar-bear-priest::before {
        top: 9px;
        left: -59px;
        width: 656px;
        height: 192px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.polar-bear-priest::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 133.4635416667vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.conan .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_conan.png)
    }
}

.index-Character .character-slider-container .character-slider .container.conan::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_conan.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.conan::before {
        top: max(27.2px, 1.7708333333vw);
        left: min(-88px, -5.7291666667vw);
        width: max(300.8px, 19.5833333333vw);
        height: max(161.6px, 10.5208333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.conan::before {
        top: 17px;
        left: -55px;
        width: 376px;
        height: 202px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.conan::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 72.65625vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lady-of-principality .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_lady-of-principality.png)
    }
}

.index-Character .character-slider-container .character-slider .container.lady-of-principality::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_lady-of-principality.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lady-of-principality::before {
        top: max(0, 0);
        left: min(-91.2px, -5.9375vw);
        width: max(536px, 34.8958333333vw);
        height: max(176px, 11.4583333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lady-of-principality::before {
        top: 0;
        left: -57px;
        width: 670px;
        height: 220px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.lady-of-principality::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 119.0104166667vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.goblin-slayer .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_goblin-slayer.png)
    }
}

.index-Character .character-slider-container .character-slider .container.goblin-slayer::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_goblin-slayer.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.goblin-slayer::before {
        top: max(28.8px, 1.875vw);
        left: min(-89.6px, -5.8333333333vw);
        width: max(336px, 21.875vw);
        height: max(150.4px, 9.7916666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.goblin-slayer::before {
        top: 18px;
        left: -56px;
        width: 420px;
        height: 188px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.goblin-slayer::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 87.2395833333vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.priestess .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_priestess.png)
    }
}

.index-Character .character-slider-container .character-slider .container.priestess::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_priestess.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.priestess::before {
        top: max(44px, 2.8645833333vw);
        left: min(-91.2px, -5.9375vw);
        width: max(268.8px, 17.5vw);
        height: max(120px, 7.8125vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.priestess::before {
        top: 27.5px;
        left: -57px;
        width: 336px;
        height: 150px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.priestess::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 87.5vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.high-elf-archer .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_high-elf-archer.png)
    }
}

.index-Character .character-slider-container .character-slider .container.high-elf-archer::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_high-elf-archer.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.high-elf-archer::before {
        top: max(30.4px, 1.9791666667vw);
        left: min(-96px, -6.25vw);
        width: max(417.6px, 27.1875vw);
        height: max(148.8px, 9.6875vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.high-elf-archer::before {
        top: 19px;
        left: -60px;
        width: 522px;
        height: 186px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.high-elf-archer::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 109.6354166667vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.dwarf-shaman .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_dwarf-shaman.png)
    }
}

.index-Character .character-slider-container .character-slider .container.dwarf-shaman::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_dwarf-shaman.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.dwarf-shaman::before {
        top: max(9.6px, .625vw);
        left: min(-89.6px, -5.8333333333vw);
        width: max(499.2px, 32.5vw);
        height: max(156.8px, 10.2083333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.dwarf-shaman::before {
        top: 6px;
        left: -56px;
        width: 624px;
        height: 196px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.dwarf-shaman::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 124.3489583333vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lizard-priest .profile {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/bg_lizard-priest.png)
    }
}

.index-Character .character-slider-container .character-slider .container.lizard-priest::before {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/character/txt_lizard-priest.png)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .container.lizard-priest::before {
        top: max(8px, .5208333333vw);
        left: min(-91.2px, -5.9375vw);
        width: max(443.2px, 28.8541666667vw);
        height: max(160px, 10.4166666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .character-slider .container.lizard-priest::before {
        top: 5px;
        left: -57px;
        width: 554px;
        height: 200px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .character-slider .container.lizard-priest::before {
        top: 5.7291666667vw;
        left: -13.5416666667vw;
        width: 108.203125vw;
        height: 39.0625vw
    }
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .character-slider .swiper-slide.is-changed .container .illust {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.index-Character .character-slider-container .navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .navigation {
        bottom: max(24px, 1.5625vw);
        width: max(768px, 50vw)
    }
}

@media screen and (max-width:960px) {
    .index-Character .character-slider-container .navigation {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .navigation {
        bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .navigation {
        bottom: 6.5104166667vw
    }
}

.index-Character .character-slider-container .navigation button {
    font-size: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .navigation button {
        width: max(78.4px, 5.1041666667vw);
        height: max(78.4px, 5.1041666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .navigation button {
        width: 98px;
        height: 98px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .navigation button {
        width: 20.8333333333vw;
        height: 20.8333333333vw
    }
}

.index-Character .character-slider-container .navigation button[name=prev] {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_prev.svg)
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .navigation button[name=prev] {
        margin-right: max(16px, 1.0416666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .navigation button[name=prev] {
        margin-right: 20px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .navigation button[name=prev] {
        margin-right: 3.90625vw
    }
}

@media screen and (any-hover:hover) and (min-width:961px) {
    .index-Character .character-slider-container .navigation button[name=prev]:hover .arrow {
        -webkit-transform: translateX(min(-6.4px, -.4166666667vw));
        transform: translateX(min(-6.4px, -.4166666667vw))
    }
}

@media screen and (any-hover:hover) and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .navigation button[name=prev]:hover .arrow {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .index-Character .character-slider-container .navigation button[name=prev]:hover .arrow {
        -webkit-transform: translateX(-1.0416666667vw);
        transform: translateX(-1.0416666667vw)
    }
}

.index-Character .character-slider-container .navigation button[name=next] {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_next.svg)
}

@media screen and (any-hover:hover) and (min-width:961px) {
    .index-Character .character-slider-container .navigation button[name=next]:hover .arrow {
        -webkit-transform: translateX(max(6.4px, .4166666667vw));
        transform: translateX(max(6.4px, .4166666667vw))
    }
}

@media screen and (any-hover:hover) and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .navigation button[name=next]:hover .arrow {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .index-Character .character-slider-container .navigation button[name=next]:hover .arrow {
        -webkit-transform: translateX(1.0416666667vw);
        transform: translateX(1.0416666667vw)
    }
}

.index-Character .character-slider-container .navigation button .arrow {
    position: relative
}

@media screen and (min-width:961px) {
    .index-Character .character-slider-container .navigation button .arrow {
        width: max(27.2px, 1.7708333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .character-slider-container .navigation button .arrow {
        width: 34px
    }
}

@media screen and (max-width:768px) {
    .index-Character .character-slider-container .navigation button .arrow {
        width: 6.25vw
    }
}

@media (any-hover:hover) {
    .index-Character .character-slider-container .navigation button .arrow {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

.index-System {
    z-index: 1
}

@media screen and (min-width:769px) {
    .index-System {
        margin-top: min(-20px, -1.0416666667vw);
        margin-bottom: max(120px, 6.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-System {
        margin-bottom: 21.875vw
    }
}

@media screen and (min-width:769px) {
    .index-System .section-header {
        margin-bottom: max(50px, 2.6041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .section-header {
        margin-bottom: 7.8125vw
    }
}

.index-System .section-header h2.sw-Title {
    text-align: center
}

@media screen and (min-width:769px) {
    .index-System .section-header h2.sw-Title {
        margin-bottom: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .section-header h2.sw-Title {
        margin-bottom: 2.6041666667vw
    }
}

.index-System .section-header p {
    text-align: center
}

.index-System .tab-navigation {
    margin: 0 auto
}

@media screen and (min-width:840px) {
    .index-System .tab-navigation {
        width: max(768px, 50vw);
        margin-bottom: max(120px, 6.25vw)
    }
}

@media screen and (min-width:769px) and (max-width:840px) {
    .index-System .tab-navigation {
        width: 648px;
        margin-bottom: 120px
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation {
        width: 84.375vw;
        margin-bottom: 10.4166666667vw
    }
}

.index-System .tab-navigation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width:840px) {
    .index-System .tab-navigation ul {
        margin: 0 min(-8px, -.5208333333vw)
    }
}

@media screen and (max-width:840px) {
    .index-System .tab-navigation ul {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:769px) and (max-width:840px) {
    .index-System .tab-navigation ul {
        margin: 0 -10px -24px
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation ul {
        margin: 0 -.9765625vw -2.6041666667vw
    }
}

@media screen and (min-width:840px) {
    .index-System .tab-navigation ul li {
        width: 25%;
        padding: 0 max(8px, .5208333333vw)
    }
}

@media screen and (max-width:840px) {
    .index-System .tab-navigation ul li {
        width: 33.33%
    }
}

@media screen and (min-width:769px) and (max-width:840px) {
    .index-System .tab-navigation ul li {
        padding: 0 10px 22px
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation ul li {
        padding: 0 .9765625vw 2.6041666667vw
    }
}

.index-System .tab-navigation ul li input[type=radio] {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.index-System .tab-navigation ul li input[type=radio]+label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .04em;
    background-color: rgba(52, 0, 0, 0);
    text-align: center
}

@media screen and (min-width:769px) {
    .index-System .tab-navigation ul li input[type=radio]+label {
        height: max(48px, 3.125vw);
        border: max(1px, .0520833333vw) solid #aeaeae;
        font-size: max(12.8px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation ul li input[type=radio]+label {
        height: 13.0208333333vw;
        border: max(1px, .0520833333vw) solid #aeaeae;
        font-size: 3.125vw
    }
}

.index-System .tab-navigation ul li input[type=radio]:checked+label {
    background-image: -webkit-gradient(linear, left top, right top, from(#340000), to(#c10000));
    background-image: -webkit-linear-gradient(left, #340000, #c10000);
    background-image: linear-gradient(90deg, #340000, #c10000)
}

@media screen and (min-width:769px) {
    .index-System .tab-navigation ul li input[type=radio]:checked+label {
        -webkit-box-shadow: 0 max(24px, 1.25vw) max(46px, 2.3958333333vw) rgba(0, 0, 0, .26);
        box-shadow: 0 max(24px, 1.25vw) max(46px, 2.3958333333vw) rgba(0, 0, 0, .26)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation ul li input[type=radio]:checked+label {
        -webkit-box-shadow: 0 3.125vw 5.9895833333vw rgba(0, 0, 0, .26);
        box-shadow: 0 3.125vw 5.9895833333vw rgba(0, 0, 0, .26)
    }
}

.index-System .tab-navigation ul li input[type=radio]:not([disabled])+label {
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

@media (any-hover:hover) {
    .index-System .tab-navigation ul li input[type=radio]:not([disabled])+label:hover {
        background-color: #340000
    }
}

.index-System .tab-navigation ul li input[type=radio]:disabled+label {
    opacity: .5;
    cursor: default
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation.lang-ja ul li input[type=radio][value=system05]+label {
        font-size: 2.8645833333vw;
        letter-spacing: 0
    }
}

.index-System .tab-navigation.lang-en ul li input[type=radio]+label {
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .index-System .tab-navigation.lang-en ul li input[type=radio][value=system03]+label {
        font-size: 2.8645833333vw;
        line-height: 1.4;
        letter-spacing: 0
    }
}

.index-System .tab-contents {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-System .tab-contents {
        width: max(768px, 50vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-System .tab-contents {
        width: 648px
    }
}

.index-System .tab-contents .tab-panel {
    display: none
}

.index-System .tab-contents .tab-panel.active {
    display: block
}

.index-System .tab-contents section::before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section::before {
        top: min(-48px, -3.125vw);
        left: min(-88px, -5.7291666667vw);
        width: max(404.8px, 26.3541666667vw);
        height: max(232px, 15.1041666667vw)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.system-01::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_system_01.png)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.system-02::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_system_02.png)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.system-03::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_system_03.png)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.system-04::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_system_04.png)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.system-05::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_system_05.png)
    }
}

.index-System .tab-contents section:not(.system-05) .media-wrapper {
    position: relative;
    z-index: 0;
    margin-left: auto
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper {
        aspect-ratio: 820/475
    }
}

@media screen and (min-width:961px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper {
        width: max(656px, 42.7083333333vw);
        padding: max(8px, .5208333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper {
        width: 554px;
        padding: 7px
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper {
        width: 92.1875vw;
        padding: 1.2369791667vw 0 1.2369791667vw 1.2369791667vw;
        aspect-ratio: 708/475
    }
}

.index-System .tab-contents section:not(.system-05) .media-wrapper::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper::before {
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_media_frame.svg) no-repeat center/contain
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper::before {
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_media_frame.svg) no-repeat center left/cover
    }
}

.index-System .tab-contents section:not(.system-05) .media-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section:not(.system-05) .media-wrapper img {
        -o-object-position: center left;
        object-position: center left
    }
}

.index-System .tab-contents section.system-05 .media-wrapper {
    position: relative;
    z-index: 0;
    margin-left: auto
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.system-05 .media-wrapper {
        width: max(656px, 42.7083333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.system-05 .media-wrapper {
        width: 96.09375vw;
        height: 62.5vw
    }

    .index-System .tab-contents section.system-05 .media-wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center left;
        object-position: center left
    }
}

.index-System .tab-contents section h3 {
    position: relative;
    z-index: 0
}

.index-System .tab-contents section h3::before {
    position: absolute;
    z-index: -1;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/system/bg_system_droplets.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    pointer-events: none
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section h3::before {
        width: max(419.2px, 27.2916666667vw);
        height: max(334.4px, 21.7708333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section h3::before {
        width: 70.5729166667vw;
        height: 54.4270833333vw
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section h3 img {
        -webkit-filter: drop-shadow(0 0 max(10px, .5208333333vw) #000);
        filter: drop-shadow(0 0 max(10px, .5208333333vw) #000)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section h3 img {
        -webkit-filter: drop-shadow(0 0 1.3020833333vw #000);
        filter: drop-shadow(0 0 1.3020833333vw #000)
    }
}

.index-System .tab-contents section p {
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 2.4;
    letter-spacing: .04em
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section p {
        font-size: max(12.8px, .8333333333vw)
    }
}

@media screen and (min-width:961px) {
    .index-System .tab-contents section p {
        width: max(860px, 44.7916666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-System .tab-contents section p {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section p {
        width: 84.375vw;
        margin: 0 auto;
        font-size: 3.3854166667vw
    }
}

.index-System .tab-contents section p span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: #000
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section p span {
        padding: max(3.2px, .2083333333vw) max(4px, .2604166667vw) max(4px, .2604166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section p span {
        padding: .6510416667vw .78125vw .78125vw
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-ja h3 {
        width: max(576px, 37.5vw);
        margin-top: min(-48px, -3.125vw);
        margin-bottom: max(24px, 1.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-ja h3 {
        width: 86.9791666667vw;
        margin: -7.1614583333vw 0 3.90625vw 7.8125vw
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-ja h3::before {
        top: min(-92.8px, -6.0416666667vw);
        left: max(128px, 8.3333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-ja h3::before {
        top: -20.0520833333vw;
        left: 20.3125vw
    }
}

@media screen and (min-width:961px) {
    .index-System .tab-contents section.lang-ja.system-04 h3 {
        width: max(713.6px, 46.4583333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-System .tab-contents section.lang-ja.system-04 h3 {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-ja.system-04 h3 {
        width: 92.1875vw;
        margin: -7.1614583333vw 0 3.90625vw 3.90625vw
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-ja.system-04 p {
        width: 92.1875vw
    }
}

@media screen and (min-width:961px) {
    .index-System .tab-contents section.lang-ja.system-05 h3 {
        width: max(675.2px, 43.9583333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-System .tab-contents section.lang-ja.system-05 h3 {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-ja.system-05 h3 {
        width: 92.1875vw;
        margin: -7.1614583333vw 0 3.90625vw 3.90625vw
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-ja.system-05 h3::before {
        top: min(-132.8px, -8.6458333333vw);
        left: max(264px, 17.1875vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-ja.system-05 p {
        width: 92.1875vw
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-en h3 {
        width: max(753.6px, 49.0625vw);
        margin-top: min(-45.6px, -2.96875vw);
        margin-bottom: max(21.6px, 1.40625vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-en h3 {
        width: 92.1875vw;
        margin: -5.9895833333vw 0 4.296875vw 3.90625vw
    }
}

@media screen and (max-width:768px) {
    .index-System .tab-contents section.lang-en h3::before {
        top: -20.0520833333vw;
        left: 20.3125vw
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-en.system-01 h3::before {
        top: min(-96px, -6.25vw);
        left: max(128px, 8.3333333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-en.system-02 h3::before {
        top: min(-92.8px, -6.0416666667vw);
        left: max(128px, 8.3333333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-en.system-03 h3::before {
        top: min(-92.8px, -6.0416666667vw);
        left: max(128px, 8.3333333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-en.system-04 h3::before {
        top: min(-92.8px, -6.0416666667vw);
        left: max(128px, 8.3333333333vw)
    }
}

@media screen and (min-width:769px) {
    .index-System .tab-contents section.lang-en.system-05 h3::before {
        top: min(-132.8px, -8.6458333333vw);
        left: max(264px, 17.1875vw)
    }
}

@media screen and (min-width:769px) {
    .index-Movie {
        margin-bottom: max(160px, 8.3333333333vw);
        padding: max(100px, 5.2083333333vw) 0 max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie {
        margin-bottom: 18.2291666667vw;
        padding-top: 13.0208333333vw
    }
}

.index-Movie::before {
    position: absolute;
    content: "";
    pointer-events: none
}

@media screen and (min-width:961px) {
    .index-Movie::before {
        top: max(41.6px, 2.7083333333vw);
        right: 0;
        left: 0;
        max-width: max(1254.4px, 81.6666666667vw);
        height: max(145.6px, 9.4791666667vw);
        margin: 0 auto;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_movie.png) no-repeat top left/auto 100%
    }
}

@media screen and (max-width:960px) {
    .index-Movie::before {
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_movie.png) no-repeat center/contain
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Movie::before {
        top: -78px;
        left: -58px;
        width: 658px;
        height: 182px
    }
}

@media screen and (max-width:768px) {
    .index-Movie::before {
        top: -10.15625vw;
        left: -7.5520833333vw;
        width: 85.6770833333vw;
        height: 23.6979166667vw
    }
}

.index-Movie .section-container {
    position: relative;
    z-index: 1
}

.index-Movie .section-header {
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .index-Movie .section-header {
        width: max(640px, 41.6666666667vw);
        margin-bottom: max(30px, 1.5625vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Movie .section-header {
        width: 648px;
        margin-bottom: 40px
    }
}

@media screen and (max-width:768px) {
    .index-Movie .section-header {
        width: 84.375vw;
        margin-bottom: 5.2083333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .section-header h2.sw-Title {
        margin-bottom: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .section-header h2.sw-Title {
        margin-bottom: 2.6041666667vw
    }
}

.index-Movie .movie-slider {
    position: relative;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider {
        width: max(656px, 42.7083333333vw);
        -webkit-filter: drop-shadow(0 max(22px, 1.1458333333vw) max(20px, 1.0416666667vw) rgba(255, 0, 0, .2));
        filter: drop-shadow(0 max(22px, 1.1458333333vw) max(20px, 1.0416666667vw) rgba(255, 0, 0, .2))
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Movie .movie-slider {
        width: 648px
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider {
        width: 84.375vw;
        -webkit-filter: drop-shadow(0 2.8645833333vw 2.6041666667vw rgba(255, 0, 0, .2));
        filter: drop-shadow(0 2.8645833333vw 2.6041666667vw rgba(255, 0, 0, .2))
    }
}

.index-Movie .movie-slider .swiper-container {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .swiper-container {
        margin-bottom: max(22.4px, 1.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .swiper-container {
        margin-bottom: 6.5104166667vw
    }
}

.index-Movie .movie-slider .swiper-slide {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}

.index-Movie .movie-slider .swiper-slide:not(.swiper-slide-active) {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@media screen and (min-width:961px) {
    .index-Movie .movie-slider .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(.8) translateX(max(22px, 1.1458333333vw));
        transform: scale(.8) translateX(max(22px, 1.1458333333vw))
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Movie .movie-slider .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(.8) translateX(60px);
        transform: scale(.8) translateX(60px)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(.8) translateX(7.8125vw);
        transform: scale(.8) translateX(7.8125vw)
    }
}

@media screen and (min-width:961px) {
    .index-Movie .movie-slider .swiper-slide.swiper-slide-next {
        -webkit-transform: scale(.8) translateX(min(-22px, -1.1458333333vw));
        transform: scale(.8) translateX(min(-22px, -1.1458333333vw))
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Movie .movie-slider .swiper-slide.swiper-slide-next {
        -webkit-transform: scale(.8) translateX(-60px);
        transform: scale(.8) translateX(-60px)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .swiper-slide.swiper-slide-next {
        -webkit-transform: scale(.8) translateX(-7.8125vw);
        transform: scale(.8) translateX(-7.8125vw)
    }
}

.index-Movie .movie-slider .media-wrapper {
    position: relative;
    z-index: 0;
    aspect-ratio: 820/475
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .media-wrapper {
        padding: max(8px, .5208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .media-wrapper {
        padding: 1.2369791667vw
    }
}

.index-Movie .movie-slider .media-wrapper::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_media_frame.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    pointer-events: none
}

.index-Movie .movie-slider .media-wrapper a {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #000
}

.index-Movie .movie-slider .media-wrapper a::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/arrow_play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .media-wrapper a::before {
        left: max(283.2px, 18.4375vw);
        width: max(115.2px, 7.5vw);
        height: max(100.8px, 6.5625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .media-wrapper a::before {
        left: 31.5104166667vw;
        width: 18.75vw;
        height: 16.40625vw
    }
}

@media (any-hover:hover) {
    .index-Movie .movie-slider .media-wrapper a::before {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .index-Movie .movie-slider .media-wrapper a img {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }

    .index-Movie .movie-slider .media-wrapper a:hover::before {
        -webkit-transform: translateY(-50%) scale(1.1);
        transform: translateY(-50%) scale(1.1)
    }

    .index-Movie .movie-slider .media-wrapper a:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.index-Movie .movie-slider .media-wrapper img {
    opacity: .4;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation {
        width: max(640px, 41.6666666667vw);
        margin: 0 auto
    }
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation.top {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        position: absolute;
        top: min(-128px, -6.6666666667vw);
        right: 0;
        left: 0
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation.top {
        display: none
    }
}

.index-Movie .movie-slider .navigation.bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation.bottom {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation.bottom button {
        display: none
    }
}

.index-Movie .movie-slider .navigation button {
    font-size: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation button {
        width: max(98px, 5.1041666667vw);
        height: max(98px, 5.1041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation button {
        width: 18.2291666667vw;
        height: 18.2291666667vw
    }
}

.index-Movie .movie-slider .navigation button[name=prev] {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_prev.svg)
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation button[name=prev] {
        margin-right: max(20px, 1.0416666667vw)
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .index-Movie .movie-slider .navigation button[name=prev]:hover .arrow {
        -webkit-transform: translateX(min(-8px, -.4166666667vw));
        transform: translateX(min(-8px, -.4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .index-Movie .movie-slider .navigation button[name=prev]:hover .arrow {
        -webkit-transform: translateX(-1.0416666667vw);
        transform: translateX(-1.0416666667vw)
    }
}

.index-Movie .movie-slider .navigation button[name=next] {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_next.svg)
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation button[name=next] {
        margin-left: auto
    }
}

@media screen and (any-hover:hover) and (min-width:769px) {
    .index-Movie .movie-slider .navigation button[name=next]:hover .arrow {
        -webkit-transform: translateX(max(8px, .4166666667vw));
        transform: translateX(max(8px, .4166666667vw))
    }
}

@media screen and (any-hover:hover) and (max-width:768px) {
    .index-Movie .movie-slider .navigation button[name=next]:hover .arrow {
        -webkit-transform: translateX(1.0416666667vw);
        transform: translateX(1.0416666667vw)
    }
}

.index-Movie .movie-slider .navigation button .arrow {
    position: relative
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation button .arrow {
        width: max(34px, 1.7708333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation button .arrow {
        width: 6.25vw
    }
}

@media (any-hover:hover) {
    .index-Movie .movie-slider .navigation button .arrow {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

.index-Movie .movie-slider .navigation .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation .pagination {
        margin-left: auto
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation .pagination {
        margin-left: 14.7135416667vw
    }
}

.index-Movie .movie-slider .navigation .pagination p {
    font-weight: 500
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation .pagination p.current {
        margin-right: max(5px, .2604166667vw);
        font-size: max(65px, 3.3854166667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation .pagination p.current {
        margin-right: .6510416667vw;
        font-size: 8.4635416667vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .movie-slider .navigation .pagination p.total {
        font-size: max(28px, 1.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .movie-slider .navigation .pagination p.total {
        font-size: 3.6458333333vw
    }
}

.index-Movie .movie-slider .navigation .pagination p.total::before {
    content: "- "
}

.index-Products {
    z-index: 1
}

@media screen and (min-width:769px) {
    .index-Products {
        margin-bottom: max(56px, 2.9166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Products {
        margin-bottom: 13.8020833333vw
    }
}

.index-Products::before {
    position: absolute;
    content: "";
    pointer-events: none
}

@media screen and (min-width:961px) {
    .index-Products::before {
        top: max(6px, .3125vw);
        right: 0;
        left: 0;
        max-width: max(1408px, 73.3333333333vw);
        height: max(516.8px, 33.6458333333vw);
        margin: 0 auto;
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_products.png) no-repeat top right/auto 100%
    }
}

@media screen and (max-width:960px) {
    .index-Products::before {
        background: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/index/bg_products.png) no-repeat center/contain
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Products::before {
        top: 8px;
        right: -14px;
        width: 280px;
        height: 646px
    }
}

@media screen and (max-width:768px) {
    .index-Products::before {
        top: 1.0416666667vw;
        right: -1.8229166667vw;
        width: 36.4583333333vw;
        height: 84.1145833333vw
    }
}

@media screen and (min-width:769px) {
    .index-Products .section-header {
        margin-bottom: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Products .section-header {
        margin-bottom: 10.4166666667vw
    }
}

.index-Products .section-header h2.sw-Title {
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Products .section-header h2.sw-Title {
        margin-bottom: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Products .section-header h2.sw-Title {
        margin-bottom: 2.6041666667vw
    }
}

.index-Products .section-header p {
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Products .store-link {
        margin-top: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Products .store-link {
        margin-top: 7.8125vw
    }
}

@media screen and (min-width:961px) {
    .index-Products .store-link ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:961px) {
    .index-Products .store-link ul li+li {
        margin-left: max(20px, 1.0416666667vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Products .store-link ul li+li {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .index-Products .store-link ul li+li {
        margin-top: 3.3854166667vw
    }
}

.index-Products .store-link ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-weight: 700;
    letter-spacing: .04em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .index-Products .store-link ul li a {
        width: max(280px, 14.5833333333vw);
        height: max(60px, 3.125vw);
        font-size: max(18px, .9375vw);
        -webkit-box-shadow: 0 max(20px, 1.0416666667vw) max(38px, 1.9791666667vw) rgba(0, 0, 0, .26);
        box-shadow: 0 max(20px, 1.0416666667vw) max(38px, 1.9791666667vw) rgba(0, 0, 0, .26)
    }
}

@media screen and (max-width:960px) {
    .index-Products .store-link ul li a {
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .index-Products .store-link ul li a {
        width: 84.375vw;
        height: 14.3229166667vw;
        font-size: 3.90625vw
    }
}

.index-Products .store-link ul li a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .index-Products .store-link ul li a::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/common/btn_red.png)
    }
}

@media screen and (max-width:768px) {
    .index-Products .store-link ul li a::before {
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/common/btn_red.png)
    }
}

@media (any-hover:hover) {
    .index-Products .store-link ul li a::before {
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .index-Products .store-link ul li a:hover::before {
        opacity: .7
    }
}

.index-Products .store-link ul li a span.svg {
    position: absolute;
    fill: #fff
}

@media screen and (min-width:769px) {
    .index-Products .store-link ul li a span.svg {
        right: max(24px, 1.25vw);
        width: max(13px, .6770833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Products .store-link ul li a span.svg {
        right: 8.203125vw;
        width: 2.6041666667vw
    }
}

.index-Share {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:769px) {
    .index-Share {
        width: max(400px, 20.8333333333vw);
        height: max(94px, 4.8958333333vw);
        padding-left: max(99px, 5.15625vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_share.png)
    }
}

@media screen and (max-width:768px) {
    .index-Share {
        width: 57.2916666667vw;
        height: 19.53125vw;
        padding-left: 8.59375vw;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/bg_share.png)
    }
}

.index-Share h2 {
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700;
    letter-spacing: .12em
}

@media screen and (min-width:769px) {
    .index-Share h2 {
        margin-right: max(30px, 1.5625vw);
        font-size: max(26px, 1.3541666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share h2 {
        margin-right: 5.2083333333vw;
        font-size: 4.1666666667vw
    }
}

.index-Share ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width:769px) {
    .index-Share ul li+li {
        margin-left: max(20px, 1.0416666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share ul li+li {
        margin-left: 3.90625vw
    }
}

.index-Share ul li a {
    display: block
}

.index-Share ul li a span.svg {
    fill: #fff
}

@media screen and (min-width:769px) {
    .index-Share ul li a span.svg.x {
        width: max(24px, 1.25vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share ul li a span.svg.x {
        width: 5.2083333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Share ul li a span.svg.line {
        width: max(28px, 1.4583333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Share ul li a span.svg.line {
        width: 7.1614583333vw
    }
}

@media (any-hover:hover) {
    .index-Share ul li a span.svg {
        -webkit-transition: fill .35s;
        transition: fill .35s
    }

    .index-Share ul li a:hover span.svg {
        fill: #c10000
    }
}

.background-scratch {
    position: absolute;
    z-index: -1;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_scratch.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .background-scratch {
        width: max(128px, 8.3333333333vw);
        height: max(390.4px, 25.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .background-scratch {
        width: 20.8333333333vw;
        height: 63.5416666667vw
    }
}

.background-smoke-01 {
    position: absolute;
    right: 0;
    z-index: -1;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_smoke_01.png);
    background-repeat: no-repeat;
    background-position: top left;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .background-smoke-01 {
        width: max(518.4px, 33.75vw);
        height: max(552px, 35.9375vw);
        background-size: max(892.8px, 58.125vw) max(552px, 35.9375vw)
    }
}

@media screen and (max-width:768px) {
    .background-smoke-01 {
        width: 73.9583333333vw;
        height: 89.84375vw;
        background-size: 145.3125vw 89.84375vw
    }
}

@media screen and (min-width:769px) {
    .background-smoke-02 {
        position: absolute;
        left: 0;
        z-index: -1;
        width: max(726.4px, 47.2916666667vw);
        height: max(552px, 35.9375vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_smoke_02.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: max(892.8px, 58.125vw) max(552px, 35.9375vw);
        pointer-events: none
    }
}

@media screen and (max-width:768px) {
    .background-smoke-02 {
        display: none
    }
}

.background-blood-droplets {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none
}

@media screen and (min-width:769px) {
    .background-blood-droplets {
        height: max(1848px, 96.25vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/bg_blood-droplets.png);
        background-size: max(1920px, 100vw) max(1848px, 96.25vw)
    }
}

@media screen and (max-width:768px) {
    .background-blood-droplets {
        height: 241.9270833333vw;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/bg_blood-droplets.png);
        background-size: max(768px, 40vw) max(1858px, 96.7708333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-StoreLink+.index-Information .background-scratch {
        top: -90.1041666667vw;
        left: -5.46875vw
    }
}

@media screen and (min-width:769px) {
    .index-Information .background-scratch {
        top: min(-32px, -2.0833333333vw);
        left: max(160px, 10.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Information .background-scratch {
        top: -31.5104166667vw;
        left: -5.46875vw
    }
}

.index-Information .background-stripe {
    position: absolute;
    right: 0;
    z-index: -1;
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .index-Information .background-stripe {
        bottom: 0;
        left: 0;
        max-width: max(960px, 62.5vw);
        height: max(385px, 20.0520833333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Information .background-stripe {
        top: 30px;
        bottom: 116px;
        width: 68.75%
    }
}

@media screen and (max-width:768px) {
    .index-Information .background-stripe {
        top: 5.2083333333vw;
        bottom: 5.9895833333vw;
        width: 68.75vw
    }
}

.index-Information .background-stripe .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_pattern_stripe.png);
    background-repeat: repeat;
    background-position: top left
}

@media screen and (min-width:769px) {
    .index-Information .background-stripe .inner {
        width: 140%;
        background-size: max(7px, .3645833333vw) max(7px, .3645833333vw)
    }
}

@media screen and (max-width:960px) {
    .index-Information .background-stripe .inner {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .index-Information .background-stripe .inner {
        background-size: .9114583333vw .9114583333vw
    }
}

@media screen and (min-width:769px) {
    .index-Character .background-blood-droplets {
        top: min(-170px, -8.8541666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .background-blood-droplets {
        top: 138.0208333333vw
    }
}

.index-Character .background-black {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto
}

@media screen and (min-width:961px) {
    .index-Character .background-black {
        bottom: max(96px, 6.25vw);
        width: max(768px, 50vw);
        height: max(416px, 27.0833333333vw)
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .background-black {
        bottom: 140px;
        width: 708px;
        height: 760px
    }
}

@media screen and (max-width:768px) {
    .index-Character .background-black {
        bottom: 32.5520833333vw;
        width: 92.1875vw;
        height: 164.0625vw
    }
}

.index-Character .background-black .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #010101;
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/bg_pattern_noise.png);
    background-repeat: repeat;
    background-position: top center
}

@media screen and (min-width:769px) {
    .index-Character .background-black .inner {
        background-size: max(100px, 5.2083333333vw) max(100px, 5.2083333333vw)
    }
}

@media screen and (min-width:961px) {
    .index-Character .background-black .inner {
        width: 152%
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .index-Character .background-black .inner {
        width: 120%
    }
}

@media screen and (max-width:768px) {
    .index-Character .background-black .inner {
        width: 96.09375vw;
        background-size: 13.0208333333vw 13.0208333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Character .background-smoke-01 {
        bottom: min(-270px, -14.0625vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .background-smoke-01 {
        top: -31.25vw;
        z-index: 0
    }
}

@media screen and (min-width:769px) {
    .index-Character .background-smoke-02 {
        top: min(-180px, -9.375vw);
        z-index: 0
    }
}

@media screen and (min-width:769px) {
    .index-Character .background-scratch {
        top: min(-128px, -8.3333333333vw);
        right: max(160px, 10.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Character .background-scratch {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-System .background-blood-droplets {
        top: max(144px, 7.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .background-blood-droplets {
        bottom: -117.1875vw
    }
}

@media screen and (min-width:769px) {
    .index-System .background-scratch {
        top: max(339.2px, 22.0833333333vw);
        right: max(160px, 10.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-System .background-scratch {
        display: none
    }
}

@media screen and (min-width:769px) {
    .index-System .background-smoke-01 {
        display: none
    }
}

@media screen and (max-width:768px) {
    .index-System .background-smoke-01 {
        top: -36.4583333333vw
    }
}

@media screen and (min-width:769px) {
    .index-Movie .background-scratch {
        bottom: min(-190.4px, -12.3958333333vw);
        left: max(160px, 10.4166666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-scratch {
        display: none
    }
}

.index-Movie .background-red {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    background-color: #310303
}

@media screen and (min-width:769px) {
    .index-Movie .background-red {
        bottom: 0
    }
}

@media screen and (max-width:768px) {
    .index-Movie .background-red {
        bottom: 9.1145833333vw
    }
}

.index-Products .background-smoke-01 {
    position: absolute
}

@media screen and (min-width:769px) {
    .index-Products .background-smoke-01 {
        bottom: min(-240px, -12.5vw)
    }
}

@media screen and (max-width:768px) {
    .index-Products .background-smoke-01 {
        bottom: 4.6875vw
    }
}

.index-Loading {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: #000
}

.index-Loading .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%
}

.index-Loading .logo {
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Loading .logo {
        width: max(568px, 29.5833333333vw);
        margin-bottom: max(58px, 3.0208333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .logo {
        width: 81.7708333333vw;
        margin-bottom: 9.1145833333vw
    }
}

@media screen and (min-width:769px) {
    .index-Loading .button-group {
        margin-bottom: max(60px, 3.125vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group {
        margin-bottom: 10.4166666667vw
    }
}

.index-Loading .button-group ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .index-Loading .button-group ul {
        width: max(616px, 32.0833333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group ul {
        width: 89.5833333333vw
    }
}

.index-Loading .button-group ul li button[name=bgm] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (any-hover:hover) {
    .index-Loading .button-group ul li button[name=bgm] {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        will-change: opacity
    }

    .index-Loading .button-group ul li button[name=bgm]:hover {
        opacity: .7
    }
}

@media screen and (min-width:769px) {
    .index-Loading .button-group ul li button[name=bgm] {
        width: max(288px, 15vw);
        height: max(72px, 3.75vw);
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/pc/index/btn_bgm_large.png)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group ul li button[name=bgm] {
        width: 42.7083333333vw;
        height: 11.9791666667vw;
        background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/sp/index/btn_bgm_large.png)
    }
}

.index-Loading .button-group ul li button[name=bgm] span.text {
    position: relative;
    color: #c10000;
    font-family: "Cinzel Decorative", sans-serif;
    font-weight: 700
}

@media screen and (min-width:769px) {
    .index-Loading .button-group ul li button[name=bgm] span.text {
        top: max(1px, .0520833333vw);
        margin-right: max(10px, .5208333333vw);
        font-size: max(18px, .9375vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group ul li button[name=bgm] span.text {
        top: .2604166667vw;
        margin-right: 1.8229166667vw;
        font-size: 3.3854166667vw
    }
}

.index-Loading .button-group ul li button[name=bgm] span.sound {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media screen and (min-width:769px) {
    .index-Loading .button-group ul li button[name=bgm] span.sound {
        height: max(14px, .7291666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group ul li button[name=bgm] span.sound {
        height: 2.0833333333vw
    }
}

.index-Loading .button-group ul li button[name=bgm] span.sound span {
    display: inline-block;
    background-color: #c10000
}

@media screen and (min-width:769px) {
    .index-Loading .button-group ul li button[name=bgm] span.sound span {
        width: max(2px, .1041666667vw);
        height: max(2px, .1041666667vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group ul li button[name=bgm] span.sound span {
        width: .2604166667vw;
        height: .2604166667vw
    }
}

@media screen and (min-width:769px) {
    .index-Loading .button-group ul li button[name=bgm] span.sound span+span {
        margin-left: max(1px, .0520833333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .button-group ul li button[name=bgm] span.sound span+span {
        margin-left: .1953125vw
    }
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span {
    -webkit-animation: spectrum 0s linear infinite alternate;
    animation: spectrum 0s linear infinite alternate;
    will-change: height
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(1) {
    -webkit-animation-duration: 720ms;
    animation-duration: 720ms;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(2) {
    -webkit-animation-duration: 640ms;
    animation-duration: 640ms;
    -webkit-animation-delay: -450ms;
    animation-delay: -450ms
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(3) {
    -webkit-animation-duration: 680ms;
    animation-duration: 680ms;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(4) {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(5) {
    -webkit-animation-duration: 640ms;
    animation-duration: 640ms;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(6) {
    -webkit-animation-duration: 720ms;
    animation-duration: 720ms;
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.index-Loading .button-group ul li button[name=bgm][value=on] span.sound span:nth-child(7) {
    -webkit-animation-duration: 680ms;
    animation-duration: 680ms;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms
}

.index-Loading .notice p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .04em;
    text-align: center
}

@media screen and (min-width:769px) {
    .index-Loading .notice p {
        font-size: max(16px, .8333333333vw)
    }
}

@media screen and (max-width:768px) {
    .index-Loading .notice p {
        font-size: 3.125vw
    }
}

.index-Loading canvas {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    pointer-events: none
}

.icon_line {
    width: 24px; /* アイコンサイズを調整 */
    height: auto; /* 縦横比を維持 */
    display: inline-block; /* インライン要素として扱う */
}

.icon_line {
    width: 24px; /* デフォルトのサイズ */
}

@media (max-width: 768px) { /* タブレット */
    .icon_line {
        width: 27px;
    }
}

@media (max-width: 480px) { /* スマホ */
    .icon_line {
        width: 20px;
    }
}

.icon_line img {
    max-width: auto;  /* 親要素の幅に収める */
    height: auto;  /* 縦横比を維持 */
    display: block; /* 余計な隙間をなくす */
}

.x-banner {
    background-image: url(/wp-content/themes/goblinslayer-game_v1.2/assets/images/common/x_bg.png); /* 画像のパスはお好みで */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 600px;
    height: 372px; /* 必ず指定してね。画像の縦サイズに合わせて調整してOK */