@charset "utf-8";

:root {
    --chara-name-speedPC: 100;
    --chara-name-speedSP: 50
}

@font-face {
    font-family: MyYuGothicM;
    src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular')
}

@font-face {
    font-family: MyYuGothicM;
    font-weight: 700;
    src: local('YuGothic-Bold'), local('Yu Gothic')
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
html{
    scroll-behavior: smooth;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

button {
    display: block;
    cursor: pointer;
    font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

@-webkit-keyframes fvScrollDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    7.5% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    12.5%,
    95% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes fvScrollDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    7.5% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    12.5%,
    95% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes bgNameAnimeNaofumiPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -942px top 0
    }
}

@keyframes bgNameAnimeNaofumiPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -942px top 0
    }
}

@-webkit-keyframes bgNameAnimeNaofumiSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -471px top 0
    }
}

@keyframes bgNameAnimeNaofumiSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -471px top 0
    }
}

@-webkit-keyframes bgNameAnimeRaphtaliaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -578px top 0
    }
}

@keyframes bgNameAnimeRaphtaliaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -578px top 0
    }
}

@-webkit-keyframes bgNameAnimeRaphtaliaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -289px top 0
    }
}

@keyframes bgNameAnimeRaphtaliaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -289px top 0
    }
}

@-webkit-keyframes bgNameAnimeFiloPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -276px top 0
    }
}

@keyframes bgNameAnimeFiloPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -276px top 0
    }
}

@-webkit-keyframes bgNameAnimeFiloSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -138px top 0
    }
}

@keyframes bgNameAnimeFiloSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -138px top 0
    }
}

@-webkit-keyframes bgNameAnimeRishiaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -361px top 0
    }
}

@keyframes bgNameAnimeRishiaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -361px top 0
    }
}

@-webkit-keyframes bgNameAnimeRishiaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -181px top 0
    }
}

@keyframes bgNameAnimeRishiaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -181px top 0
    }
}

@-webkit-keyframes bgNameAnimeRenPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -597px top 0
    }
}

@keyframes bgNameAnimeRenPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -597px top 0
    }
}

@-webkit-keyframes bgNameAnimeRenSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -299px top 0
    }
}

@keyframes bgNameAnimeRenSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -299px top 0
    }
}

@-webkit-keyframes bgNameAnimeMotoyasuPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -1108px top 0
    }
}

@keyframes bgNameAnimeMotoyasuPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -1108px top 0
    }
}

@-webkit-keyframes bgNameAnimeMotoyasuSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -554px top 0
    }
}

@keyframes bgNameAnimeMotoyasuSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -554px top 0
    }
}

@-webkit-keyframes bgNameAnimeItsukiPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -859px top 0
    }
}

@keyframes bgNameAnimeItsukiPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -859px top 0
    }
}

@-webkit-keyframes bgNameAnimeItsukiSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -430px top 0
    }
}

@keyframes bgNameAnimeItsukiSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -430px top 0
    }
}

@-webkit-keyframes bgNameAnimeMeltyPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -360px top 0
    }
}

@keyframes bgNameAnimeMeltyPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -360px top 0
    }
}

@-webkit-keyframes bgNameAnimeMeltySP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -180px top 0
    }
}

@keyframes bgNameAnimeMeltySP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -180px top 0
    }
}

@-webkit-keyframes bgNameAnimeEclairPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -385px top 0
    }
}

@keyframes bgNameAnimeEclairPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -385px top 0
    }
}

@-webkit-keyframes bgNameAnimeEclairSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -193px top 0
    }
}

@keyframes bgNameAnimeEclairSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -193px top 0
    }
}

@-webkit-keyframes bgNameAnimeMynePC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -349px top 0
    }
}

@keyframes bgNameAnimeMynePC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -349px top 0
    }
}

@-webkit-keyframes bgNameAnimeMyneSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -175px top 0
    }
}

@keyframes bgNameAnimeMyneSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -175px top 0
    }
}

@-webkit-keyframes bgNameAnimeNadiaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -381px top 0
    }
}

@keyframes bgNameAnimeNadiaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -381px top 0
    }
}

@-webkit-keyframes bgNameAnimeNadiaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -190px top 0
    }
}

@keyframes bgNameAnimeNadiaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -190px top 0
    }
}

@-webkit-keyframes bgNameAnimeSadeenaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -509px top 0
    }
}

@keyframes bgNameAnimeSadeenaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -509px top 0
    }
}

@-webkit-keyframes bgNameAnimeSadeenaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -255px top 0
    }
}

@keyframes bgNameAnimeSadeenaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -255px top 0
    }
}

@-webkit-keyframes bgNameAnimeFohlPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -330px top 0
    }
}

@keyframes bgNameAnimeFohlPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -330px top 0
    }
}

@-webkit-keyframes bgNameAnimeFohlSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -165px top 0
    }
}

@keyframes bgNameAnimeFohlSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -165px top 0
    }
}

@-webkit-keyframes bgNameAnimeAtlaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -289px top 0
    }
}

@keyframes bgNameAnimeAtlaPC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -289px top 0
    }
}

@-webkit-keyframes bgNameAnimeAtlaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -145px top 0
    }
}

@keyframes bgNameAnimeAtlaSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -145px top 0
    }
}

@-webkit-keyframes bgNameAnimeSynePC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -327px top 0
    }
}

@keyframes bgNameAnimeSynePC {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -327px top 0
    }
}

@-webkit-keyframes bgNameAnimeSyneSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -164px top 0
    }
}

@keyframes bgNameAnimeSyneSP {
    from {
        background-position: left 0 top 0
    }

    to {
        background-position: left -164px top 0
    }
}

:root {
    --chara-name-speedPC: 100;
    --chara-name-speedSP: 50
}

@font-face {
    font-family: MyYuGothicM;
    src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular')
}

@font-face {
    font-family: MyYuGothicM;
    font-weight: 700;
    src: local('YuGothic-Bold'), local('Yu Gothic')
}

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

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

.slick-list:focus {
    outline: none
}

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

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

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

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    color: #000
}

:root {
    --chara-name-speedPC: 100;
    --chara-name-speedSP: 50
}

@font-face {
    font-family: MyYuGothicM;
    src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular')
}

@font-face {
    font-family: MyYuGothicM;
    font-weight: 700;
    src: local('YuGothic-Bold'), local('Yu Gothic')
}

.md-layout {
    margin: 0
}

.md-ttl__section {
    line-height: .75;
    font-weight: 700;
    color: #fff
}

@media print,
screen and (min-width:769px) {
    .md-ttl__section {
        font-size: 4rem
    }
}

@media screen and (max-width:1280px) {
    .md-ttl__section {
        font-size: 3.125vw !important
    }
}

@media screen and (max-width:768px) {
    .md-ttl__section {
        margin-bottom: 15.384615384615383vw;
        font-size: 6.25641vw !important;
    }
}

@media print,
screen and (min-width:769px) {
    .md-ttl__section span {
        display: block
    }
}

@media print,
screen and (min-width:769px) {
    .md-ttl__section span:not(:last-child) {
        margin-bottom: 11px
    }
}

.md-btn__links {
    border: solid 1px #fff;
    background: none;
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .md-btn__links {
        transition-duration: .4s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media print,
screen and (min-width:769px) {
    .md-btn__links:hover {
        background: #fff
    }
}

@media print,
screen and (min-width:769px) {
    .md-btn__links:hover .ttl {
        color: #000
    }
}

@media print,
screen and (min-width:769px) {
    .md-btn__links:hover .arrow svg path {
        fill: #000
    }
}

@media print,
screen and (min-width:769px) {
    .md-btn__links[data-type=text] {
        border-radius: 100vh
    }
}

@media screen and (max-width:768px) {
    .md-btn__links[data-type=text] {
        border-radius: 6.41vw
    }
}

.md-btn__links[data-type=text] a,
.md-btn__links[data-type=text] em {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

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

    .md-btn__links[data-type=text] a,
    .md-btn__links[data-type=text] em {
        padding-left: 23px;
        padding-right: 21px;
        min-height: 50px;
        font-size: 1.6rem
    }
}

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

    .md-btn__links[data-type=text] a,
    .md-btn__links[data-type=text] em {
        min-height: 3.9vw;
        font-size: 1.25vw !important
    }
}

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

    .md-btn__links[data-type=text] a,
    .md-btn__links[data-type=text] em {
        min-height: 7.820513vw;
    padding-left: 3.897436vw;
    padding-right: 3.384615vw;
    font-size: 2.102564vw !important;
    }
}

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

    .md-btn__links[data-type=text] a>.arrow,
    .md-btn__links[data-type=text] em>.arrow {
        margin-left: 5px
    }
}

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

    .md-btn__links[data-type=text] a>.arrow,
    .md-btn__links[data-type=text] em>.arrow {
        margin-left: 1.282051282051282vw;
        -webkit-transform: translateY(-8%);
        transform: translateY(-8%)
    }
}

.md-btn__links[data-type=text] a>.ttl,
.md-btn__links[data-type=text] em>.ttl {
    font-weight: 700;
    line-height: .75
}

.md-btn__links[data-type=icon] {
    border-radius: 100%;
    height: auto;
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .md-btn__links[data-type=icon] {
        width: 50px
    }
}

@media screen and (max-width:1280px) {
    .md-btn__links[data-type=icon] {
        width: 3.9vw
    }
}

@media screen and (max-width:768px) {
    .md-btn__links[data-type=icon] {
        width: 12.82051282051282vw
    }
}

.md-btn__links[data-type=icon] a,
.md-btn__links[data-type=icon] em {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media print,
screen and (min-width:769px) {
    .md-btn__links[data-color=red] {
        background: #9d0818
    }
}

@media screen and (max-width:768px) {
    .md-btn__links[data-color=red] {
        background: #fff
    }
}

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

    .md-btn__links[data-color=red] a>.arrow svg path,
    .md-btn__links[data-color=red] em>.arrow svg path {
        fill: #367873
    }
}

@media print,
screen and (min-width:769px) {
    .md-btn__links[data-color=red]:hover {
        background: #000
    }
}

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

    .md-btn__links[data-color=red]:hover a>.arrow svg path,
    .md-btn__links[data-color=red]:hover em>.arrow svg path {
        fill: #fff
    }
}

.md-btn__links a,
.md-btn__links em {
    display: block;
    color: #fff
}

.md-btn__links a>*,
.md-btn__links em>* {
    display: block
}

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

    .md-btn__links a>.ttl,
    .md-btn__links em>.ttl {
        transition-duration: .4s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

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

    .md-btn__links a>.arrow,
    .md-btn__links em>.arrow {
        width: 10px
    }
}

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

    .md-btn__links a>.arrow,
    .md-btn__links em>.arrow {
        width: .78vw
    }
}

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

    .md-btn__links a>.arrow,
    .md-btn__links em>.arrow {
        width: 2.564102564102564vw
    }
}

.md-btn__links a>.arrow svg,
.md-btn__links em>.arrow svg {
    vertical-align: middle
}

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

    .md-btn__links a>.arrow svg path,
    .md-btn__links em>.arrow svg path {
        transition-duration: .4s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

.md-links {
    margin: 0
}

.md-movie.js--movieopen {
    cursor: pointer
}

.md-movie__thumb {
    display: block
}

@media screen and (max-width:768px) {
    .md-movie__thumb {
        overflow: hidden;
        border-radius: 5px
    }
}

.md-movie__thumb img {
    width: 100%;
    vertical-align: bottom
}

.md-movie__ttl {
    color: #fff;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media screen and (max-width:768px) {
    .md-movie__ttl {
        margin-top: 1.2em;
        font-size: 3.333333333333333vw !important
    }
}

.md-li__news {
    display: -ms-flexbox;
    display: flex
}

@media print,
screen and (min-width:769px) {
    .md-li__news {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:768px) {
    .md-li__news {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 5.128205128205128vw
    }
}

.md-li__news::-webkit-scrollbar {
    display: none
}

.md-li__news[data-lang=JP]>article>h4 {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

.md-li__news[data-lang=EN]>article>h4 {
    font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

.md-li__news>article {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 5px;
    color: #fff;
    pointer-events: none
}

@media print,
screen and (min-width:769px) {
    .md-li__news>article {
        margin-right: 3.125%;
        padding: 25px;
        width: 31.25%;
        min-height: 160px;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .md-li__news>article {
        min-width: 64.1025641vw;
        padding-top: 5.128205128205128vw;
        padding-left: 5.128205128205128vw;
        padding-right: 5.128205128205128vw;
        padding-bottom: 5.128205128205128vw
    }
}

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

    .md-li__news>article:nth-child(3n),
    .md-li__news>article:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .md-li__news>article:not(:last-child) {
        margin-right: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .md-li__news>article:hover {
        background: #fff;
        color: #000
    }
}

@media print,
screen and (min-width:769px) {
    .md-li__news>article:hover:after {
        background: #000
    }
}

.md-li__news>article>* {
    width: 100%
}

.md-li__news>article>.linkwrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: auto
}

@media print,
screen and (min-width:769px) {
    .md-li__news>article>h4 {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .md-li__news>article>h4 {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .md-li__news>article>h4 {
        font-size: 2.82051282051282vw !important
    }
}

.md-li__news>article>time {
    display: block;
    line-height: .75
}

@media print,
screen and (min-width:769px) {
    .md-li__news>article>time {
        margin-top: 2.3333333333em;
        font-size: 1.2rem
    }
}

@media screen and (max-width:1280px) {
    .md-li__news>article>time {
        font-size: .9375vw !important
    }
}

@media screen and (max-width:768px) {
    .md-li__news>article>time {
        margin-top: 8.974358974358974vw;
        font-size: 3.076923076923077vw !important
    }
}

.md-li__news>article:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    line-height: 1;
    background: #fff;
    pointer-events: none
}

@media print,
screen and (min-width:769px) {
    .md-li__news>article:after {
        right: 25px;
        bottom: 28px;
        width: 10px;
        height: 1px;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

:root {
    --chara-name-speedPC: 100;
    --chara-name-speedSP: 50
}

@font-face {
    font-family: MyYuGothicM;
    src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular')
}

@font-face {
    font-family: MyYuGothicM;
    font-weight: 700;
    src: local('YuGothic-Bold'), local('Yu Gothic')
}

a {
    color: #fff;
    outline: none !important;
    text-decoration: none
}

html {
    font-size: 62.5%
}

body {
    position: relative;
    font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    background: #000;
    color: #000;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

body[data-navopen=true] {
    overflow: hidden;
    pointer-events: none;
    height: 100%;
    min-height: 100%
}

::selection {
    background: transparent;
    color: #9d0818
}

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

@media print,
screen and (min-width:769px) {
    .is-sp {
        display: none !important
    }
}

img {
    max-width: 100%
}

svg {
    width: 100% !important;
    height: auto !important
}

.l-header {
    position: absolute;
    font-weight: 700;
    z-index: 5
}

@media print,
screen and (min-width:769px) {
    .l-header {
        pointer-events: none;
        left: 0;
        top: 30px;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .l-header {
        top: 0;
        right: 7.692307692307693%
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:768px) {
    .l-header__inner {
        padding-top: 7.692307692307692vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav {
        padding-top: 93px;
        padding-left: 36px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        transition-duration: 1s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav>.l-snsnav {
        margin-bottom: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav>.l-snsnav>ul {
        margin-left: auto
    }
}

.l-header__inner .subnav>.l-snsnav>ul>li {
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul>li.twitter {
        margin-right: 12px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav>.l-snsnav>ul>li.twitter {
        margin-bottom: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul>li.twitter a {
        width: 18px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav>.l-snsnav>ul>li.twitter a {
        width: 4.615384615384615vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul>li.instagram a {
        width: 16px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav>.l-snsnav>ul>li.instagram a {
        width: 4.102564102564102vw
    }
}

.l-header__inner .subnav>.l-snsnav>ul>li a {
    display: block
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul>li a {
        padding: 4px;
        transition-duration: .3s;
        pointer-events: auto
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav>.l-snsnav>ul>li a {
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul>li a:hover {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
    }
}

.l-header__inner .subnav>.l-snsnav>ul>li a svg {
    vertical-align: middle
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav>.l-snsnav>ul>li a svg path {
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect {
        padding-left: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        pointer-events: auto
    }
}

.l-header__inner .subnav .l-langselect>.icon {
    display: block
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>.icon {
        margin-right: 10px;
        width: 16px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>.icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.076923076923077vw;
        width: 4.102564102564102vw
    }
}

.l-header__inner .subnav .l-langselect>.icon svg {
    vertical-align: middle
}

.l-header__inner .subnav .l-langselect>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"][data-status="opened"]>li[data-lang="jp"]:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"][data-status="opened"]>li[data-lang="en"] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"][data-status="opened"]>li[data-lang="en"] a {
        pointer-events: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]:hover>li[data-lang="jp"]:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]:hover>li[data-lang="en"] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]:hover>li[data-lang="en"] a {
        pointer-events: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="jp"] {
        margin-right: .6em
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="jp"] {
        margin-bottom: 2.051282051282051vw
    }
}

.l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="jp"]:after {
    content: "・";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="jp"]:after {
        margin-left: .6em
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="jp"]:after {
        margin-top: 2.051282051282051vw
    }
}

.l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="en"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="JP"]>li[data-lang="en"] a:hover {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"][data-status="opened"]>li[data-lang="en"]:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"][data-status="opened"]>li[data-lang="jp"] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"][data-status="opened"]>li[data-lang="jp"] a {
        pointer-events: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]:hover>li[data-lang="jp"] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]:hover>li[data-lang="jp"] a {
        pointer-events: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]:hover>li[data-lang="en"]:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="en"] {
    -ms-flex-order: 1;
    order: 1
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="en"] {
        margin-right: .6em
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="en"] {
        margin-bottom: 2.051282051282051vw
    }
}

.l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="en"]:after {
    content: "・";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="en"]:after {
        margin-left: .6em
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="en"]:after {
        margin-top: 2.051282051282051vw
    }
}

.l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="jp"] {
    -ms-flex-order: 2;
    order: 2;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul[data-current="EN"]>li[data-lang="jp"] a:hover {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul>li {
        font-size: 1.2rem
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .subnav .l-langselect>ul>li {
        font-size: 3.076923076923077vw !important
    }
}

.l-header__inner .subnav .l-langselect>ul>li a {
    pointer-events: none
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .subnav .l-langselect>ul>li a {
        transition-duration: .3s
    }
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .seasonnav {
        margin-top: 6px;
        width: 122px;
        transition-duration: 1s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .seasonnav {
        position: fixed;
        right: 0;
        bottom: 5.235602094240837%
    }
}

.l-header__inner .seasonnav>ul {
    border-bottom: solid 2px #fff
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .seasonnav>ul {
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .seasonnav>ul {
        padding-right: 7.692307692307692vw
    }
}

.l-header__inner .seasonnav>ul>li {
    line-height: 1
}

.l-header__inner .seasonnav>ul>li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .seasonnav>ul>li a {
        padding-bottom: 20px;
        font-size: 1.2rem;
        pointer-events: auto;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .seasonnav>ul>li a {
        padding-bottom: 5.128205128205128vw;
        font-size: 3.076923076923077vw !important
    }
}

.l-header__inner .seasonnav>ul>li a:hover {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.l-header__inner .seasonnav>ul>li a>.txt {
    margin-right: 1.1em;
    display: block
}

.l-header__inner .seasonnav>ul>li a>.arrow {
    display: block
}

@media print,
screen and (min-width:769px) {
    .l-header__inner .seasonnav>ul>li a>.arrow {
        width: 6px
    }
}

@media screen and (max-width:768px) {
    .l-header__inner .seasonnav>ul>li a>.arrow {
        width: 1.538461538461538vw
    }
}

.l-header__inner .seasonnav>ul>li a>.arrow svg {
    vertical-align: middle
}

.l-footer {
    width: 100%
}

@media print,
screen and (min-width:769px) {
    .l-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        background: #fff;
        z-index: 1
    }
}

@media screen and (max-width:768px) {
    .l-footer {
        position: relative;
        z-index: 3
    }
}

@media screen and (max-width:768px) {
    .l-footer[data-bgcolor="black"][data-lang="JP"] .l-footer__inner .foot--ctrl {
        background: #3f0d47
    }
}

@media screen and (max-width:768px) {
    .l-footer[data-bgcolor=black] .l-footer__inner .foot--ctrl__pagetop button em .arrow svg path {
        fill: #121212
    }
}

.l-footer[data-bgcolor=green] .l-footer__inner .foot--ctrl {
    background: none
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner {
        padding-top: 80px;
        padding-left: 40px;
        padding-right: 80px;
        padding-bottom: 80px
    }
}

.l-footer__inner .foot {
    max-width: 1160px
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot {
        position: relative
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--ctrl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 34.48275862068966%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--ctrl {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 2;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        box-sizing: border-box;
        padding-bottom: 15.384615384615383vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.l-footer__inner .foot--ctrl__pagetop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: -webkit-fit-content;
    width: fit-content
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--ctrl__pagetop {
        width: 12.82051282051282vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--ctrl__pagetop:hover .md-btn__links {
        background: #000
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--ctrl__pagetop:hover .txt {
        color: #000
    }
}

.l-footer__inner .foot--ctrl__pagetop .md-btn__links em .arrow svg {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.l-footer__inner .foot--ctrl__pagetop .txt {
    font-weight: 700;
    line-height: .75
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--ctrl__pagetop .txt {
        margin-left: 10px;
        font-size: 1.2rem;
        color: #9d0818;
        transition-duration: .4s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--ctrl__pagetop .txt {
        margin-left: auto;
        margin-right: auto;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        color: #fff;
        margin-top: 2.564102564102564vw;
        font-size: 3.076923076923077vw !important
    }
}

.l-footer__inner .foot--ctrl__ttl {
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--ctrl__ttl {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        width: 67.75%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--ctrl__ttl {
        width: 70.25641025641025vw
    }
}

.l-footer__inner .foot--ctrl__ttl svg {
    vertical-align: bottom
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--ctrl__ttl svg path {
        fill: #fff
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 65.51724137931035%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links {
        background: #fff
    }
}

.l-footer__inner .foot--links__twtl {
    border: solid 1px rgba(0, 0, 0, .1);
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__twtl {
        width: 47.368421052631575%;
        height: 350px
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__twtl {
        padding-top: 2.564102564102564vw;
        padding-left: 2.564102564102564vw;
        padding-right: 2.564102564102564vw;
        padding-bottom: 2.564102564102564vw;
        height: 360px
    }
}

.l-footer__inner .foot--links__twtl iframe {
    width: 100% !important
}

.l-footer__inner .foot--links__bnr {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr {
        width: 47.368421052631575%;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .l-footer__inner .foot--links__bnr {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>* {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li {
        width: 50%;
        box-sizing: border-box
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li:first-child>a {
        border-right: solid 1px rgba(0, 0, 0, .1)
    }
}

.l-footer__inner .foot--links__bnr>*>li>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr>*>li>a {
        border-radius: 3px;
        border: solid 1px rgba(0, 0, 0, .1);
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li>a {
        border-top: solid 1px rgba(0, 0, 0, .1);
        height: auto;
        aspect-ratio: 19.5/8
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr>*>li>a:hover {
        border-color: #9d0818
    }
}

.l-footer__inner .foot--links__bnr>*>li>a picture {
    display: block
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=season1] {
        width: 27.77777777777778%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=season1] {
        width: 25.53333333333333vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=season2] {
        width: 28.055555555555557%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=season2] {
        width: 25.976923076923075vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=mfbooks] {
        width: 77.05882352941177%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=mfbooks] {
        width: 33.589743589743584vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=flapper] {
        width: 53.529411764705884%
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr>*>li>a picture[data-size=flapper] {
        width: 23.333333333333332vw
    }
}

.l-footer__inner .foot--links__bnr>*>li>a picture img {
    width: 100%;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr .seasonlinks {
        margin-bottom: 3em
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr .seasonlinks>li:not(:last-child) {
        margin-bottom: 3em
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr .seasonlinks>li a {
        width: 100%;
        height: auto;
        aspect-ratio: 3.6/0.8
    }
}

.l-footer__inner .foot--links__bnr .otherlinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr .otherlinks>li {
        width: 47.22222222222222%
    }
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr .otherlinks>li a {
        aspect-ratio: 1.7/0.8;
        height: auto
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr .otherlinks>li a {
        border-bottom: solid 1px rgba(0, 0, 0, .1)
    }
}

.l-footer__inner .foot--links__bnr .copyright {
    display: block;
    text-align: center;
    line-height: .75;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

@media print,
screen and (min-width:769px) {
    .l-footer__inner .foot--links__bnr .copyright {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .l-footer__inner .foot--links__bnr .copyright {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .l-footer__inner .foot--links__bnr .copyright {
        padding-top: 10.256410256410255vw;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 10.256410256410255vw;
        font-size: 2.564102564102564vw !important
    }
}

.l-noisebg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    mix-blend-mode: soft-light;
    pointer-events: none;
    z-index: 10;
    height: 100%
}

@media print,
screen and (min-width:769px) {
    .l-noisebg {
        background: url(https://wsstcc.net/img/3rd/_common/noise_pc.png) left top repeat;
        background-size: 1280px auto
    }
}

@media screen and (max-width:768px) {
    .l-noisebg {
        background: url(https://wsstcc.net/img/3rd/_common/noise_sp.png) left top repeat;
        background-size: 390px auto
    }
}

#Wrap {
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow: hidden;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: unset
}

#Wrap[data-bgcolor=black] {
    background: #121212
}

#Wrap[data-bgcolor=black] #Main {
    background: #121212
}

#Wrap[data-bgcolor=black] #Main:before {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

#Wrap[data-bgcolor=green] {
    background: #367873
}

#Wrap[data-bgcolor=green] #Main {
    background: #367873
}

#Main {
    position: relative;
    z-index: 2;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media screen and (max-width:768px) {
    #Main[data-lang=EN]:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: auto !important;
        background: url(https://wsstcc.net/img/3rd/_common/bg/bg_footer_pc.jpg) center bottom no-repeat;
        background-size: 100% auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 205.1282051282051vw;
        aspect-ratio: 800/509.09
    }
}

@media screen and (max-width:768px) {
    #Main[data-bgcolor="green"][data-lang="EN"]:after {
        background: transparent
    }
}

@media screen and (max-width:768px) {
    #Main[data-bgcolor=green]:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 0;
        display: block;
        background: #121212;
        width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        height: 76.92307692307692vw
    }
}

.l-main {
    position: relative;
    z-index: 5
}

@media print,
screen and (min-width:769px) {
    .l-main[data-type=top] {
        padding-top: 40px
    }
}

.l-main[data-type=top] #js-contents {
    background: #3f0d47
}

.l-main[data-type="top"] .common-settings[data-bgcolor="red"],
.l-main[data-type="top"] #js-contents[data-bgcolor="red"] {
    background: #3f0d47
}

.l-main[data-type="top"] .common-settings[data-bgcolor="black"],
.l-main[data-type="top"] #js-contents[data-bgcolor="black"] {
    background: #121212
}

@media print,
screen and (min-width:769px) {
    .l-main[data-type=top] .common-settings .inner-section>* {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (min-width:769px) {
    .l-main[data-type=top] .common-settings .inner-section>*>header {
        width: 240px
    }
}

@media print,
screen and (min-width:769px) {
    .l-main[data-type=top] .common-settings .inner-section>*>main {
        width: calc(100% - 240px)
    }
}

.l-loader {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #121212
}

.l-loader.is__start .l-loader__inner .pbar--inner:before {
    width: 70%
}

.l-loader.is__end .l-loader__inner .pbar--inner:before {
    width: 100%;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.l-loader__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.l-loader__inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    mix-blend-mode: soft-light;
    pointer-events: none;
    z-index: 2;
    height: 100%
}

@media print,
screen and (min-width:769px) {
    .l-loader__inner:before {
        background: url(https://wsstcc.net/img/3rd/_common/noise_pc.png) left top repeat;
        background-size: 1280px auto
    }
}

@media screen and (max-width:768px) {
    .l-loader__inner:before {
        background: url(https://wsstcc.net/img/3rd/_common/noise_sp.png) left top repeat;
        background-size: 390px auto
    }
}

.l-loader__inner>* {
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .l-loader__inner>.ttl {
        width: 27.187499999999996%;
        max-width: 1280px
    }
}

@media screen and (max-width:768px) {
    .l-loader__inner>.ttl {
        width: 66.66666666666666vw
    }
}

.l-loader__inner>.ttl .catch {
    width: 100%
}

@media print,
screen and (min-width:769px) {
    .l-loader__inner>.ttl .catch {
        margin-bottom: 55px
    }
}

@media screen and (max-width:1280px) {
    .l-loader__inner>.ttl .catch {
        margin-bottom: 4.296875vw
    }
}

@media screen and (max-width:768px) {
    .l-loader__inner>.ttl .catch {
        margin-bottom: 14.87179487179487vw
    }
}

.l-loader__inner>.ttl .pbar {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: rgba(217, 217, 217, .3);
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .l-loader__inner>.ttl .pbar {
        width: 86.20689655172413%;
        max-width: 300px;
        height: 4px
    }
}

@media screen and (max-width:768px) {
    .l-loader__inner>.ttl .pbar {
        width: 51.28205128205128vw;
        height: 1.025641025641026vw
    }
}

.l-loader__inner>.ttl .pbar--inner {
    position: relative;
    width: 100%;
    height: 100%
}

.l-loader__inner>.ttl .pbar--inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background: #d9d9d9;
    transition-duration: 7s;
    transition-delay: 0;
    transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.l-loader__inner>.sh {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 1;
    color: #818181;
    font-weight: 700;
    text-align: center;
    z-index: 3
}

@media print,
screen and (min-width:769px) {
    .l-loader__inner>.sh {
        padding-bottom: 58px;
        font-size: 1.2rem
    }
}

@media screen and (max-width:1280px) {
    .l-loader__inner>.sh {
        padding-bottom: 4.53125vw;
        font-size: .9375vw !important
    }
}

@media screen and (max-width:768px) {
    .l-loader__inner>.sh {
        padding-bottom: 14.87179487179487vw;
        font-size: 2.564102564102564vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul {
        padding-left: 20px
    }
}

@media screen and (max-width:1280px) {
    .l-navlinks>ul {
        padding-left: 1.5625vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1280px) {
    .l-navlinks>ul:not(:last-child) {
        margin-bottom: 2.34375vw
    }
}

.l-navlinks>ul[data-type=animation],
.l-navlinks>ul[data-type=contents] {
    position: relative
}

.l-navlinks>ul[data-type=animation]:before,
.l-navlinks>ul[data-type=contents]:before {
    position: absolute;
    left: 0;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    display: block;
    font-weight: 700;
    font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    color: #fff;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

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

    .l-navlinks>ul[data-type=animation]:before,
    .l-navlinks>ul[data-type=contents]:before {
        top: -.1em;
        font-size: 1rem
    }
}

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

    .l-navlinks>ul[data-type=animation]:before,
    .l-navlinks>ul[data-type=contents]:before {
        font-size: .78125vw !important
    }
}

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

    .l-navlinks>ul[data-type=animation]:before,
    .l-navlinks>ul[data-type=contents]:before {
        top: 0;
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%);
        font-size: 3.333333333333333vw !important
    }
}

.l-navlinks>ul[data-type=animation]:before {
    content: "SERVICE ITEMS"
}

.l-navlinks>ul[data-type=contents]:before {
    content: "ABOUT US"
}

.l-navlinks>ul>li {
    line-height: .75
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul>li {
        font-size: 1.6rem;
        width: 150%
    }
}

@media screen and (max-width:1280px) {
    .l-navlinks>ul>li {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .l-navlinks>ul>li {
        font-size: 4.102564102564102vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul>li:not(:last-child) {
        margin-bottom: 17px
    }
}

@media screen and (max-width:1280px) {
    .l-navlinks>ul>li:not(:last-child) {
        margin-bottom: 1.328125vw
    }
}

@media screen and (max-width:768px) {
    .l-navlinks>ul>li:not(:last-child) {
        margin-bottom: 4.871794871794871vw
    }
}

.l-navlinks>ul>li>a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
    color: #fff;
    font-weight: 700
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul>li>a:hover>.circle {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul>li>a:hover>.arrow {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate(5%, -50%);
        transform: translate(5%, -50%)
    }
}

.l-navlinks>ul>li>a>* {
    display: block
}

.l-navlinks>ul>li>a>.circle,
.l-navlinks>ul>li>a>.arrow {
    height: auto;
    pointer-events: none;
    aspect-ratio: 1/1
}

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

    .l-navlinks>ul>li>a>.circle,
    .l-navlinks>ul>li>a>.arrow {
        width: 10px;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

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

    .l-navlinks>ul>li>a>.circle,
    .l-navlinks>ul>li>a>.arrow {
        width: .78vw
    }
}

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

    .l-navlinks>ul>li>a>.circle,
    .l-navlinks>ul>li>a>.arrow {
        display: none
    }
}

.l-navlinks>ul>li>a>.circle svg {
    vertical-align: middle;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.l-navlinks>ul>li>a>.arrow {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.l-navlinks>ul>li>a>.arrow svg {
    vertical-align: middle;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

@media print,
screen and (min-width:769px) {
    .l-navlinks>ul>li>a>.ttl {
        margin-left: 10px
    }
}

@media screen and (max-width:1280px) {
    .l-navlinks>ul>li>a>.ttl {
        margin-left: .78vw
    }
}

@media screen and (max-width:768px) {
    .l-navlinks>ul>li>a>.ttl {
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger {
        position: fixed;
        top: 7.692307692vw;
        right: 5.128205128205128%;
        z-index: 10;
        cursor: pointer;
        pointer-events: auto;
        width: 15.384615384615383vw
    }
}

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

    .l-navtrigger[data-status=navopened] .bars span.bar1,
    .l-navtrigger[data-status=navopened] .bars span.bar2 {
        top: 2vw
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger[data-status=navopened] .bars span.bar1 {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger[data-status=navopened] .bars span.bar2 {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger .bars {
        width: 100%;
        height: auto;
        aspect-ratio: 6/1.4
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger .bars span {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        background: #fff;
        transition-duration: .5s;
        transition-delay: 0;
        transition-timing-function: unset;
        height: .512820512820513vw
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger .bars span.bar1 {
        top: 0
    }
}

@media screen and (max-width:768px) {
    .l-navtrigger .bars span.bar2 {
        top: 3.076923077vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 8;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        pointer-events: none
    }
}

@media screen and (max-width:768px) {
    .l-spnav[data-status=show] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        pointer-events: auto
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner {
        position: relative;
        height: 100%
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #4b4b4b;
        z-index: 1
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont {
        position: relative;
        height: 100%;
        z-index: 2
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner {
        position: relative;
        height: 100%
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        z-index: 2;
        padding-top: 7.435897435897435vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav {
        margin-right: 5.128205128205128vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

.l-spnav__inner .cont--inner>header>.l-snsnav>ul>li {
    box-sizing: border-box
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li.twitter {
        margin-right: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li.twitter a {
        width: 18px
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li.twitter a {
        width: 4.615384615384615vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li.instagram a {
        width: 16px
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li.instagram a {
        width: 4.102564102564102vw
    }
}

.l-spnav__inner .cont--inner>header>.l-snsnav>ul>li a {
    display: block
}

@media print,
screen and (min-width:769px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li a {
        padding: 4px;
        transition-duration: .3s
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li a {
        margin-left: auto;
        margin-right: auto
    }
}

@media print,
screen and (min-width:769px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li a:hover {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
    }
}

.l-spnav__inner .cont--inner>header>.l-snsnav>ul>li a svg {
    vertical-align: middle
}

@media print,
screen and (min-width:769px) {
    .l-spnav__inner .cont--inner>header>.l-snsnav>ul>li a svg path {
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>.icon {
    display: block
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>.icon {
        margin-right: 2.564102564102564vw;
        width: 4.102564102564102vw
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>.icon svg {
    vertical-align: middle
}

.l-spnav__inner .cont--inner>header .l-langselect>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="JP"][data-status="opened"]>li[data-lang="jp"]:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="JP"][data-status="opened"]>li[data-lang="en"] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="JP"][data-status="opened"]>li[data-lang="en"] a {
        pointer-events: auto
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="JP"]>li[data-lang="jp"]:after {
    content: "・";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="JP"]>li[data-lang="jp"]:after {
        margin-top: 2.051282051282051vw
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="JP"]>li[data-lang="en"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"][data-status="opened"]>li[data-lang="en"]:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"][data-status="opened"]>li[data-lang="jp"] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"][data-status="opened"]>li[data-lang="jp"] a {
        pointer-events: auto
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"]>li[data-lang="en"] {
    -ms-flex-order: 1;
    order: 1
}

.l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"]>li[data-lang="en"]:after {
    content: "・";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media print,
screen and (min-width:769px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"]>li[data-lang="en"]:after {
        margin-left: .6em
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"]>li[data-lang="en"]:after {
        margin-top: 2.051282051282051vw
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>ul[data-current="EN"]>li[data-lang="jp"] {
    -ms-flex-order: 2;
    order: 2;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>header .l-langselect>ul>li {
        line-height: .75;
        font-weight: 700;
        font-size: 3.076923076923077vw !important
    }
}

.l-spnav__inner .cont--inner>header .l-langselect>ul>li a {
    pointer-events: none
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav {
        position: relative;
        z-index: 2;
        margin-top: 11.538461538461537vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav .l-navlinks {
        position: relative
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav .l-navlinks>ul {
        font-weight: 700;
        margin-left: auto;
        width: 69.23076923076923vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav .l-navlinks>ul:not(:last-child) {
        margin-bottom: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav .l-navlinks>ul[data-type=none]:before {
        content: "";
        background: #fff;
        display: block;
        margin-bottom: 7.692307692307692vw;
        width: .512820512820513vw;
        height: 2.564102564102564vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav .l-navlinks>ul>li {
        font-size: 7.692307692307692vw !important
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>nav .l-navlinks>ul>li:not(:last-child) {
        margin-bottom: 5.128205128205128vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>footer {
        position: absolute;
        left: 0;
        bottom: 10.25641026vw;
        width: 100%;
        pointer-events: none;
        z-index: 1;
        display: none !important
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>footer>.inner {
        position: relative;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between;
        box-sizing: border-box;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>footer>.inner>.logo {
        width: 19.487179487179485vw
    }
}

@media screen and (max-width:768px) {
    .l-spnav__inner .cont--inner>footer>.inner>.catch {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(0);
        filter: brightness(0);
        width: 35.128205128205124vw
    }
}

.l-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none
}

.l-modal[data-status=show] {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: auto;
    transition-duration: 1s;
    transition-delay: 0;
    transition-timing-function: unset
}

.l-modal[data-status=show] .bg {
    cursor: pointer
}

.l-modal__inner {
    position: relative;
    width: 100%;
    height: 100%
}

.l-modal__inner .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.l-modal__inner .cont {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 3
}

.l-modal__inner .closebtn {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .closebtn {
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media print,
screen and (min-width:769px) {
    .l-modal__inner .closebtn:hover {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
    }
}

#js-modal-movie[data-status=show] .cont--inner {
    pointer-events: auto
}

#js-modal-movie[data-status=show] .cont--inner .player {
    pointer-events: auto
}

#js-modal-movie[data-status=show] .bg {
    background: #000
}

#js-modal-movie[data-status=show] .closebtn {
    position: fixed;
    z-index: 3
}

@media print,
screen and (min-width:769px) {
    #js-modal-movie[data-status=show] .closebtn {
        top: 60px;
        right: 2.923976608187134%;
        width: 60px
    }
}

@media screen and (max-width:768px) {
    #js-modal-movie[data-status=show] .closebtn {
        left: 50%;
        bottom: 18vw;
        width: 15.384615384615383vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media print,
screen and (min-width:769px) {
    #js-modal-movie[data-status=show] .cont--inner {
        width: 80.4093567251462%;
        max-width: 1100px
    }
}

@media screen and (max-width:1200px) {
    #js-modal-movie[data-status=show] .cont--inner {
        max-width: 100%
    }
}

@media screen and (max-width:768px) {
    #js-modal-movie[data-status=show] .cont--inner {
        width: 100%
    }
}

#js-modal-movie[data-status=show] .cont--inner .player--inner {
    padding-top: 56.25%;
    position: relative
}

#js-modal-movie[data-status=show] .cont--inner .player--inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .fvimg .fvnavhover-icon {
        position: absolute;
        left: 40px;
        width: 10px;
        display: block;
        height: auto;
        border-radius: 100%;
        mix-blend-mode: difference;
        background: #fff;
        z-index: 2;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        pointer-events: none;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(4) translateY(4%);
        transform: scale(4) translateY(4%);
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset;
        aspect-ratio: 1/1
    }
}

@media screen and (max-width:1280px) {
    .fvimg .fvnavhover-icon {
        width: .78vw
    }
}

@media print,
screen and (min-width:769px) {
    .fvimg .fvnavhover-icon[data-status=current] {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.l-fv {
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .l-fv {
        height: 100svh
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner {
        position: relative;
        box-sizing: border-box;
        height: 100%;
        padding-bottom: 10.256410256410255vw
    }
}

.l-fv__inner .fv {
    position: relative;
    overflow: visible
}

@media screen and (max-width:768px) {
    .l-fv__inner .fv {
        height: 100%
    }
}

.l-fv__inner .fvslider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.l-fv__inner .fvslidenav {
    position: absolute;
    z-index: 5
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvslidenav {
        top: 118px;
        right: 0;
        width: 122px
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvslidenav {
        right: 5.128205128205128%;
        bottom: 0;
        width: 15.384615384615383vw
    }
}

.l-fv__inner .fvslidenav--inner {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvslidenav--inner {
        width: 60px
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvslidenav--inner:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 8px;
        height: auto;
        background: url(https://wsstcc.net/img/3rd/fv/thumb/ttl_changevisual.svg) left top no-repeat;
        background-size: auto 100%;
        z-index: 2;
        pointer-events: none;
        -webkit-transform: translateX(250%);
        transform: translateX(250%);
        aspect-ratio: 7.61/88.1
    }
}

.l-fv__inner .fvslidenav--inner>button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    border: solid 1px transparent;
    display: block;
    cursor: pointer;
    border-radius: 2px;
    width: 100%;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.l-fv__inner .fvslidenav--inner>button[data-status=current] {
    border-color: rgba(255, 255, 255, .5)
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvslidenav--inner>button:hover {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvslidenav--inner>button:not(:last-child) {
        margin-bottom: 15px
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .fvslidenav--inner>button:not(:last-child) {
        margin-bottom: 1.171875vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvslidenav--inner>button:not(:last-child) {
        margin-bottom: 3.846153846153846vw
    }
}

.l-fv__inner .fvslidenav--inner>button picture {
    display: block
}

.l-fv__inner .fvslidenav--inner>button picture img {
    width: 100%;
    vertical-align: bottom
}

.l-fv__inner .fvonair {
    position: absolute;
    color: #fff;
    font-weight: 500;
    line-height: .75;
    z-index: 3;
    pointer-events: none
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvonair {
        top: 40px;
        left: 40px;
        font-size: 3.4rem
    }
}

@media screen and (max-width:1280px) {
    .l-fv__inner .fvonair {
        font-size: 2.65625vw !important
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvonair {
        bottom: 9.74vw;
        left: 5.128205128205128%;
        font-size: 6.153846153846153vw !important
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvonair span {
        display: block
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvonair span.line2 {
        margin-top: .235em;
        display: block
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvonair span:not(:last-child) {
        margin-bottom: 3.076923076923077vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont {
        position: relative;
        z-index: 3;
        min-height: 720px;
        height: 100vh
    }
}

@media screen and (max-width:1280px) {
    .l-fv__inner .fvcont[data-status=ratioSet] {
        width: 100%;
        height: auto !important;
        aspect-ratio: 1280/800
    }
}

.l-fv__inner .fvcont--logo {
    position: absolute;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--logo {
        top: 50%;
        left: 40px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--logo {
        top: 0;
        left: 5.128205128205128%
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--logo[data-lang=JP] {
        width: 10.3125%
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--logo[data-lang=JP] {
        padding-top: 4.871794871794871vw;
        width: 19.487179487179485vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--logo[data-lang=EN] {
        width: 11.796875%
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--logo[data-lang=EN] {
        padding-top: 5.128205128205128vw;
        width: 25.897435897435894vw
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--movie {
        position: absolute;
        right: 40px;
        bottom: 40px;
        width: 160px;
        height: auto;
        cursor: pointer;
        border-radius: 5px;
        overflow: hidden;
        z-index: 2;
        object-fit: cover;
        aspect-ratio: 16/9
    }
}

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

    .l-fv__inner .fvcont--movie:hover .fvcont--movie__inner:before,
    .l-fv__inner .fvcont--movie:hover .fvcont--movie__inner:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.l-fv__inner .fvcont--movie__inner {
    position: relative;
    width: 100%;
    height: 100%
}

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

    .l-fv__inner .fvcont--movie__inner:before,
    .l-fv__inner .fvcont--movie__inner:after {
        position: absolute;
        display: block;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        pointer-events: none;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--movie__inner:before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 2
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--movie__inner:after {
        content: "PLAY";
        top: 50%;
        left: 50%;
        line-height: .75;
        font-weight: 700;
        color: #fff;
        -webkit-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%);
        font-size: 1.6rem;
        z-index: 3
    }
}

@media screen and (max-width:1280px) {
    .l-fv__inner .fvcont--movie__inner:after {
        font-size: 1.25vw !important
    }
}

.l-fv__inner .fvcont--movie__inner iframe {
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    pointer-events: none;
    z-index: 1;
    aspect-ratio: 16/9
}

.l-fv__inner .fvcont--nav {
    position: absolute;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--nav {
        left: 40px;
        bottom: 40px
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--nav {
        left: 5.128205128205128%;
        bottom: 0
    }
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--nav__logo {
        margin-bottom: 60px;
        width: 132px
    }
}

@media screen and (max-width:1200px) {
    .l-fv__inner .fvcont--nav__logo {
        margin-bottom: 4.6875vw;
        width: 10.3125vw
    }
}

.l-fv__inner .fvcont--nav__scrolldown {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border-style: none;
    font-weight: 700;
    color: #fff
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--nav__scrolldown {
        margin-top: 40px;
        font-size: 1.2rem;
        height: 11px
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--nav__scrolldown {
        margin-top: 10.256410256410255vw;
        font-size: 2.564102564102564vw !important
    }
}

.l-fv__inner .fvcont--nav__scrolldown>* {
    display: block
}

.l-fv__inner .fvcont--nav__scrolldown>.arrow {
    overflow: hidden
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--nav__scrolldown>.arrow {
        width: 11px
    }
}

@media screen and (max-width:1280px) {
    .l-fv__inner .fvcont--nav__scrolldown>.arrow {
        width: .859375vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--nav__scrolldown>.arrow {
        width: 1.948717948717948vw
    }
}

.l-fv__inner .fvcont--nav__scrolldown>.arrow svg {
    display: block;
    vertical-align: middle;
    -webkit-animation: fvScrollDown 2s infinite linear;
    animation: fvScrollDown 2s infinite linear;
    -webkit-animation-duration: cubic-bezier(.785, .135, .15, .86);
    animation-duration: cubic-bezier(.785, .135, .15, .86)
}

.l-fv__inner .fvcont--nav__scrolldown>.ttl {
    line-height: .75;
    font-weight: 700
}

@media print,
screen and (min-width:769px) {
    .l-fv__inner .fvcont--nav__scrolldown>.ttl {
        margin-left: 10px
    }
}

@media screen and (max-width:1280px) {
    .l-fv__inner .fvcont--nav__scrolldown>.ttl {
        margin-left: .78vw
    }
}

@media screen and (max-width:768px) {
    .l-fv__inner .fvcont--nav__scrolldown>.ttl {
        margin-left: 1.282051282051282vw
    }
}

#js-contents[data-bgcolor="red"] .common-settings#Bd .inner-section .bd>header>nav>button[data-status="current"] {
    border-color: #aa9c64;
    pointer-events: none
}

#js-contents[data-bgcolor="red"] .common-settings#Bd .inner-section .bd>header>nav>button[data-status="current"]>* {
    color: #aa9c64;
    border-color: #aa9c64
}

@media print,
screen and (min-width:769px) {
    #js-contents[data-bgcolor=red] .common-settings#Bd .inner-section .bd>header>nav>button:hover {
        border-color: #aa9c64;
        color: #aa9c64
    }
}

#js-contents[data-bgcolor="black"] .common-settings#Bd .inner-section .bd>header>nav>button[data-status="current"] {
    border-color: #af0;
    pointer-events: none
}

#js-contents[data-bgcolor="black"] .common-settings#Bd .inner-section .bd>header>nav>button[data-status="current"]>* {
    color: #af0;
    border-color: #af0
}

@media print,
screen and (min-width:769px) {
    #js-contents[data-bgcolor=black] .common-settings#Bd .inner-section .bd>header>nav>button:hover {
        border-color: #af0;
        color: #af0
    }
}

.common-settings#Bd {
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd {
        padding: 250px 40px 50px 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd {
        padding-top: 12.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd {
        padding:9.384615vw 5.128205128205128%;
    }
}

.common-settings#Bd .inner-section {
    position: relative
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header {
        margin-bottom: 15.384615384615383vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>header>nav {
        margin-top: 80px;
        max-width: 160px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>header>nav {
        margin-top: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 12.82051282051282vw
    }
}

.common-settings#Bd .inner-section .bd>header>nav>button {
    margin: 0;
    padding: 0;
    background: none;
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: left;
    color: #fff;
    line-height: 1;
    border: solid 0 #fff;
    border-width: 0 0 2px
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>header>nav>button {
        padding-bottom: 18px;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>header>nav>button {
        padding-bottom: 1.40625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button {
        text-align: center;
        padding-bottom: 3.076923076923077vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:not(:last-child) {
        margin-bottom: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(1) {
        width: 28.000000000000004%
    }
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(1) time,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(2) time,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(3) time,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(4) time,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(1) span,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(2) span,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(3) span,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(4) span {
        margin-bottom: 2.051282051282051vw
    }
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(2),
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(3),
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(4) {
        width: 20%
    }
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(4),
    .common-settings#Bd .inner-section .bd>header>nav>button:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(5) {
        width: 33.42857142857143%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(6) {
        width: 37.142857142857146%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(7) {
        width: 23.714285714285715%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(n+5) {
        margin-top: 14.102564102564102vw
    }
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(n+5) time,
    .common-settings#Bd .inner-section .bd>header>nav>button:nth-child(n+5) span {
        margin-bottom: 3.333333333333333vw
    }
}

.common-settings#Bd .inner-section .bd>header>nav>button time,
.common-settings#Bd .inner-section .bd>header>nav>button span {
    display: block;
    line-height: 1;
    font-weight: 700
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button time,
    .common-settings#Bd .inner-section .bd>header>nav>button span {
        margin-bottom: 18px;
        font-size: 1.3rem
    }
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button time,
    .common-settings#Bd .inner-section .bd>header>nav>button span {
        margin-bottom: 1.40625vw;
        font-size: 1.015625vw !important
    }
}

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

    .common-settings#Bd .inner-section .bd>header>nav>button time,
    .common-settings#Bd .inner-section .bd>header>nav>button span {
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Bd .inner-section .bd>header>nav>button h4 {
    position: relative;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 {
        font-size: 2.82051282051282vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 small {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 small {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 small {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(325%);
        transform: translateY(325%);
        font-size: 2.307692307692307vw !important
    }
}

.common-settings#Bd .inner-section .bd>header>nav>button h4 em {
    margin-left: .4em;
    margin-right: .4em
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>header>nav>button h4 em {
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata[data-status=hidden] {
    display: none
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner {
    color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .1)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner {
        padding: 30px;
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner {
        padding-top: 2.34375vw;
        padding-left: 2.34375vw;
        padding-right: 2.34375vw;
        padding-bottom: 4.6875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner {
        padding-top: 5.128205128205128vw;
        padding-left: 5.128205128205128vw;
        padding-right: 5.128205128205128vw;
        padding-bottom: 10.256410256410255vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>header {
        margin-bottom: 25px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>header {
        margin-bottom: 1.953125vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>header {
        margin-bottom: 3.846153846153846vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>header h3 {
        font-size: 3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>header h3 {
        font-size: 2.34375vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>header h3 {
        font-size: 5.128205128205128vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main {
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main>*:not(:last-child) {
    margin-bottom: 1.2em
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl:not(:first-child) {
        padding-top: 45px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl:not(:first-child) {
        padding-top: 3.515625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl:not(:first-child) {
        padding-top: 7.692307692307692vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt {
        margin-bottom: 1.5625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt {
        margin-bottom: 3.076923076923077vw
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt>h4 {
    line-height: 1.6
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt>h4 {
        font-size: 2rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt>h4 {
        font-size: 1.5625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dt>h4 {
        font-size: 4.102564102564102vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main dl>dd>*:not(:last-child) {
    margin-bottom: 1.5em
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ol>li,
.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ul>li {
    margin-left: 1.5em;
    line-height: 1.6
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ol>li:not(:last-child),
.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ul>li:not(:last-child) {
    margin-bottom: .6em
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ol>li>ol,
.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ul>li>ol,
.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ol>li>ul,
.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ul>li>ul {
    margin-top: .5em
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ol {
    list-style-type: decimal
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main ul {
    list-style-type: disc
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main picture {
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main picture:not(:first-child) {
        margin-top: 45px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main picture:not(:first-child) {
        margin-top: 3.515625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main picture:not(:first-child) {
        margin-top: 7.692307692307692vw
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main picture img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>main picture img {
        max-height: 440px
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist {
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 2.564102564102564vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li {
        margin-right: 4.545454545454546%;
        width: 30.303030303030305%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li {
        width: 48.38709677419355%
    }
}

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

    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li:nth-child(3n),
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li:last-child {
        margin-right: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li:nth-child(n+4) {
        margin-top: 60px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li:nth-child(n+4) {
        margin-top: 4.6875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li:nth-child(n+4) {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li:nth-child(n+3) {
        margin-top: 10.256410256410255vw
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>header {
    line-height: 1.4;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>header {
        margin-bottom: 25px;
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>header {
        margin-bottom: 1.953125vw;
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>header {
        margin-bottom: 5.128205128205128vw;
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>picture {
    display: block
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>picture img {
    width: 100%;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>main {
        margin-top: 25px;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>main {
        margin-top: 1.953125vw;
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>main {
        margin-top: 3.846153846153846vw;
        font-size: 2.307692307692307vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>nav {
    margin-top: .3em
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>nav {
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>nav {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>nav {
        font-size: 2.307692307692307vw !important
    }
}

.common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>nav a {
    text-decoration: underline
}

@media print,
screen and (min-width:769px) {
    .common-settings#Bd .inner-section .bd>main .bd--slider .bddata--inner>.tokutenlist>li>nav a:hover {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        text-decoration: none
    }
}

#js-contents[data-bgcolor=black] .common-settings#Book:after {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

#js-contents[data-bgcolor=green] .common-settings#Book:after {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.common-settings#Book {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book {
        padding-bottom: 165px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book {
        padding-bottom: 12.890625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book {
        padding-bottom: 30.769230769230766vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Book:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    z-index: 1;
    pointer-events: none;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book:after {
        background: url(https://wsstcc.net/img/3rd/_common/bg/bg_footer_pc.jpg) center bottom no-repeat;
        background-size: 100% auto;
        height: auto;
        aspect-ratio: 1288/814.55
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book:after {
        background: url(https://wsstcc.net/img/3rd/_common/bg/bg_footer_pc.jpg) center bottom no-repeat;
        background-size: 100% auto;
        height: auto !important;
        bottom: -58vw;
        width: 205.1282051282051vw;
        aspect-ratio: 800/509.09
    }
}

.common-settings#Book .inner-section {
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist {
        width: 100%;
        max-width: 720px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section {
        width: 45.83333333333333%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section:not(:last-child) {
        margin-bottom: 15.384615384615383vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section:nth-child(n+3) {
        margin-top: 60px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section:nth-child(n+3) {
        margin-top: 4.6875vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header {
        margin-bottom: 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header {
        margin-bottom: 3.125vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header {
        margin-bottom: 10.256410256410255vw
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>header>h4 {
    color: #fff
}

.common-settings#Book .inner-section .book>main>.booklist>section>header>h4>* {
    display: block;
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header>h4>small {
        margin-bottom: 1em;
        font-size: 1rem;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header>h4>small {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header>h4>small {
        margin-bottom: 1.6em;
        font-size: 2.307692307692307vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header>h4>em {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header>h4>em {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>header>h4>em {
        font-size: 4.102564102564102vw !important
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li {
        margin-right: 9.090909090909092%;
        width: 27.27272727272727%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li {
        margin-right: 7.142857142857142%;
        width: 28.57142857142857%
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li:nth-child(3n),
.common-settings#Book .inner-section .book>main>.booklist>section>ul>li:last-child {
    margin-right: 0 !important
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li:nth-child(n+4) {
        margin-top: 30px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li:nth-child(n+4) {
        margin-top: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li:nth-child(n+4) {
        margin-top: 6.41025641025641vw
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li:nth-child(n+7) {
    display: none
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more {
    cursor: pointer
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:hover:after {
        bottom: 5.384615384615385%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:hover picture:after {
        background: rgba(0, 0, 0, .8)
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more .linkwrap {
    pointer-events: none
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:before {
    content: "More";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:before {
        font-size: 1.6rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:before {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:before {
        font-size: 4.102564102564102vw !important
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 9.230769230769232%;
    background: url(https://wsstcc.net/img/3rd/_common/icon/arrow_bottom.svg) center bottom no-repeat;
    background-size: 100% auto;
    height: auto;
    z-index: 3;
    aspect-ratio: 9/9
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:after {
        width: 9px;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:after {
        width: .703125vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more:after {
        width: 2.307692307692307vw
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more picture {
    position: relative;
    z-index: 1
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li.js--book-more picture:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li:hover picture:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li .linkwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li picture {
    position: relative;
    display: block;
    overflow: hidden
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li picture:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .6);
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Book .inner-section .book>main>.booklist>section>ul>li picture:after {
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 2px;
    object-fit: cover;
    aspect-ratio: 90/130
}

.common-settings#Book .inner-section .book>main>.booklist>section>ul>li .blank {
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, .05);
    border-radius: 2px;
    aspect-ratio: 90/130
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char {
        padding-top: 148px;
        padding-bottom: 98px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char {
        padding-top: 11.5625vw;
        padding-bottom: 7.65625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char {
        padding-top: 26.92307692307692vw;
        padding-bottom: 0
    }
}

.common-settings#Char[data-bgcolor=green] .inner-section .char>nav>.inner button {
    background: #343434
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char[data-bgcolor=green] .inner-section .char>nav>.inner button:hover {
        background: #af0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char[data-bgcolor=green] .inner-section .char>nav>.inner button:hover .thumb>small {
        color: #000
    }
}

.common-settings#Char[data-bgcolor="green"] .inner-section .char>nav>.inner button[data-status="current"] {
    background: #af0
}

.common-settings#Char[data-bgcolor="green"] .inner-section .char>nav>.inner button[data-status="current"] .thumb>small {
    color: #000
}

.common-settings#Char .inner-section {
    position: relative
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        background: #fff;
        width: .512820512820513vw;
        height: 2.564102564102564vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section:before {
        left: 5.128205128205128%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section:after {
        right: 5.128205128205128%
    }
}

.common-settings#Char .inner-section .char>header {
    position: relative;
    box-sizing: border-box;
    z-index: 3
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>header {
        margin-bottom: 80px;
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>header {
        margin-bottom: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>header {
        margin-bottom: 15.384615384615383vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>header>.inner {
        width: 52.5%;
        max-width: 630px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>header>.inner>nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>header>.inner>nav>button:not(:last-child) {
        margin-right: 10px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>header>.inner>nav>button:not(:last-child) {
        margin-right: .78vw
    }
}

.common-settings#Char .inner-section .char>nav {
    position: relative;
    box-sizing: border-box;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav {
        margin-bottom: 80px;
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>nav {
        margin-bottom: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav {
        margin-bottom: 7.692307692307692vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Char .inner-section .char>nav>.inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner {
        max-width: 630px;
        width: 52.5%
    }
}

.common-settings#Char .inner-section .char>nav>.inner>button {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background: #000;
    cursor: pointer;
    display: block;
    border-style: none;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner>button {
        margin-right: 1.587301587301587%;
        width: 23.809523809523807%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav>.inner>button {
        margin-right: 2.857142857142857%;
        width: 17.71428571428571%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:nth-child(5n) {
        margin-right: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:nth-child(n+5) {
        margin-top: 30px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:nth-child(n+5) {
        margin-top: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:nth-child(n+5) {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:nth-child(n+6) {
        margin-top: 2.564102564102564vw
    }
}

.common-settings#Char .inner-section .char>nav>.inner>button:last-child {
    margin-right: 0 !important
}

.common-settings#Char .inner-section .char>nav>.inner>button[data-status=current] {
    background: #aa9c64
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner>button:hover {
        background: #aa9c64
    }
}

.common-settings#Char .inner-section .char>nav>.inner>button picture {
    display: block;
    overflow: hidden
}

.common-settings#Char .inner-section .char>nav>.inner>button picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner>button picture img {
        object-fit: contain;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        aspect-ratio: 15/5
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>nav>.inner>button picture img {
        -webkit-transform: translateX(2.34375vw);
        transform: translateX(2.34375vw);
        object-fit: cover
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav>.inner>button picture img {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        aspect-ratio: 62/38.75
    }
}

.common-settings#Char .inner-section .char>nav>.inner>button small {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
    line-height: 1;
    text-align: left;
    color: #fff;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>nav>.inner>button small {
        left: 15px;
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>nav>.inner>button small {
        left: 1.171875vw;
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>nav>.inner>button small {
        display: none
    }
}

.common-settings#Char .inner-section .char>nav>.inner>button small[data-lang=JP] {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

.common-settings#Char .inner-section .char>main {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main {
        width: 100%
    }
}

.common-settings#Char .inner-section .char>main .charslider>.slick-list,
.common-settings#Char .inner-section .char>main .charslider div {
    margin-bottom: 0 !important
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner {
    box-sizing: border-box
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner {
        padding-left: 240px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner {
        padding-left: 18.75vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner {
        padding-left: 5.128205128205128vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont {
        max-width: 872px
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v {
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v {
        position: absolute;
        top: -520px;
        right: 0;
        width: 60.321100917431195%
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v {
        top: -40.625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v {
        position: relative;
        top: auto;
        margin-left: auto;
        -webkit-transform: translateX(5.128205128205128vw);
        transform: translateX(5.128205128205128vw);
        width: 81.02564102564102%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v[data-char=sadeena] {
        top: -602px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v[data-char=sadeena] {
        top: -45.625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v[data-char=sadeena] {
        top: -12.82051282051282vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v[data-char=sadeena] picture img {
        aspect-ratio: 526/960
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v[data-char=sadeena] picture img {
        aspect-ratio: 316/576
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v picture {
    display: block
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v picture img {
        aspect-ratio: 526/878
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .v picture img {
        aspect-ratio: 316/527
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt {
    z-index: 1;
    color: #fff
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt {
        position: absolute;
        top: 5.128205128205128vw;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name {
        margin-bottom: 30px;
        height: 90px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name {
        margin-bottom: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name {
        height: 45px;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 14.102564102564102vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=naofumi]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/naofumi.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=naofumi]:before {
        background-size: 942px auto;
        -webkit-animation: bgNameAnimeNaofumiPC calc(942s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeNaofumiPC calc(942s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=naofumi]:before {
        background-size: 471px auto;
        -webkit-animation: bgNameAnimeNaofumiSP calc(471s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeNaofumiSP calc(471s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=raphtalia]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/raphtalia.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=raphtalia]:before {
        background-size: 578px auto;
        -webkit-animation: bgNameAnimeRaphtaliaPC calc(578s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeRaphtaliaPC calc(578s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=raphtalia]:before {
        background-size: 289px auto;
        -webkit-animation: bgNameAnimeRaphtaliaSP calc(289s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeRaphtaliaSP calc(289s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=filo]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/filo.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=filo]:before {
        background-size: 276px auto;
        -webkit-animation: bgNameAnimeFiloPC calc(276s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeFiloPC calc(276s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=filo]:before {
        background-size: 138px auto;
        -webkit-animation: bgNameAnimeFiloSP calc(138s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeFiloSP calc(138s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=rishia]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/rishia.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=rishia]:before {
        background-size: 361px auto;
        -webkit-animation: bgNameAnimeRishiaPC calc(361s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeRishiaPC calc(361s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=rishia]:before {
        background-size: 181px auto;
        -webkit-animation: bgNameAnimeRishiaSP calc(181s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeRishiaSP calc(181s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=ren]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/ren.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=ren]:before {
        background-size: 597px auto;
        -webkit-animation: bgNameAnimeRenPC calc(597s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeRenPC calc(597s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=ren]:before {
        background-size: 299px auto;
        -webkit-animation: bgNameAnimeRenSP calc(299s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeRenSP calc(299s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=motoyasu]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/motoyasu.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=motoyasu]:before {
        background-size: 1108px auto;
        -webkit-animation: bgNameAnimeMotoyasuPC calc(1108s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeMotoyasuPC calc(1108s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=motoyasu]:before {
        background-size: 554px auto;
        -webkit-animation: bgNameAnimeMotoyasuSP calc(554s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeMotoyasuSP calc(554s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=itsuki]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/itsuki.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=itsuki]:before {
        background-size: 859px auto;
        -webkit-animation: bgNameAnimeItsukiPC calc(859s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeItsukiPC calc(859s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=itsuki]:before {
        background-size: 430px auto;
        -webkit-animation: bgNameAnimeItsukiSP calc(430s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeItsukiSP calc(430s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=melty]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/melty.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=melty]:before {
        background-size: 360px auto;
        -webkit-animation: bgNameAnimeMeltyPC calc(360s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeMeltyPC calc(360s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=melty]:before {
        background-size: 180px auto;
        -webkit-animation: bgNameAnimeMeltySP calc(180s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeMeltySP calc(180s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=eclair]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/eclair.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=eclair]:before {
        background-size: 385px auto;
        -webkit-animation: bgNameAnimeEclairPC calc(385s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeEclairPC calc(385s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=eclair]:before {
        background-size: 193px auto;
        -webkit-animation: bgNameAnimeEclairSP calc(193s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeEclairSP calc(193s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=myne]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/myne.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=myne]:before {
        background-size: 349px auto;
        -webkit-animation: bgNameAnimeMynePC calc(349s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeMynePC calc(349s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=myne]:before {
        background-size: 175px auto;
        -webkit-animation: bgNameAnimeMyneSP calc(175s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeMyneSP calc(175s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=sadeena]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/sadeena.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=sadeena]:before {
        background-size: 509px auto;
        -webkit-animation: bgNameAnimeSadeenaPC calc(509s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeSadeenaPC calc(509s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=sadeena]:before {
        background-size: 255px auto;
        -webkit-animation: bgNameAnimeSadeenaSP calc(255s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeSadeenaSP calc(255s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=fohl]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/fohl.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=fohl]:before {
        background-size: 330px auto;
        -webkit-animation: bgNameAnimeFohlPC calc(330s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeFohlPC calc(330s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=fohl]:before {
        background-size: 165px auto;
        -webkit-animation: bgNameAnimeFohlSP calc(165s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeFohlSP calc(165s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=atla]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/atla.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=atla]:before {
        background-size: 289px auto;
        -webkit-animation: bgNameAnimeAtlaPC calc(289s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeAtlaPC calc(289s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=atla]:before {
        background-size: 145px auto;
        -webkit-animation: bgNameAnimeAtlaSP calc(145s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeAtlaSP calc(145s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=syne]:before {
    background-image: url(https://wsstcc.net/img/3rd/char/name/syne.png)
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=syne]:before {
        background-size: 327px auto;
        -webkit-animation: bgNameAnimeSynePC calc(327s/var(--chara-name-speedPC)) infinite linear;
        animation: bgNameAnimeSynePC calc(327s/var(--chara-name-speedPC)) infinite linear
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name[data-char=syne]:before {
        background-size: 164px auto;
        -webkit-animation: bgNameAnimeSyneSP calc(164s/var(--chara-name-speedSP)) infinite linear;
        animation: bgNameAnimeSyneSP calc(164s/var(--chara-name-speedSP)) infinite linear
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 200vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
    background-repeat: repeat-x;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name i {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-35px, -50%);
    transform: translate(-35px, -50%);
    color: #fff;
    font-weight: 700
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name i {
        font-size: 1.2rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name i {
        font-size: .9375vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name i {
        display: none
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em {
    position: relative;
    display: block;
    line-height: 1;
    z-index: 2
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=JP] {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=JP] {
        font-size: 4rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=JP] {
        font-size: 3.125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=JP] {
        font-size: 5.128205128205128vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=EN] {
        font-size: 5rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=EN] {
        font-size: 3.90625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--name em[data-lang=EN] {
        font-size: 6.153846153846153vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof {
        max-width: 390px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof {
        width: 44.72477064220183%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof {
        -ms-flex-order: 3;
        order: 3;
        margin-top: 6.41025641025641vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=JP] {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=JP] {
        line-height: 3;
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=JP] {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=JP] {
        line-height: 2.5;
        font-size: 2.82051282051282vw !important;
        width: 38.46153846153846vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=EN] {
    line-height: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=EN] {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=EN] {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--prof[data-lang=EN] {
        font-size: 2.82051282051282vw !important;
        width: 46.153846153846146vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv {
    line-height: 1
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv {
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=JP] {
        margin-top: 30px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=JP] {
        margin-top: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=JP] {
        margin-top: 0
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=JP]>h4 {
        font-family: a-otf-gothic-mb101-pr6n, sans-serif;
        font-weight: 300;
        font-style: normal
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=JP]>h4 {
        font-size: 4.102564102564102vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=EN] {
        margin-top: 25px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=EN] {
        margin-top: 1.953125vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv[data-lang=EN] {
        margin-top: 0
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv>h4 {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv>h4 {
        font-size: 2rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv>h4 {
        font-size: 1.5625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv>h4 {
        font-size: 4.102564102564102vw !important
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner>.inner>.cont .txt--cv>h4:before {
    content: "CV.";
    margin-right: .5em;
    font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

.common-settings#Movie {
    position: relative;
    z-index: 1;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie {
        padding-top: 160px;
        padding-bottom: 160px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie {
        padding-top: 30.769230769230766vw;
        padding-bottom: 30.769230769230766vw
    }
}

.common-settings#Movie[data-lang=JP]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    display: block;
    z-index: 1;
    pointer-events: none;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie[data-lang=JP]:after {
        background: url(https://wsstcc.net/img/3rd/_common/bg/bg_footer_pc.jpg) center bottom no-repeat;
        background-size: 100% auto;
        height: auto;
        aspect-ratio: 1288/814.55
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie[data-lang=JP]:after {
        background: url(https://wsstcc.net/img/3rd/_common/bg/bg_footer_pc.jpg) center bottom no-repeat;
        background-size: 100% auto;
        height: auto !important;
        width: 205.1282051282051vw;
        aspect-ratio: 800/509.09
    }
}

.common-settings#Movie[data-lang="JP"][data-bgcolor="green"]:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie[data-status=thumbhover]:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate(0, -50%) scale(1);
        transform: translate(0, -50%) scale(1)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 111px;
        width: 200px;
        height: auto;
        background: #fff;
        border-radius: 100%;
        -webkit-transform: translate(0, -50%) scale(.95);
        transform: translate(0, -50%) scale(.95);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        mix-blend-mode: difference;
        z-index: 3;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        pointer-events: none;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset;
        aspect-ratio: 1/1
    }
}

.common-settings#Movie .inner-section {
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section:after {
        right: 5.128205128205128%
    }
}

.common-settings#Movie .inner-section .movie {
    position: relative
}

.common-settings#Movie .inner-section .movie>header {
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section .movie>header {
        padding-left: 5.128205128205128vw
    }
}

.common-settings#Movie .inner-section .movie>aside {
    position: absolute;
    z-index: 3
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside {
        top: 50%;
        left: 200px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.common-settings#Movie .inner-section .movie>aside>h4 {
    line-height: .75;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    z-index: 3
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4 {
        font-size: 8rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Movie .inner-section .movie>aside>h4 {
        font-size: 6.25vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4:hover .inner em:before {
        -webkit-transform: translateY(-60%) scale(0);
        transform: translateY(-60%) scale(0)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4:hover .inner .arrow {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4:hover .inner .arrow svg {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.common-settings#Movie .inner-section .movie>aside>h4[data-status=active] .inner em:before {
    -webkit-transform: translateY(-60%) scale(0);
    transform: translateY(-60%) scale(0)
}

.common-settings#Movie .inner-section .movie>aside>h4[data-status=active] .inner .arrow {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Movie .inner-section .movie>aside>h4[data-status=active] .inner .arrow svg {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.common-settings#Movie .inner-section .movie>aside>h4 .inner {
    position: relative
}

.common-settings#Movie .inner-section .movie>aside>h4 .inner em {
    position: relative;
    display: block
}

.common-settings#Movie .inner-section .movie>aside>h4 .inner em:before {
    content: "";
    position: absolute;
    top: 50%
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4 .inner em:before {
        transition-duration: .5s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

.common-settings#Movie .inner-section .movie>aside>h4 .inner em:before {
    background: #fff;
    border-radius: 100%;
    -webkit-transform: translateY(-60%) scale(1);
    transform: translateY(-60%) scale(1);
    height: auto;
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4 .inner em:before {
        left: -50px;
        width: 30px;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Movie .inner-section .movie>aside>h4 .inner em:before {
        left: -3.94vw;
        width: 2.34vw
    }
}

.common-settings#Movie .inner-section .movie>aside>h4 .inner .arrow {
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4 .inner .arrow {
        left: -45px;
        width: 33px;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Movie .inner-section .movie>aside>h4 .inner .arrow {
        left: -3.94vw;
        width: 2.578vw
    }
}

.common-settings#Movie .inner-section .movie>aside>h4 .inner .arrow svg {
    vertical-align: middle
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>aside>h4 .inner .arrow svg {
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%);
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

.common-settings#Movie .inner-section .movie>main {
    position: relative;
    z-index: 1
}

.common-settings#Movie .inner-section .movie>main>nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>main>nav {
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: '$easeInOutCirc'
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section .movie>main>nav {
        overflow-x: scroll;
        box-sizing: border-box;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-left: 5.128205128205128vw;
        padding-right: 5.128205128205128vw
    }
}

.common-settings#Movie .inner-section .movie>main>nav::-webkit-scrollbar {
    display: none
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>main>nav[data-size=noscroll]>article {
        width: 720px
    }
}

.common-settings#Movie .inner-section .movie>main>nav>article {
    transition-duration: .8s;
    transition-delay: 0;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>main>nav>article {
        min-width: 720px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Movie .inner-section .movie>main>nav>article {
        min-width: 56.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section .movie>main>nav>article {
        min-width: 82.05vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>main>nav>article[data-status=disable] {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5);
        pointer-events: none
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>main>nav>article:not(:last-child) {
        margin-right: 80px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Movie .inner-section .movie>main>nav>article:not(:last-child) {
        margin-right: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Movie .inner-section .movie>main>nav>article:not(:last-child) {
        margin-right: 5.128205128205128vw
    }
}

.common-settings#Movie .inner-section .movie>main>nav>article picture {
    display: block;
    border-radius: 5px;
    overflow: hidden
}

.common-settings#Movie .inner-section .movie>main>nav>article picture img {
    width: 100%;
    vertical-align: bottom
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>footer {
        position: absolute;
        left: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 3
    }
}

.common-settings#Movie .inner-section .movie>footer[data-status=hidden] {
    display: none
}

.common-settings#Movie .inner-section .movie>footer>nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.common-settings#Movie .inner-section .movie>footer>nav>button {
    pointer-events: auto;
    transition-duration: .5s;
    transition-delay: 0;
    transition-timing-function: unset
}

.common-settings#Movie .inner-section .movie>footer>nav>button[data-status=disable] {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    pointer-events: none
}

@media print,
screen and (min-width:769px) {
    .common-settings#Movie .inner-section .movie>footer>nav>button:not(:last-child) {
        margin-right: 10px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Movie .inner-section .movie>footer>nav>button:not(:last-child) {
        margin-right: .78vw
    }
}

.common-settings#Music {
    position: relative;
    z-index: 2;
    overflow: visible
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music {
        padding-top: 160px;
        padding-bottom: 160px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music {
        padding-top: 12.5vw;
        padding-bottom: 12.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music {
        padding-top: 30.769230769230766vw;
        padding-bottom: 30.769230769230766vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Music[data-bgcolor=black] {
    background: transparent
}

.common-settings#Music[data-bgcolor=green] .inner-section .music>main>nav button.js--musicselect {
    cursor: pointer
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music[data-bgcolor=green] .inner-section .music>main>nav button.js--musicselect:hover>header {
        color: #af0
    }
}

.common-settings#Music[data-bgcolor="green"] .inner-section .music>main>nav button[data-status="current"]>picture img {
    border-color: #af0
}

.common-settings#Music[data-bgcolor="green"] .inner-section .music>main>nav button[data-status="current"]>header {
    color: #af0
}

.common-settings#Music .inner-section {
    position: relative;
    z-index: 2
}

.common-settings#Music .inner-section .music--contents .musicdata {
    border-radius: 5px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .1);
    display: none
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata {
        margin-bottom: 60px;
        padding: 30px 30px 60px;
        max-width: 720px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata {
        margin-bottom: 4.6875vw;
        padding-top: 2.34375vw;
        padding-left: 2.34375vw;
        padding-right: 2.34375vw;
        padding-bottom: 4.6875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata {
        margin-bottom: 10.256410256410255vw;
        padding-top: 5.128205128205128vw;
        padding-left: 5.128205128205128vw;
        padding-right: 5.128205128205128vw;
        padding-bottom: 10.256410256410255vw
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner {
    position: relative
}

.common-settings#Music .inner-section .music--contents .musicdata--inner .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    z-index: 5
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner .closebtn {
        width: 50px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner .closebtn {
        width: 3.90625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner .closebtn {
        width: 12.82051282051282vw
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner .closebtn img {
    width: 100%;
    vertical-align: bottom
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>header,
.common-settings#Music .inner-section .music--contents .musicdata--inner>main {
    position: relative;
    color: #fff;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

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

    .common-settings#Music .inner-section .music--contents .musicdata--inner>header,
    .common-settings#Music .inner-section .music--contents .musicdata--inner>main {
        margin-left: auto;
        width: 50%;
        font-size: 1.3rem
    }
}

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

    .common-settings#Music .inner-section .music--contents .musicdata--inner>header,
    .common-settings#Music .inner-section .music--contents .musicdata--inner>main {
        font-size: 1.015625vw !important
    }
}

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

    .common-settings#Music .inner-section .music--contents .musicdata--inner>header,
    .common-settings#Music .inner-section .music--contents .musicdata--inner>main {
        font-size: 3.333333333333333vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header {
        margin-bottom: 55px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header {
        margin-bottom: 4.296875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header {
        margin-bottom: 10.256410256410255vw
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>header>em {
    line-height: 1;
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>em {
        margin-bottom: 15px;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>em {
        margin-bottom: 1.171875vw;
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>em {
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4 {
    line-height: 1;
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4 {
        font-size: 2rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4 {
        font-size: 1.5625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4 {
        font-size: 5.128205128205128vw !important
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4>small {
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4>small {
        margin-top: 12px;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4>small {
        margin-top: .9375vw;
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>header>h4>small {
        margin-top: 4.102564102564102vw;
        font-size: 2.82051282051282vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>main {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>main {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>main {
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>main>*:not(:last-child) {
    margin-bottom: 1.6em
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>picture {
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>picture {
        position: absolute;
        top: 0;
        left: 0;
        width: 45.45454545454545%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music--contents .musicdata--inner>picture {
        margin-bottom: 10.256410256410255vw
    }
}

.common-settings#Music .inner-section .music--contents .musicdata--inner>picture img {
    width: 100%;
    vertical-align: bottom;
    border-radius: 5px
}

.common-settings#Music .inner-section .music>main>nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav {
        max-width: 720px
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Music .inner-section .music>main>nav>button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    text-align: left;
    color: #fff;
    cursor: default;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button {
        margin-right: 8.333333333333332%;
        width: 27.77777777777778%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav>button {
        width: 45.714285714285715%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav>button:nth-child(n+3) {
        margin-top: 10.256410256410255vw
    }
}

.common-settings#Music .inner-section .music>main>nav>button.js--musicselect {
    cursor: pointer
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button.js--musicselect:hover>picture img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button.js--musicselect:hover>header {
        color: #aa9c64
    }
}

.common-settings#Music .inner-section .music>main>nav>button[data-status=current] {
    pointer-events: none
}

.common-settings#Music .inner-section .music>main>nav>button[data-status=current]>picture img {
    border-color: #aa9c64
}

.common-settings#Music .inner-section .music>main>nav>button[data-status=current]>header {
    color: #aa9c64
}

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

    .common-settings#Music .inner-section .music>main>nav>button:nth-child(3n),
    .common-settings#Music .inner-section .music>main>nav>button:last-child {
        margin-right: 0
    }
}

.common-settings#Music .inner-section .music>main>nav>button>picture {
    display: block
}

.common-settings#Music .inner-section .music>main>nav>button>picture img {
    width: 100%;
    vertical-align: bottom;
    border-radius: 5px;
    border: solid 1px transparent;
    box-sizing: border-box;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Music .inner-section .music>main>nav>button>header {
    line-height: 1;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button>header {
        margin-top: 30px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music>main>nav>button>header {
        margin-top: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav>button>header {
        margin-top: 5.128205128205128vw
    }
}

.common-settings#Music .inner-section .music>main>nav>button>header em {
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button>header em {
        margin-bottom: 1.5em;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music>main>nav>button>header em {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav>button>header em {
        margin-bottom: 1.2em;
        font-size: 2.564102564102564vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button>header h4 {
        font-size: 1.5rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music>main>nav>button>header h4 {
        font-size: 1.171875vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav>button>header h4 {
        font-size: 3.076923076923077vw !important
    }
}

.common-settings#Music .inner-section .music>main>nav>button>header h4 small {
    display: block
}

@media print,
screen and (min-width:769px) {
    .common-settings#Music .inner-section .music>main>nav>button>header h4 small {
        margin-top: 1.5em;
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Music .inner-section .music>main>nav>button>header h4 small {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Music .inner-section .music>main>nav>button>header h4 small {
        margin-top: 1.2em;
        font-size: 2.564102564102564vw !important
    }
}

.common-settings#News {
    position: relative;
    background: none !important
}

@media print,
screen and (min-width:769px) {
    .common-settings#News {
        padding:147px 40px 100px 40px;
    }
}

@media screen and (max-width:768px) {
    .common-settings#News {
        padding: 8.384615vw 0;
    }
}

.common-settings#News .inner-section {
    position: relative
}

@media screen and (max-width:768px) {
    .common-settings#News .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#News .inner-section:after {
        right: 5.128205128205128%
    }
}

.common-settings#News .inner-section .news {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair {
        padding-top: 80px
    }

    .common-settings#Onair .inner-section .onair:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: #fff
    }
}

@media screen and (max-width:768px) {
    .common-settings#News .inner-section .news>header {
        padding-left: 5.128205128205128vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#News .inner-section .news>main>nav {
        padding-left: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#News .inner-section .news>footer {
        position: absolute;
        left: 0;
        bottom: 0;
        pointer-events: none
    }
}

@media screen and (max-width:768px) {
    .common-settings#News .inner-section .news>footer {
        margin-top: 5.128205128205128vw;
        padding-left: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#News .inner-section .news>footer>button {
        pointer-events: auto
    }
}

@media print,
screen and (min-width:769px) and (min-width:769px) {
    .common-settings#Onair .inner-section .onair:before {
        width: 120px;
        height: 2px
    }
}

.common-settings#Onair {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair {
        padding-top: 12.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair {
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Onair[data-bgcolor=green] .inner-section .onair>main>section>main>.streamlist>article>header a+h5 {
    color: #af0
}

.common-settings#Onair[data-bgcolor=green] .inner-section .onair>main>section>main>dl>dd>ul>li>a+h5 {
    color: #af0
}

.common-settings#Onair .inner-section {
    position: relative
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section:not(:last-child) {
        margin-bottom: 80px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section:not(:last-child) {
        margin-bottom: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section:not(:last-child) {
        margin-bottom: 15.384615384615383vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>header {
        margin-bottom: 60px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>header {
        margin-bottom: 4.6875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>header {
        margin-bottom: 10.256410256410255vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>header:not(:first-child) {
        margin-top: 60px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>header:not(:first-child) {
        margin-top: 4.6875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>header:not(:first-child) {
        margin-top: 10.256410256410255vw
    }
}

.common-settings#Onair .inner-section .onair>main>section>header>h4 {
    padding: .8em 1em;
    width: -webkit-fit-content;
    width: fit-content;
    background: #fff;
    border-radius: 100vw;
    line-height: 1;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>header>h4 {
        font-size: 1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>header>h4 {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>header>h4 {
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Onair .inner-section .onair>main>section>header>.message {
    color: #fff;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>header>.message {
        margin-top: 30px;
        font-size: 1.3rem;
        line-height: 1.6
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>header>.message {
        margin-top: 2.34375vw;
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>header>.message {
        line-height: 2;
        margin-top: 6.41025641025641vw;
        font-size: 2.82051282051282vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl {
        max-width: 720px
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl:not(:last-child) {
        margin-bottom: 28px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl:not(:last-child) {
        margin-bottom: 2.1875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl:not(:last-child) {
        margin-bottom: 5.128205128205128vw
    }
}

.common-settings#Onair .inner-section .onair>main>section>main>dl>dt {
    line-height: 1;
    color: #fff;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dt {
        margin-bottom: 35px;
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dt {
        margin-bottom: 2.734375vw;
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dt {
        margin-bottom: 5.128205128205128vw;
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul {
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul {
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li {
    font-weight: 700;
    line-height: 1;
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li {
        margin-bottom: 1.75em
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li {
        margin-bottom: 1.5em
    }
}

.common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li:not(:last-child) {
    margin-right: 1em
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li:hover a+h5 {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

.common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li a+h5 {
    color: #aa9c64;
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>main>dl>dd ul>li a+h5 {
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>main>footer {
        color: #fff;
        font-family: a-otf-gothic-mb101-pr6n, sans-serif;
        font-weight: 300;
        font-style: normal;
        margin-top: 7.692307692307692vw;
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Onair .inner-section .onair>main>section>main .tvlist,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff
}

/* @media print,
screen and (min-width:769px) {

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist {
        max-width: 750px
    }
} */

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article {
        width: 33.33333333333333%
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article {
        /* margin-right: 2.857142857142857%; */
        width: 47%;
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article:nth-child(3n),
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article:nth-child(3n),
    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article:last-child,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article:last-child {
        margin-right: 0
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article:nth-child(n+4),
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article:nth-child(n+4) {
        margin-top: 60px
    }
}

/*@media screen and (max-width:1280px) {

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article:nth-child(n+4),
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article:nth-child(n+4) {
        margin-top: 4.6875vw
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article:nth-child(n+4),
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article:nth-child(n+4) {
        margin-top: 10.256410256410255vw
    }
} */

.common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header {
    position: relative;
    line-height: 1;
    width: -webkit-fit-content;
    width: fit-content
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header {
        margin-bottom: 25px
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header {
        margin-bottom: 1.953125vw
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header {
        margin-bottom: 5.128205128205128vw
    }
}

.common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header .linkwrap,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header .linkwrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header .linkwrap+h5,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header .linkwrap+h5 {
    color: #aa9c64
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header .linkwrap:hover+h5,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header .linkwrap:hover+h5 {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
}

.common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header h3,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header h3 {
    position: relative;
    font-weight: 700;
    z-index: 1
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header h3,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header h3 {
        font-size: 2rem;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header h5,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header h5 {
        font-size: 1.5625vw !important
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>header h5,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>header h5 {
        font-size: 4.102564102564102vw !important
    }
}

.common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p {
        font-size: 1.3rem
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p {
        font-size: 1.015625vw !important
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p {
        line-height: 1.6;
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p small,
.common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p small {
    display: block
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p small,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p small {
        margin-top: 15px;
        font-size: 1rem;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p small,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p small {
        margin-top: 1.171875vw;
        font-size: .78125vw !important
    }
}

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

    .common-settings#Onair .inner-section .onair>main>section>main .tvlist>article>main p small,
    .common-settings#Onair .inner-section .onair>main>section>main .streamlist>article>main p small {
        display: none
    }
}

.common-settings#Onair .inner-section .onair>main>section>footer {
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>footer {
        margin-top: 35px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>footer {
        margin-top: 2.734375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>footer {
        margin-top: 5.128205128205128vw
    }
}

.common-settings#Onair .inner-section .onair>main>section>footer p {
    color: #fff;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Onair .inner-section .onair>main>section>footer p {
        font-size: 1rem;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Onair .inner-section .onair>main>section>footer p {
        font-size: .78125vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Onair .inner-section .onair>main>section>footer p {
        line-height: 2;
        font-size: 2.82051282051282vw !important
    }
}

.common-settings#StaffCast {
    position: relative;
    z-index: 2
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast {
        padding-top: 147px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast {
        padding-top: 30.769230769230766vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#StaffCast[data-bgcolor=black] {
    background: transparent
}

.common-settings#StaffCast .inner-section {
    position: relative
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article {
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article {
        padding-left: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        background: #fff;
        width: .512820512820513vw;
        height: 2.564102564102564vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article:before {
        bottom: .2vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast] {
        width: 400px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast] {
        width: 41.66666666666667%
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast] {
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main>div:not(:last-child) {
        margin-bottom: 80px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main>div:not(:last-child) {
        margin-bottom: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main>div:not(:last-child) {
        margin-bottom: 17.94871794871795vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main dl:nth-child(n+3) {
        margin-top: 10.256410256410255vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main dl>.role {
        width: 120px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main dl>.role {
        width: 9.375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=cast]>main dl>.role {
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=staff] {
        width: 560px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=staff] {
        width: 58.333333333333336%
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=staff] {
        margin-bottom: 15.384615384615383vw;
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=staff]>main>div:not(:last-child) {
        margin-bottom: 80px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=staff]>main>div:not(:last-child) {
        margin-bottom: 6.25vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type=staff]>main>div:not(:last-child) {
        margin-bottom: 17.94871794871795vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="1"] dl:nth-child(n+3) {
        margin-top: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="2"] dl:nth-child(n+2) {
        margin-top: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="3"][data-lang="jp"] dl:nth-child(n+4) {
        margin-top: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="3"][data-lang="en"] dl:nth-child(n+3) {
        margin-top: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="3"] dl:first-child {
        margin-bottom: 17.94871794871795vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="3"] dl:first-child>.staff {
        margin-bottom: 0 !important
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article[data-type="staff"]>main>div[data-column="3"] dl:first-child>.name {
    display: none
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>header {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        line-height: .75;
        color: #fff;
        font-weight: 700;
        font-size: 4.102564102564102vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=JP] {
    font-family: "游明朝体", Yu Mincho, YuMincho, serif;
    font-weight: 600
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=JP]>div>.role,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=JP] dl>.role,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=JP]>div>.staff,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=JP] dl>.staff {
        margin-bottom: 3.076923076923077vw
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=EN] {
    font-family: adobe-garamond-pro, serif;
    font-weight: 700;
    font-style: normal
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=EN] dl>.role,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main[data-lang=EN] dl>.staff {
        margin-bottom: 3.846153846153846vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main>div {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main dl {
    color: #fff;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 1.2rem
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl {
        line-height: 1
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-spsize=full] {
        width: 100% !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-type=creditposition] {
        position: relative
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-type=creditposition] {
        margin-top: 10.256410256410255vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-type=creditposition] .staff {
        margin-bottom: 0 !important;
        position: relative
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-type=creditposition] .staff small {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    vertical-align: middle
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-type=creditposition] .staff small {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-type=creditposition] .name {
        display: none
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl:not(:last-child) {
        margin-bottom: 2.6666666667em
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-size=l] {
        width: 54.21686746987952%
    }
}

@media screen and (max-width:768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl[data-size=m] {
        width: 45.78313253012048%
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.role,
.common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.staff {
    line-height: 1
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.role,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.staff {
        width: 160px
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.role,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.staff {
        font-size: .9375vw !important
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.role,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.staff {
        width: 100% !important;
        font-size: 2.564102564102564vw !important
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.role {
        width: 40%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.staff {
        width: 160px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.staff {
        width: 28.57142857142857%
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast,
.common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name {
    position: relative;
    line-height: .92
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name {
        width: calc(100% - 120px);
        font-size: 1.6rem
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name {
        font-size: 1.25vw !important
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name {
        width: 100% !important;
        font-size: 3.897435897435897vw !important
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast small,
.common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name small {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast small,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name small {
        font-size: 1.2rem
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast small,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name small {
        font-size: .9375vw !important
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast small,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name small {
        font-size: 2.564102564102564vw !important
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast span,
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name span {
        display: block;
        margin-top: 4.871794871794871vw
    }
}

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

    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast span[data-blockstyle=all],
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name span[data-blockstyle=all] {
        display: block;
        margin-top: 2.6666666667em
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.cast {
        width: 60%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name {
        width: calc(100% - 160px)
    }
}

@media screen and (max-width:1280px) {
    .common-settings#StaffCast .inner-section .staffcast>main>article>main dl>.name {
        width: 71.42857142857143%
    }
}

.common-settings#Story {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story {
        padding-top: 260px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story {
        padding-top: 11.769231vw;
    }
}

.common-settings#Story[data-bgcolor=black]:before {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.common-settings#Story[data-bgcolor="black"] .inner-section .story>header>nav>button[data-status="current"] {
    color: #aa9c64 !important
}

@media screen and (max-width:768px) {
    .common-settings#Story[data-bgcolor="black"] .inner-section .story>header>nav>button[data-status="current"] {
        border-color: #aa9c64 !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story[data-bgcolor=black] .inner-section .story>header>nav>button:hover {
        color: #aa9c64 !important
    }
}

.common-settings#Story[data-bgcolor="black"] .inner-section .story>main section#Arasuji>main>.storynav>button[data-status="current"] {
    border-color: #aa9c64 !important
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story[data-bgcolor=black] .inner-section .story>main section#Arasuji>main>.storynav>button:hover {
        border-color: #aa9c64 !important
    }
}

.common-settings#Story[data-bgcolor=green]:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Story[data-bgcolor="green"] .inner-section .story>header>nav>button[data-status="current"] {
    color: #af0 !important
}

@media screen and (max-width:768px) {
    .common-settings#Story[data-bgcolor="green"] .inner-section .story>header>nav>button[data-status="current"] {
        border-color: #af0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story[data-bgcolor=green] .inner-section .story>header>nav>button:hover {
        color: #af0 !important
    }
}

.common-settings#Story[data-bgcolor="green"] .inner-section .story>main section#Arasuji>main>.storynav>button[data-status="current"] {
    border-color: #af0 !important
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story[data-bgcolor=green] .inner-section .story>main section#Arasuji>main>.storynav>button:hover {
        border-color: #af0 !important
    }
}

.common-settings#Story:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    /* z-index: 1; */
    background: url(../img/story-bg.webp) center bottom no-repeat;
    /*background-size: cover;*/
    background-size: 100% 100%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story:before {
        top: 13vw;
        height: auto;
        aspect-ratio: 1611/789.33;
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story:before {
        height: 61.71875vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story:before {
        width: auto;
        aspect-ratio: 800/494.36;
        height: 126.66666666666666vw
    }
}

.common-settings#Story .inner-section {
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: #fff;
        width: 2.564102564102564vw;
        height: .512820512820513vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section:after {
        right: 5.128205128205128%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section[data-lang=JP]:before {
        bottom: 3.5vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section[data-lang=EN]:before {
        bottom: 7vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>header {
        margin-bottom: 15.384615384615383vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>header>nav {
        margin-top: 75px;
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>header>nav {
        margin-top: 5.859375vw;
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>header>nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 16.666666666666664vw;
        font-size: 3.333333333333333vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>header>nav[data-lang="EN"]>button[data-type="arasuji"]:before {
        content: "EPISODE "
    }
}

.common-settings#Story .inner-section .story>header>nav[data-lang="EN"]>button[data-type="arasuji"] em {
    display: none
}

.common-settings#Story .inner-section .story>header>nav>button {
    margin: 0;
    padding: 0;
    background: none;
    display: block;
    cursor: pointer;
    color: #fff;
    line-height: 1;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>header>nav>button {
        border-style: none;
        font-family: a-otf-gothic-mb101-pr6n, sans-serif;
        font-weight: 300;
        font-style: normal
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>header>nav>button {
        margin-right: 4%;
        width: 10.857142857142858%;
        border: solid 0 #fff;
        border-width: 0 0 2px;
        font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
        font-weight: 700;
        box-sizing: border-box;
        padding-bottom: 5.128205128205128vw
    }
}

.common-settings#Story .inner-section .story>header>nav>button[data-status=default] {
    color: #fff !important
}

.common-settings#Story .inner-section .story>header>nav>button[data-status=current] {
    pointer-events: none
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>header>nav>button:nth-child(1) {
        width: 25.71428571428571%
    }
}

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

    .common-settings#Story .inner-section .story>header>nav>button:nth-child(6),
    .common-settings#Story .inner-section .story>header>nav>button:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>header>nav>button:nth-child(n+7) {
        margin-top: 5.128205128205128vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>header>nav>button:not(:last-child) {
        margin-bottom: 25px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>header>nav>button:not(:last-child) {
        margin-bottom: 1.953125vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>header>nav>button:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main {
        position: relative
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro {
        position: relative;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Story .inner-section .story>main>section#Intro[data-status=hidden] {
    display: none
}

.common-settings#Story .inner-section .story>main>section#Intro>* {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Story .inner-section .story>main>section#Intro[data-status=show]>* {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro>h4 {
        position: absolute;
        left: 5.128205128205128%;
        top: 0;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        font-size: 4.102564102564102vw !important
    }
}

.common-settings#Story .inner-section .story>main>section#Intro>.desc {
    color: #fff;
    font-weight: 600
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc {
        margin-top: 3.9375em;
        font-size: 1.6rem;
        line-height: 2;
        max-width: 720px;
        padding-right: 40px;
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc {
        font-size: 1.25vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc {
        /* padding-left: 10.256410256410255vw; */
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Story .inner-section .story>main>section#Intro>.desc[data-lang=JP] {
    font-family: "游明朝体", Yu Mincho, YuMincho, serif
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc[data-lang=JP] {
        line-height: 2;
        -webkit-transform: translateY(-.5em);
        transform: translateY(-.5em)
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc[data-lang=JP]>p:not(:last-child) {
        margin-bottom: 2.3em
    }
}

.common-settings#Story .inner-section .story>main>section#Intro>.desc[data-lang=EN] {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: adobe-garamond-pro, serif;
    font-weight: 700;
    font-style: normal
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc[data-lang=EN] {
        line-height: 3;
        -webkit-transform: translateY(-.9em);
        transform: translateY(-.9em)
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc[data-lang=EN]>p:not(:last-child) {
        margin-bottom: 3.8em
    }
}

.common-settings#Story .inner-section .story>main>section#Intro>.desc>p {
    position: relative
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Intro>.desc>p:not(:last-child) {
        margin-bottom: 3.9375em
    }
}

.common-settings#Story .inner-section .story>main>section#Intro>.desc>p .dash span:not(:last-child) {
    letter-spacing: -.13em
}

.common-settings#Story .inner-section .story>main>section#Arasuji[data-status=hidden] {
    display: none
}

.common-settings#Story .inner-section .story>main>section#Arasuji>* {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header {
    line-height: 1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header {
        margin-bottom: 75px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header {
        margin-bottom: 5.859375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header {
        margin-bottom: 10.256410256410255vw;
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>* {
    display: block
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.num {
    margin-right: 1em;
    font-weight: 700;
    width: 2em
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.num {
        font-size: 2rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.num {
        font-size: 1.5625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.num {
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.num:before {
    content: "#"
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl {
    width: calc(100% - 2em)
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl[data-lang=JP] {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl {
        font-size: 3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl {
        font-size: 2.34375vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl {
        font-size: 5.128205128205128vw !important
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl ruby rt {
    letter-spacing: .08em;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl ruby rt {
        -webkit-transform: scale(.8) translateY(-20%);
        transform: scale(.8) translateY(-20%)
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>header>h4>.ttl ruby rt {
        -webkit-transform: scale(.8) translateY(-40%);
        transform: scale(.8) translateY(-40%)
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main {
        margin-bottom: 50px;
        max-width: 720px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main {
        margin-bottom: 3.90625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main {
        margin-bottom: 8.974358974358974vw
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss {
    margin-bottom: 0 !important
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss {
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-left: 5.128205128205128vw;
        padding-right: 5.128205128205128vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss::-webkit-scrollbar {
        display: none
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss div {
    margin-bottom: 0 !important;
    vertical-align: bottom;
    line-height: 1
}

.common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss--img {
    width: 100%;
    height: auto;
    aspect-ratio: 720/405;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss--img {
        border-radius: 5px
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss--img {
        border-radius: 2px;
        min-width: 82.05128205128204vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storyss--img:not(:last-child) {
        margin-right: 7.692307692307692vw
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storynav {
        margin-top: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storynav {
        margin-top: 2.34375vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storynav {
        display: none
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>main .storynav>button {
        margin: 0;
        padding: 0;
        background-color: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        background-color: transparent;
        border-radius: 2px;
        cursor: pointer;
        box-sizing: border-box;
        border: solid 1px transparent;
        display: block;
        width: 15.555555555555555%;
        height: auto;
        aspect-ratio: 112/64;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside {
    color: #fff
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside {
        max-width: 720px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside {
        padding-left: 5.128205128205128%;
        padding-right: 5.128205128205128%
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside[data-lang=JP] {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main {
        width: 71.11111111111111%
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .desc {
        font-size: 1.3rem;
        line-height: 2.6
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .desc {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .desc {
        line-height: 1.95;
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .staff {
    display: block;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .staff {
        margin-top: 16px;
        font-size: 1.1rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .staff {
        margin-top: 1.25vw;
        font-size: .859375vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>main .staff {
        margin-top: 6.41025641025641vw;
        font-size: 2.82051282051282vw !important
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer {
        width: 24.72222222222222%
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        border: solid 1px rgba(255, 255, 255, .5);
        border-radius: 5px;
        width: -webkit-fit-content;
        width: fit-content;
        cursor: pointer;
        padding-top: 2.564102564102564vw;
        padding-left: 2.564102564102564vw;
        padding-right: 5.128205128205128vw;
        padding-bottom: 2.564102564102564vw;
        margin-top: 10.256410256410255vw
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer[data-status=hidden] {
    display: none
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em {
        margin-top: .65em;
        font-size: 1.3rem
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em {
        font-size: 1.015625vw !important
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em {
        -ms-flex-order: 2;
        order: 2;
        font-size: 3.333333333333333vw !important
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em:after {
    content: "";
    margin-left: .5em;
    display: block;
    background: url(https://wsstcc.net/img/3rd/_common/icon/arrow_right.svg) center center no-repeat;
    background-size: 100% auto;
    height: auto;
    aspect-ratio: 1/1
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em:after {
        width: 10px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em:after {
        width: .78125vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>em:after {
        width: 2.564102564102564vw
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie {
    cursor: pointer
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie {
        margin-top: 20px
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie {
        margin-top: 1.5625vw
    }
}

@media screen and (max-width:768px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie {
        -ms-flex-order: 1;
        order: 1;
        margin-right: 5.128205128205128vw;
        margin-top: 0;
        width: 23.076923076923073vw
    }
}

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

    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie:hover picture:before,
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie:hover picture:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie picture {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 2px;
    aspect-ratio: 16/9
}

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

    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie picture:before,
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie picture:after {
        position: absolute;
        display: block;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        pointer-events: none;
        transition-duration: .3s;
        transition-delay: 0;
        transition-timing-function: unset
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie picture:before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 2
    }
}

@media print,
screen and (min-width:769px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie picture:after {
        content: "PLAY";
        top: 50%;
        left: 50%;
        line-height: .75;
        font-weight: 700;
        color: #fff;
        -webkit-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%);
        font-size: 1.6rem;
        font-family: Helvetica, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
        z-index: 3
    }
}

@media screen and (max-width:1280px) {
    .common-settings#Story .inner-section .story>main>section#Arasuji>aside>footer>.md-movie picture:after {
        font-size: 1.25vw !important
    }
}

.common-settings#Story .storyss[data-ep="1"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/1.jpg)
}

.common-settings#Story .storyss[data-ep="1"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/2.jpg)
}

.common-settings#Story .storyss[data-ep="1"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/3.jpg)
}

.common-settings#Story .storyss[data-ep="1"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/4.jpg)
}

.common-settings#Story .storyss[data-ep="1"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/5.jpg)
}

.common-settings#Story .storyss[data-ep="1"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/6.jpg)
}

.common-settings#Story .storyss[data-ep="2"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/1.jpg)
}

.common-settings#Story .storyss[data-ep="2"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/2.jpg)
}

.common-settings#Story .storyss[data-ep="2"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/3.jpg)
}

.common-settings#Story .storyss[data-ep="2"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/4.jpg)
}

.common-settings#Story .storyss[data-ep="2"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/5.jpg)
}

.common-settings#Story .storyss[data-ep="2"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/6.jpg)
}

.common-settings#Story .storyss[data-ep="3"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/1.jpg)
}

.common-settings#Story .storyss[data-ep="3"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/2.jpg)
}

.common-settings#Story .storyss[data-ep="3"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/3.jpg)
}

.common-settings#Story .storyss[data-ep="3"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/4.jpg)
}

.common-settings#Story .storyss[data-ep="3"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/5.jpg)
}

.common-settings#Story .storyss[data-ep="3"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/6.jpg)
}

.common-settings#Story .storyss[data-ep="4"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/1.jpg)
}

.common-settings#Story .storyss[data-ep="4"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/2.jpg)
}

.common-settings#Story .storyss[data-ep="4"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/3.jpg)
}

.common-settings#Story .storyss[data-ep="4"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/4.jpg)
}

.common-settings#Story .storyss[data-ep="4"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/5.jpg)
}

.common-settings#Story .storyss[data-ep="4"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/6.jpg)
}

.common-settings#Story .storyss[data-ep="5"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/1.jpg)
}

.common-settings#Story .storyss[data-ep="5"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/2.jpg)
}

.common-settings#Story .storyss[data-ep="5"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/3.jpg)
}

.common-settings#Story .storyss[data-ep="5"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/4.jpg)
}

.common-settings#Story .storyss[data-ep="5"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/5.jpg)
}

.common-settings#Story .storyss[data-ep="5"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/6.jpg)
}

.common-settings#Story .storyss[data-ep="6"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/1.jpg)
}

.common-settings#Story .storyss[data-ep="6"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/2.jpg)
}

.common-settings#Story .storyss[data-ep="6"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/3.jpg)
}

.common-settings#Story .storyss[data-ep="6"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/4.jpg)
}

.common-settings#Story .storyss[data-ep="6"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/5.jpg)
}

.common-settings#Story .storyss[data-ep="6"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/6.jpg)
}

.common-settings#Story .storyss[data-ep="7"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/1.jpg)
}

.common-settings#Story .storyss[data-ep="7"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/2.jpg)
}

.common-settings#Story .storyss[data-ep="7"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/3.jpg)
}

.common-settings#Story .storyss[data-ep="7"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/4.jpg)
}

.common-settings#Story .storyss[data-ep="7"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/5.jpg)
}

.common-settings#Story .storyss[data-ep="7"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/6.jpg)
}

.common-settings#Story .storyss[data-ep="8"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/1.jpg)
}

.common-settings#Story .storyss[data-ep="8"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/2.jpg)
}

.common-settings#Story .storyss[data-ep="8"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/3.jpg)
}

.common-settings#Story .storyss[data-ep="8"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/4.jpg)
}

.common-settings#Story .storyss[data-ep="8"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/5.jpg)
}

.common-settings#Story .storyss[data-ep="8"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/6.jpg)
}

.common-settings#Story .storyss[data-ep="9"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/1.jpg)
}

.common-settings#Story .storyss[data-ep="9"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/2.jpg)
}

.common-settings#Story .storyss[data-ep="9"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/3.jpg)
}

.common-settings#Story .storyss[data-ep="9"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/4.jpg)
}

.common-settings#Story .storyss[data-ep="9"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/5.jpg)
}

.common-settings#Story .storyss[data-ep="9"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/6.jpg)
}

.common-settings#Story .storyss[data-ep="10"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/1.jpg)
}

.common-settings#Story .storyss[data-ep="10"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/2.jpg)
}

.common-settings#Story .storyss[data-ep="10"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/3.jpg)
}

.common-settings#Story .storyss[data-ep="10"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/4.jpg)
}

.common-settings#Story .storyss[data-ep="10"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/5.jpg)
}

.common-settings#Story .storyss[data-ep="10"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/6.jpg)
}

.common-settings#Story .storyss[data-ep="11"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/1.jpg)
}

.common-settings#Story .storyss[data-ep="11"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/2.jpg)
}

.common-settings#Story .storyss[data-ep="11"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/3.jpg)
}

.common-settings#Story .storyss[data-ep="11"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/4.jpg)
}

.common-settings#Story .storyss[data-ep="11"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/5.jpg)
}

.common-settings#Story .storyss[data-ep="11"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/6.jpg)
}

.common-settings#Story .storyss[data-ep="12"] .storyss--img#js-story-ss0 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/1.jpg)
}

.common-settings#Story .storyss[data-ep="12"] .storyss--img#js-story-ss1 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/2.jpg)
}

.common-settings#Story .storyss[data-ep="12"] .storyss--img#js-story-ss2 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/3.jpg)
}

.common-settings#Story .storyss[data-ep="12"] .storyss--img#js-story-ss3 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/4.jpg)
}

.common-settings#Story .storyss[data-ep="12"] .storyss--img#js-story-ss4 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/5.jpg)
}

.common-settings#Story .storyss[data-ep="12"] .storyss--img#js-story-ss5 {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/6.jpg)
}

.common-settings#Story .storynav[data-ep="1"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/1.jpg)
}

.common-settings#Story .storynav[data-ep="1"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/2.jpg)
}

.common-settings#Story .storynav[data-ep="1"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/3.jpg)
}

.common-settings#Story .storynav[data-ep="1"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/4.jpg)
}

.common-settings#Story .storynav[data-ep="1"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/5.jpg)
}

.common-settings#Story .storynav[data-ep="1"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep01/6.jpg)
}

.common-settings#Story .storynav[data-ep="2"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/1.jpg)
}

.common-settings#Story .storynav[data-ep="2"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/2.jpg)
}

.common-settings#Story .storynav[data-ep="2"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/3.jpg)
}

.common-settings#Story .storynav[data-ep="2"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/4.jpg)
}

.common-settings#Story .storynav[data-ep="2"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/5.jpg)
}

.common-settings#Story .storynav[data-ep="2"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep02/6.jpg)
}

.common-settings#Story .storynav[data-ep="3"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/1.jpg)
}

.common-settings#Story .storynav[data-ep="3"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/2.jpg)
}

.common-settings#Story .storynav[data-ep="3"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/3.jpg)
}

.common-settings#Story .storynav[data-ep="3"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/4.jpg)
}

.common-settings#Story .storynav[data-ep="3"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/5.jpg)
}

.common-settings#Story .storynav[data-ep="3"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep03/6.jpg)
}

.common-settings#Story .storynav[data-ep="4"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/1.jpg)
}

.common-settings#Story .storynav[data-ep="4"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/2.jpg)
}

.common-settings#Story .storynav[data-ep="4"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/3.jpg)
}

.common-settings#Story .storynav[data-ep="4"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/4.jpg)
}

.common-settings#Story .storynav[data-ep="4"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/5.jpg)
}

.common-settings#Story .storynav[data-ep="4"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep04/6.jpg)
}

.common-settings#Story .storynav[data-ep="5"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/1.jpg)
}

.common-settings#Story .storynav[data-ep="5"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/2.jpg)
}

.common-settings#Story .storynav[data-ep="5"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/3.jpg)
}

.common-settings#Story .storynav[data-ep="5"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/4.jpg)
}

.common-settings#Story .storynav[data-ep="5"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/5.jpg)
}

.common-settings#Story .storynav[data-ep="5"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep05/6.jpg)
}

.common-settings#Story .storynav[data-ep="6"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/1.jpg)
}

.common-settings#Story .storynav[data-ep="6"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/2.jpg)
}

.common-settings#Story .storynav[data-ep="6"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/3.jpg)
}

.common-settings#Story .storynav[data-ep="6"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/4.jpg)
}

.common-settings#Story .storynav[data-ep="6"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/5.jpg)
}

.common-settings#Story .storynav[data-ep="6"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep06/6.jpg)
}

.common-settings#Story .storynav[data-ep="7"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/1.jpg)
}

.common-settings#Story .storynav[data-ep="7"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/2.jpg)
}

.common-settings#Story .storynav[data-ep="7"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/3.jpg)
}

.common-settings#Story .storynav[data-ep="7"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/4.jpg)
}

.common-settings#Story .storynav[data-ep="7"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/5.jpg)
}

.common-settings#Story .storynav[data-ep="7"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep07/6.jpg)
}

.common-settings#Story .storynav[data-ep="8"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/1.jpg)
}

.common-settings#Story .storynav[data-ep="8"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/2.jpg)
}

.common-settings#Story .storynav[data-ep="8"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/3.jpg)
}

.common-settings#Story .storynav[data-ep="8"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/4.jpg)
}

.common-settings#Story .storynav[data-ep="8"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/5.jpg)
}

.common-settings#Story .storynav[data-ep="8"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep08/6.jpg)
}

.common-settings#Story .storynav[data-ep="9"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/1.jpg)
}

.common-settings#Story .storynav[data-ep="9"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/2.jpg)
}

.common-settings#Story .storynav[data-ep="9"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/3.jpg)
}

.common-settings#Story .storynav[data-ep="9"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/4.jpg)
}

.common-settings#Story .storynav[data-ep="9"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/5.jpg)
}

.common-settings#Story .storynav[data-ep="9"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep09/6.jpg)
}

.common-settings#Story .storynav[data-ep="10"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/1.jpg)
}

.common-settings#Story .storynav[data-ep="10"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/2.jpg)
}

.common-settings#Story .storynav[data-ep="10"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/3.jpg)
}

.common-settings#Story .storynav[data-ep="10"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/4.jpg)
}

.common-settings#Story .storynav[data-ep="10"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/5.jpg)
}

.common-settings#Story .storynav[data-ep="10"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep10/6.jpg)
}

.common-settings#Story .storynav[data-ep="11"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/1.jpg)
}

.common-settings#Story .storynav[data-ep="11"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/2.jpg)
}

.common-settings#Story .storynav[data-ep="11"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/3.jpg)
}

.common-settings#Story .storynav[data-ep="11"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/4.jpg)
}

.common-settings#Story .storynav[data-ep="11"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/5.jpg)
}

.common-settings#Story .storynav[data-ep="11"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep11/6.jpg)
}

.common-settings#Story .storynav[data-ep="12"]>button[data-num="0"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/1.jpg)
}

.common-settings#Story .storynav[data-ep="12"]>button[data-num="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/2.jpg)
}

.common-settings#Story .storynav[data-ep="12"]>button[data-num="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/3.jpg)
}

.common-settings#Story .storynav[data-ep="12"]>button[data-num="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/4.jpg)
}

.common-settings#Story .storynav[data-ep="12"]>button[data-num="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/5.jpg)
}

.common-settings#Story .storynav[data-ep="12"]>button[data-num="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/ss/ep12/6.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="1"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep01/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="2"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep02/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="3"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep03/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="4"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep04/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="5"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep05/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="6"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep06/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="7"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep07/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="8"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep08/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="9"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep09/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="10"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep10/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="11"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep11/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="12"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep12/thumb.jpg)
}

.common-settings#Story #Arasuji>aside>footer #js-story-nextmoviethumb[data-ep="13"] {
    background-image: url(https://wsstcc.net/img/3rd/story/next/ep13/thumb.jpg)
}


/* edit */
canvas {
    display: block;
    width: 100%;
    height: 100%;
  }

  p {
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 1.3rem;
  }

  .fixed-top {
    z-index: unset !important;
  }

  .page-h1 {
    color: #fff;
    text-align: center;
    font-size: 4rem;
    font-weight: 900;
    letter-spacing: 0.1rem;
    text-align: center;
  }

  .color-before {
    position: relative;
  }

  .color-before::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 193px;
    display: block;
    content: '';
    /*background: linear-gradient(to top, rgba(18, 18, 18, 1) 0%, rgb(142 20 48) 100%);*/
    background: linear-gradient(to top, rgba(18, 18, 18, 1) 0%, rgb(128, 0, 128) 100%);
  }

  .sub-info{
    text-align: start;
    border-left: 5px solid #800080;
    padding-left: 8px;
  }
  

  .team-box{
    display: flex;
  }
  
  .team-box>section:first-child{
    width: 35%;
  }
  .team-box>section:last-child{
    width: 65%;
  }
  .team-member{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }
  .team-member>li{
    width: calc(100% / 2 - 40px);
  }
  .team-title-box{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
  }
  .team-title-box>img{
    width: 100px;
    border-radius: 100%;
  }
  .team-post{
    font-size: 1.5rem;
    text-align: start;
    margin-bottom: 4px;
  }
  .team-member h3{
    font-size: 2rem;
    color: #fff;
    font-weight: 900;
  }
  .team-post-info>p{
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
    text-align: start;
    color: #fff;
    background-color: #80008085;
    box-shadow: -8px -9px 11px 9px #3f0d47 inset;
    padding: 2rem;
    line-height: 1.8;
    border-radius: 10px;
  }

  .bddata--inner a{
    color: inherit;
  }
  .bddata--inner a:hover{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 900;
    text-decoration: none;
    transition: 0.3s;
}
@media screen and (max-width:767px) {
    .page-h1{
      font-size: 3.5rem;
      padding-top: 260px;
    }
    .team-member>li{
        width: 90%;
        margin: 0 auto;
    }
    .bddata--inner a{
        font-size: 1.4rem;
    }
  }
@media screen and (max-width:768px) {
    .team-box{
        flex-direction: column;
        gap: 32px;
    }
    .team-box>section:first-child,.team-box>section:last-child{
        width: 100%;
    }
    .bddata--inner p{
        font-size: 1.4rem;
    }
  }