@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@300;400;600;700&family=Mochiy+Pop+P+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@charset "utf-8";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
}

body {
    line-height: 1
}

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: Montserrat,IBM Plex Sans JP,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif
}

@-webkit-keyframes fvSlideShutter {
    0% {
        height: 0
    }

    8%,30% {
        height: 50%
    }

    60%,100% {
        height: 0
    }
}

@keyframes fvSlideShutter {
    0% {
        height: 0
    }

    8%,30% {
        height: 50%
    }

    60%,100% {
        height: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes costumeChangeBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        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(1);
        filter: brightness(1)
    }

    20% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        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.2" /><feFuncG type="linear" slope="1.2" /><feFuncB type="linear" slope="1.2" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    50%,100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        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(1);
        filter: brightness(1)
    }
}

@keyframes costumeChangeBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        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(1);
        filter: brightness(1)
    }

    20% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        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.2" /><feFuncG type="linear" slope="1.2" /><feFuncB type="linear" slope="1.2" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    50%,100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        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(1);
        filter: brightness(1)
    }
}

@-webkit-keyframes kaiten1 {
    0%,40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60%,100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes kaiten1 {
    0%,40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60%,100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes topIntroCatch {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: rotate(3deg) scale(1.02);
        transform: rotate(3deg) scale(1.02)
    }

    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(-3deg) scale(.8);
        transform: rotate(-3deg) scale(.8)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg) scale(1.08);
        transform: rotate(0deg) scale(1.08)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(-2deg) scale(.7);
        transform: rotate(-2deg) scale(.7)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(3deg) scale(1);
        transform: rotate(3deg) scale(1)
    }

    70% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg) scale(.5);
        transform: rotate(0deg) scale(.5)
    }

    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(2deg) scale(1.08);
        transform: rotate(2deg) scale(1.08)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
}

@keyframes topIntroCatch {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: rotate(3deg) scale(1.02);
        transform: rotate(3deg) scale(1.02)
    }

    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(-3deg) scale(.8);
        transform: rotate(-3deg) scale(.8)
    }

    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg) scale(1.08);
        transform: rotate(0deg) scale(1.08)
    }

    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(-2deg) scale(.7);
        transform: rotate(-2deg) scale(.7)
    }

    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(3deg) scale(1);
        transform: rotate(3deg) scale(1)
    }

    70% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg) scale(.5);
        transform: rotate(0deg) scale(.5)
    }

    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(2deg) scale(1.08);
        transform: rotate(2deg) scale(1.08)
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    overflow: hidden;
    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
}

*[data-webfont=mochiy] {
    font-family: Mochiy Pop P One,sans-serif;
    font-weight: 400;
    font-style: normal
}

.md-layout {
    margin: 0
}

.md-ttl__pages>* {
    display: block;
    line-height: 1;
    text-align: center
}

@media print,screen and (min-width: 769px) {
    .md-ttl__pages>.jp {
        letter-spacing:.12em;
        font-size: 4.8rem
    }
}

@media screen and (max-width: 1200px) {
    .md-ttl__pages>.jp {
        font-size:4vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-ttl__pages>.jp {
        font-size:7.441860465116279vw!important
    }
}

.md-ttl__pages>.en {
    margin-top: .75em;
    letter-spacing: .2em;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .md-ttl__pages>.en {
        font-size:1.7rem
    }
}

@media screen and (max-width: 1200px) {
    .md-ttl__pages>.en {
        font-size:1.416666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-ttl__pages>.en {
        font-size:2.558139534883721vw!important
    }
}

.md-logo {
    display: block
}

.md-logo img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 420/182.04
}

.md-btn__comment {
    margin: 0;
    padding: 0;
    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: none;
    border: solid 1px #2b2b33;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .08em;
    font-family: Montserrat,IBM Plex Sans JP,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    min-height: 2.8em
}

@media print,screen and (min-width: 769px) {
    .md-btn__comment {
        font-size:1.1rem;
        min-width: 160px;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .md-btn__comment {
        font-size:.916666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-btn__comment {
        width:37.2093023255814vw;
        font-size: 2.558139534883721vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .md-btn__comment:hover {
        border-color:#e8ffaa!important;
        background: #2b2b33!important;
        color: #e8ffaa!important
    }
}

@media print,screen and (min-width: 769px) {
    .md-btn__comment:hover i svg path {
        fill:#e8ffaa!important
    }
}

.md-btn__comment[data-bgcolor=pink] {
    background: #f078af;
    color: #fff;
    border-color: #f078af
}

.md-btn__comment[data-bgcolor=pink] i svg path {
    fill: #fff
}

.md-btn__comment[data-bgcolor=blue] {
    background: #00b9f0;
    color: #fff;
    border-color: #00b9f0
}

.md-btn__comment[data-bgcolor=blue] i svg path {
    fill: #fff
}

.md-btn__comment[data-color=pink] {
    color: #f078af;
    border-color: #f078af
}

.md-btn__comment[data-color=pink] i svg path {
    fill: #f078af
}

.md-btn__comment[data-color=blue] {
    color: #00b9f0;
    border-color: #00b9f0
}

.md-btn__comment[data-color=blue] i svg path {
    fill: #00b9f0
}

.md-btn__comment>* {
    display: block
}

.md-btn__comment i {
    -webkit-transform: translateY(-6%);
    transform: translateY(-6%)
}

@media print,screen and (min-width: 769px) {
    .md-btn__comment i {
        margin-left:.65em;
        width: 11px
    }
}

@media screen and (max-width: 1200px) {
    .md-btn__comment i {
        width:.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .md-btn__comment i {
        margin-left:.55em;
        width: 2.558139534883721vw
    }
}

.md-btn__comment i svg {
    vertical-align: middle
}

.md-link__txt {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .md-link__txt {
        font-size:1.6rem;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .md-link__txt {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-link__txt {
        margin-left:auto;
        margin-right: auto;
        width: 49.76744186046511vw;
        font-size: 3.720930232558139vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .md-link__txt: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)
    }
}

.md-link__txt[data-color=blue] a {
    border-color: #00b9f0;
    color: #00b9f0
}

.md-link__txt[data-color=blue] a .arrow svg path {
    fill: #00b9f0
}

.md-link__txt[data-color=green] a {
    border-color: #4dc4c9;
    color: #4dc4c9
}

.md-link__txt[data-color=green] a .arrow svg path {
    fill: #4dc4c9
}

.md-link__txt a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-bottom: solid 1px #fff;
    position: relative
}

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

@media screen and (max-width: 768px) {
    .md-link__txt a {
        padding-top:1em;
        padding-bottom: 1em;
        border-top: solid 1px #fff;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.md-link__txt a>* {
    display: block;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .md-link__txt a>.txt {
        padding-right:9px
    }
}

@media screen and (max-width: 1200px) {
    .md-link__txt a>.txt {
        padding-right:.75vw
    }
}

@media screen and (max-width: 768px) {
    .md-link__txt a>.txt {
        padding-right:0
    }
}

@media print,screen and (min-width: 769px) {
    .md-link__txt a>.arrow {
        width:20px
    }
}

@media screen and (max-width: 1200px) {
    .md-link__txt a>.arrow {
        width:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .md-link__txt a>.arrow {
        position:absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 4.651162790697675vw
    }
}

.md-link__txt a>.arrow svg {
    vertical-align: middle
}

.md-link__txt a>.arrow svg path {
    fill: #fff
}

@media print,screen and (min-width: 769px) {
    .md-link__txt a>.arrow svg path {
        transition-duration:.2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.md-post {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative
}

@media print,screen and (min-width: 769px) {
    .md-post {
        padding:15px;
        max-width: 1000px;
        background: #00b9f0;
        border-radius: 10px
    }
}

@media screen and (max-width: 1200px) {
    .md-post {
        padding-top:1.25vw;
        padding-left: 1.25vw;
        padding-right: 1.25vw;
        padding-bottom: 1.25vw
    }
}

@media screen and (max-width: 768px) {
    .md-post {
        border-bottom:solid 1px #2b2b33;
        width: 88.83720930232558%;
        padding-top: 11.627906976744185vw;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 13.953488372093023vw
    }
}

@media screen and (max-width: 768px) {
    .md-post:before,.md-post:after {
        content:"";
        position: absolute;
        bottom: 0;
        width: 3px;
        height: auto;
        border-radius: 100%;
        background: #2b2b33;
        -webkit-transform: translateY(60%);
        transform: translateY(60%);
        aspect-ratio: 1/1
    }
}

@media screen and (max-width: 768px) {
    .md-post:before {
        left:0
    }
}

@media screen and (max-width: 768px) {
    .md-post:after {
        right:0
    }
}

@media print,screen and (min-width: 769px) {
    .md-post:before {
        content:"";
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        background: url(/_assets/images/news/icon_hanger.svg) center top no-repeat;
        background-size: 100% auto;
        -webkit-transform: translate(-50%,-85%);
        transform: translate(-50%,-85%);
        width: 16.7%;
        pointer-events: none;
        z-index: 1;
        aspect-ratio: 95.01/45.87
    }
}

.md-post>.inner {
    position: relative;
    z-index: 2
}

@media print,screen and (min-width: 769px) {
    .md-post>.inner {
        padding-top:80px;
        padding-bottom: 100px;
        background: #fff
    }
}

@media screen and (max-width: 1200px) {
    .md-post>.inner {
        padding-top:6.666666666666666vw;
        padding-bottom: 8.333333333333332vw
    }
}

@media screen and (max-width: 768px) {
    .md-post>.inner {
        padding-top:0;
        padding-bottom: 0
    }
}

.md-post__header {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px #2b2b33
}

@media print,screen and (min-width: 769px) {
    .md-post__header {
        margin-bottom:40px;
        width: 83.39999999999999%
    }
}

@media screen and (max-width: 1200px) {
    .md-post__header {
        margin-bottom:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .md-post__header {
        margin-bottom:8.13953488372093vw
    }
}

.md-post__header:before,.md-post__header:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 3px;
    height: auto;
    border-radius: 100%;
    background: #2b2b33;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    aspect-ratio: 1/1
}

.md-post__header:before {
    left: 0
}

.md-post__header:after {
    right: 0
}

.md-post__header time {
    font-weight: 700;
    color: #f078af;
    letter-spacing: .08em
}

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

@media screen and (max-width: 1200px) {
    .md-post__header time {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-post__header time {
        font-size:2.790697674418605vw!important
    }
}

.md-post__header h1 {
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .md-post__header h1 {
        margin-top:.25em;
        padding-bottom: .65em;
        line-height: 1.5;
        font-size: 2.6rem
    }
}

@media screen and (max-width: 1200px) {
    .md-post__header h1 {
        font-size:2.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-post__header h1 {
        margin-top:.35em;
        padding-bottom: .75em;
        line-height: 1.6;
        font-size: 5.116279069767442vw!important
    }
}

.md-post__main {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .md-post__main {
        width:76.8%
    }
}

.md-post__main>* {
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .md-post__main>* {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .md-post__main>* {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-post__main>* {
        font-size:3.488372093023256vw!important
    }
}

.md-post__main>*:not(:last-child) {
    margin-bottom: 1.2em
}

.md-post__main>*:not(:first-child) {
    margin-top: 1.2em
}

.md-post__main ul,.md-post__main ol {
    font-weight: 700
}

.md-post__main ul>li,.md-post__main ol>li {
    margin-left: 1.5em;
    line-height: 1.5
}

.md-post__main ul>li:not(:last-child),.md-post__main ol>li:not(:last-child) {
    margin-bottom: .4em
}

.md-post__main ul {
    list-style-type: disc
}

.md-post__main ol {
    list-style-type: decimal
}

.md-post__main h1,.md-post__main h2,.md-post__main h3 {
    font-weight: 700
}

.md-post__main h1:not(:last-child),.md-post__main h2:not(:last-child),.md-post__main h3:not(:last-child) {
    margin-bottom: .4em
}

.md-post__main h1:not(:first-child),.md-post__main h2:not(:first-child),.md-post__main h3:not(:first-child) {
    margin-top: 1.2em
}

.md-post__main h1 {
    color: #f078af;
    border-bottom: solid 1px #f078af
}

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

@media screen and (max-width: 1200px) {
    .md-post__main h1 {
        font-size:1.833333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-post__main h1 {
        font-size:5.116279069767442vw!important
    }
}

.md-post__main h2 {
    padding-left: .55em;
    border-left: solid 4px #f078af;
    line-height: 1.4
}

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

@media screen and (max-width: 1200px) {
    .md-post__main h2 {
        font-size:1.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-post__main h2 {
        font-size:4.186046511627907vw!important
    }
}

.md-post__main h3 {
    padding: .3em .5em .2em;
    line-height: 1.4;
    width: -webkit-fit-content;
    width: fit-content;
    background: #00b9f0;
    color: #e8ffaa
}

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

@media screen and (max-width: 1200px) {
    .md-post__main h3 {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .md-post__main h3 {
        font-size:3.720930232558139vw!important
    }
}

.md-post__main a {
    color: #f078af;
    text-decoration: underline
}

@media print,screen and (min-width: 769px) {
    .md-post__main a:hover {
        text-decoration:none
    }
}

.md-post__main strong {
    background: linear-gradient(transparent 70%,#e8ffaa 70%)
}

.md-post__main img {
    width: auto!important;
    height: auto!important
}

@media screen and (max-width: 768px) {
    .md-post__main img {
        margin-left:auto;
        margin-right: auto;
        display: block;
        max-height: 120vw
    }
}

.md-post__main iframe {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: bottom;
    aspect-ratio: 16/9
}

.md-post__main iframe:not(:first-child) {
    margin-top: 2em
}

.md-post__main iframe:not(:last-child) {
    margin-bottom: 1.5em
}

.md-list {
    margin: 0
}

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

html {
    font-size: 62.5%
}

body {
    font-family: Montserrat,IBM Plex Sans JP,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 400;
    background: #f8f8f8;
    color: #2b2b33;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    font-optical-sizing: auto
}

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

::selection {
    background: #00b9f0;
    color: #fff
}

@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
}

.topStyle .l-header {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8
}

.l-header.is__scrolled .l-header__inner {
    background: #fff
}

@media print,screen and (min-width: 769px) {
    .l-header.is__scrolled .l-header__inner {
        padding-top:20px
    }
}

@media screen and (max-width: 1200px) {
    .l-header.is__scrolled .l-header__inner {
        padding-top:1.666666666666667vw
    }
}

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

@media print,screen and (min-width: 769px) {
    .l-header.is__scrolled .l-header__inner .headcontents>.logo {
        width:11.695906432748536%
    }
}

@media screen and (max-width: 768px) {
    .l-header.is__scrolled .l-header__inner .headcontents>.logo {
        width:30.848329048843187%
    }
}

@media print,screen and (min-width: 769px) {
    .l-header.is__scrolled .l-header__inner .headcontents>nav {
        width:87.71929824561403%
    }
}

.l-header__inner {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    transition-duration: .8s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

@media print,screen and (min-width: 769px) {
    .l-header__inner {
        padding-top:30px;
        padding-left: 2.222222222222222%;
        padding-right: 2.777777777777778%
    }
}

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

@media screen and (max-width: 768px) {
    .l-header__inner {
        padding-left:3.953488372093023%;
        padding-right: 5.581395348837209%;
        padding-top: 2.790697674418605vw
    }
}

.l-header__inner:before,.l-header__inner:after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 3px;
    display: block
}

.l-header__inner:before {
    left: 0;
    background: #00b9f0
}

.l-header__inner:after {
    right: 0;
    background: #f078af
}

.l-header__inner .headcontents {
    position: relative;
    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) {
    .l-header__inner .headcontents {
        padding-bottom:20px
    }
}

@media screen and (max-width: 1200px) {
    .l-header__inner .headcontents {
        padding-bottom:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .l-header__inner .headcontents {
        padding-bottom:3.720930232558139vw
    }
}

.l-header__inner .headcontents:before,.l-header__inner .headcontents:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 2px
}

.l-header__inner .headcontents:before {
    left: 0;
    border-bottom: dotted 2px #f078af
}

.l-header__inner .headcontents:after {
    right: 0;
    border-bottom: dotted 2px #00b9f0
}

.l-header__inner .headcontents>.logo {
    transition-duration: .8s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>.logo {
        width:15.350877192982457%;
        max-width: 210px
    }
}

@media screen and (max-width: 768px) {
    .l-header__inner .headcontents>.logo {
        width:48.58611825192802%
    }
}

.l-header__inner .headcontents>nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    transition-duration: .8s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav {
        width:83.33333333333334%
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.gnav {
        margin-right:2.631578947368421%;
        width: 93.85964912280701%
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.gnav .l-gnav {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .l-header__inner .headcontents>nav>.gnav .l-gnav {
        font-size:1.333333333333333vw!important
    }
}

.l-header__inner .headcontents>nav>.gnav .l-gnav>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li.is__current {
    position: relative;
    pointer-events: none
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li.is__current:after {
        content:"";
        position: absolute;
        left: 50%;
        bottom: -.2em;
        display: block;
        width: 20px;
        height: 2px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: linear-gradient(90deg,#f078af 0,#00b9f0 100%)
    }
}

@media screen and (max-width: 1200px) {
    .l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li.is__current:after {
        width:1.666666666666667vw;
        height: .166666666666667vw
    }
}

.l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li.is__current>a .jp span {
    position: relative;
    background: linear-gradient(90deg,#f078af 0,#00b9f0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li:not(:first-child) {
    margin-left: 1.3em
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li>a .jp {
        padding-left:0!important;
        padding-right: 0!important
    }
}

.l-header__inner .headcontents>nav>.gnav .l-gnav>ul>li>a .en {
    display: none
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav {
        width:3.508771929824561%
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button {
        background:#000;
        border-radius: 100%;
        width: 100%;
        aspect-ratio: 1/1
    }
}

@media screen and (max-width: 768px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button {
        border-style:none
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button:hover {
        background:#fff
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button:hover a {
        background:none!important
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button:hover a .icon svg path {
        fill:#000
    }
}

.l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a {
    padding: 0!important
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a {
        border-radius:100%
    }
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a .icon {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a .icon {
        background:#000;
        height: auto;
        border-radius: 100%;
        width: 6.046511627906977vw;
        aspect-ratio: 1/1
    }
}

.l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a .icon svg path {
    fill: #fff
}

@media print,screen and (min-width: 769px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a .txt {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .l-header__inner .headcontents>nav>.snsnav .l-snsnav>button a .txt {
        margin-left:.6em;
        font-size: 2.790697674418605vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .topStyle .l-footer {
        margin-top:80px
    }
}

@media screen and (max-width: 1200px) {
    .topStyle .l-footer {
        margin-top:6.666666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .topStyle .l-footer {
        margin-top:11.627906976744185vw
    }
}

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

@media print,screen and (min-width: 769px) {
    .l-footer {
        margin-top:100px
    }
}

@media screen and (max-width: 1200px) {
    .l-footer {
        margin-top:8.333333333333332vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer {
        margin-top:23.25581395348837vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footss {
        margin-bottom:60px
    }
}

@media screen and (max-width: 1200px) {
    .l-footer__inner .footss {
        margin-bottom:5vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footss {
        margin-bottom:11.627906976744185vw
    }
}

.l-footer__inner .footss:before,.l-footer__inner .footss:after {
    content: "";
    width: 100%;
    height: 7px;
    display: block;
    background: url(decoline_title.svg) left top repeat-x;
    background-size: 180px auto;
    -webkit-animation: footSsDecoTtlPC 10s infinite linear;
    animation: footSsDecoTtlPC 10s infinite linear
}

.l-footer__inner .footss:after {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.l-footer__inner .footss--inner {
    width: 100%;
    background: url(ss.jpg) left top repeat-x
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footss--inner {
        margin-top:15px;
        margin-bottom: 15px;
        height: 180px;
        background-size: 3916px auto;
        -webkit-animation: footSsPhotoPC 70s infinite linear;
        animation: footSsPhotoPC 70s infinite linear
    }
}

@media screen and (max-width: 1200px) {
    .l-footer__inner .footss--inner {
        margin-top:1.25vw;
        margin-bottom: 1.25vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footss--inner {
        height:144px;
        background-size: 2937px auto;
        -webkit-animation: footSsPhotoPC 50s infinite linear;
        animation: footSsPhotoPC 50s infinite linear;
        margin-top: 4.186046511627907vw;
        margin-bottom: 4.186046511627907vw
    }
}

.l-footer__inner .footinfo {
    position: relative;
    background: #fff
}

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

@media screen and (max-width: 1200px) {
    .l-footer__inner .footinfo {
        padding-top:10.833333333333332vw;
        padding-bottom: 4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo {
        padding-top:15.116279069767442vw;
        padding-bottom: 15.116279069767442vw
    }
}

.l-footer__inner .footinfo--inner {
    position: relative
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--inner {
        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;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

.l-footer__inner .footinfo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(bg_kirakira.png) left top repeat;
    z-index: 1;
    pointer-events: none;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo:before {
        background-size:428px auto
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo:before {
        background-size:100% auto
    }
}

.l-footer__inner .footinfo--cont,.l-footer__inner .footinfo--timeline,.l-footer__inner .footinfo--copyright {
    position: relative;
    z-index: 2
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--cont {
        padding-bottom:70px;
        width: 70.33333333333334%
    }
}

@media screen and (max-width: 1200px) {
    .l-footer__inner .footinfo--cont {
        padding-bottom:5.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--cont {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 9.30232558139535vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--cont>.ttl {
        margin-bottom:15px;
        width: 40.758293838862556%
    }
}

@media screen and (max-width: 1200px) {
    .l-footer__inner .footinfo--cont>.ttl {
        margin-bottom:1.25vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--cont>.ttl {
        width:87.43455497382199%;
        margin-bottom: 4.186046511627907vw
    }
}

.l-footer__inner .footinfo--cont>.ttl .label {
    display: block;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--cont>.ttl .label {
        width:23.837209302325583%
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--cont>.ttl .label {
        width:21.856287425149702%
    }
}

.l-footer__inner .footinfo--cont>.ttl .label picture {
    display: block
}

.l-footer__inner .footinfo--cont>.ttl .label picture img {
    width: 100%;
    vertical-align: bottom
}

.l-footer__inner .footinfo--cont>.ttl .logo {
    display: block;
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%)
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--cont>.snsnav {
        margin-bottom:40px;
        width: 28.90995260663507%
    }
}

@media screen and (max-width: 1200px) {
    .l-footer__inner .footinfo--cont>.snsnav {
        margin-bottom:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--cont>.snsnav {
        width:73.05389221556887%;
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--cont>.sharenav {
        position:absolute;
        top: 0;
        right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--timeline {
        width:29.666666666666668%
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--timeline {
        padding-left:5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.l-footer__inner .footinfo--copyright {
    font-weight: 300;
    color: #000;
    width: 100%
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--copyright {
        font-size:1rem;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media screen and (max-width: 1200px) {
    .l-footer__inner .footinfo--copyright {
        font-size:.833333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--copyright {
        text-align:center;
        margin-top: 8.13953488372093vw;
        font-size: 2.325581395348837vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .l-footer__inner .footinfo--copyright>p:not(:last-child) {
        margin-bottom:.5em
    }
}

@media screen and (max-width: 768px) {
    .l-footer__inner .footinfo--copyright>p:not(:last-child) {
        margin-bottom:1.2em
    }
}

.l-share {
    line-height: 1
}

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

.l-share>* {
    display: block
}

.l-share:after {
    content: "";
    display: block;
    background: linear-gradient(90deg,#f078af 0,#00b9f0 100%)
}

@media print,screen and (min-width: 769px) {
    .l-share:after {
        margin-left:14px;
        margin-right: 10px;
        width: 66px;
        height: 1px;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width: 1200px) {
    .l-share:after {
        margin-left:1.166666666666667vw;
        margin-right: .833333333333333vw;
        width: 5.5vw
    }
}

@media screen and (max-width: 768px) {
    .l-share:after {
        display:none
    }
}

@media print,screen and (min-width: 769px) {
    .l-share__ttl {
        -ms-flex-order:1;
        order: 1;
        width: 42px
    }
}

@media screen and (max-width: 1200px) {
    .l-share__ttl {
        width:3.5vw
    }
}

@media screen and (max-width: 768px) {
    .l-share__ttl {
        margin-left:auto;
        margin-right: auto;
        margin-bottom: 4.186046511627907vw;
        width: 1.627906976744186vw
    }
}

.l-share__ttl picture {
    display: block
}

.l-share__ttl picture img {
    width: 100%;
    vertical-align: bottom
}

@media print,screen and (min-width: 769px) {
    .l-share__links {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 138px;
        -ms-flex-order: 3;
        order: 3
    }
}

@media screen and (max-width: 1200px) {
    .l-share__links {
        width:11.5vw
    }
}

@media screen and (max-width: 768px) {
    .l-share__links {
        width:9.767441860465116vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-share__links>li {
        width:30.434782608695656%
    }
}

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

.l-share__links>li a {
    display: block
}

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

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

.l-share__links>li a picture {
    display: block
}

.l-share__links>li a picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1/1
}

#Wrap {
    position: relative;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

#Wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    #Wrap:before {
        background:url(/_assets/images/_common/bg/bg_wrap_pc.png) center top repeat;
        background-size: 1440px auto
    }
}

@media screen and (max-width: 768px) {
    #Wrap:before {
        background:url(/_assets/images/_common/bg/bg_wrap_sp.png) center top repeat;
        background-size: 100% auto
    }
}

#Wrap #Main {
    position: relative;
    z-index: 2
}

.topStyle #Wrap:before {
    display: none
}

.l-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999
}

.l-loader[data-effect=on] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(300%) brightness(2);
    filter: contrast(300%) brightness(2);
    transition-duration: 1.2s;
    transition-delay: .4s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-loader[data-effect=on] .l-loader__inner .loaderttl {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-loader.is__start .l-loader__inner .loaderttl--bar:after {
    width: 70%
}

.l-loader.is__end .l-loader__inner .loaderttl--bar:after {
    width: 100%;
    transition-duration: .4s;
    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 .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(loaderbg.jpg) center center no-repeat;
    background-size: cover;
    z-index: 1
}

.l-loader__inner .bgvideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw!important;
    height: 100vh!important;
    mix-blend-mode: plus-lighter;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 2;
    object-fit: cover
}

.l-loader__inner .loaderttl {
    position: relative;
    z-index: 3
}

@media print,screen and (min-width: 769px) {
    .l-loader__inner .loaderttl {
        width:100%;
        max-width: 300px
    }
}

@media screen and (max-width: 1200px) {
    .l-loader__inner .loaderttl {
        width:25vw
    }
}

@media screen and (max-width: 768px) {
    .l-loader__inner .loaderttl {
        width:60.46511627906977vw
    }
}

.l-loader__inner .loaderttl--ttl {
    line-height: 1
}

.l-loader__inner .loaderttl--ttl[data-color=pink] svg path {
    fill: #e8ffaa;
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.l-loader__inner .loaderttl--bar {
    position: relative;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden
}

@media print,screen and (min-width: 769px) {
    .l-loader__inner .loaderttl--bar {
        margin-top:25px
    }
}

@media screen and (max-width: 1200px) {
    .l-loader__inner .loaderttl--bar {
        margin-top:2.083333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-loader__inner .loaderttl--bar {
        margin-top:4.651162790697675vw
    }
}

.l-loader__inner .loaderttl--bar[data-color=pink] {
    background: #e8ffaa;
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.l-loader__inner .loaderttl--bar[data-color=pink]:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.l-loader__inner .loaderttl--bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition-duration: 7s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    background: linear-gradient(45deg,#f078af 0,#00b9f0 100%)
}

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

@media screen and (max-width: 768px) {
    .l-spnav[data-status=show] {
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        pointer-events: auto;
        overflow: auto;
        transition-duration: .5s;
        transition-delay: 0s;
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }
}

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

@media screen and (max-width: 768px) {
    .l-spnav__inner .bg {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(45deg,#f078af 0,#00b9f0 100%)
    }
}

@media screen and (max-width: 768px) {
    .l-spnav__inner .contents {
        position:relative;
        height: 100%;
        border-radius: 5px;
        background: #fff url(/_assets/images/_common/bg/bg_gradient-circle_sp.png) center top repeat-y;
        background-size: 100% auto;
        z-index: 2;
        padding-bottom: 13.953488372093023vw
    }
}

@media screen and (max-width: 768px) {
    .l-spnav__inner .contents>header {
        padding-top:13.953488372093023vw;
        margin-bottom: 8.13953488372093vw
    }
}

@media screen and (max-width: 768px) {
    .l-spnav__inner .contents>header>h1 {
        margin-left:auto;
        margin-right: auto;
        width: 77.67441860465117vw
    }
}

@media screen and (max-width: 768px) {
    .l-spnav__inner .contents>.gnav {
        margin-bottom:9.767441860465116vw
    }
}

@media screen and (max-width: 768px) {
    .l-spnav__inner .contents>.snsnav {
        margin-left:auto;
        margin-right: auto;
        width: 56.74418604651163vw
    }
}

@media screen and (max-width: 768px) {
    .l-spnav__inner .contents>.closebtn {
        margin:0 auto;
        padding: 0;
        background: none;
        border-style: none;
        display: block;
        cursor: pointer;
        margin-top: 16.27906976744186vw;
        width: 20.46511627906977vw
    }
}

@media screen and (max-width: 768px) {
    .l-navtrigger {
        margin:0;
        padding: 0;
        background: none;
        border-style: none;
        display: block;
        cursor: pointer;
        position: fixed;
        bottom: 5vw;
        right: 3.488372093023256%;
        pointer-events: auto;
        z-index: 99;
        width: 15.116279069767442vw
    }
}

@media screen and (max-width: 768px) {
    .l-gnav>ul {
        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-gnav>ul>li {
        width:47.45762711864407%
    }
}

@media screen and (max-width: 768px) {
    .l-gnav>ul>li:nth-child(n+3) {
        margin-top:6.511627906976744vw
    }
}

.l-gnav>ul>li>a {
    color: #2b2b33
}

@media print,screen and (min-width: 769px) {
    .l-gnav>ul>li>a:hover .jp {
        color:#fff
    }
}

@media print,screen and (min-width: 769px) {
    .l-gnav>ul>li>a:hover .jp:before {
        width:100%
    }
}

.l-gnav>ul>li>a>* {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: -webkit-fit-content;
    width: fit-content
}

@media screen and (max-width: 768px) {
    .l-gnav>ul>li>a>* {
        line-height:1
    }
}

.l-gnav>ul>li>a>.jp {
    position: relative;
    font-weight: 700;
    padding-left: .4em;
    padding-right: .4em
}

@media print,screen and (min-width: 769px) {
    .l-gnav>ul>li>a>.jp {
        transition-duration:.2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

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

@media print,screen and (min-width: 769px) {
    .l-gnav>ul>li>a>.jp:before {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #f078af;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.l-gnav>ul>li>a>.jp span {
    position: relative;
    z-index: 2
}

.l-gnav>ul>li>a>.en {
    font-weight: 500;
    color: #f078af
}

@media screen and (max-width: 768px) {
    .l-gnav>ul>li>a>.en {
        margin-top:.65em;
        font-weight: 600;
        letter-spacing: .2em;
        font-size: 2.325581395348837vw!important
    }
}

.l-snsnav>button {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    background: none;
    border: solid 1px #000;
    border-radius: 3px
}

.l-snsnav>button a {
    color: #000;
    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
}

@media print,screen and (min-width: 769px) {
    .l-snsnav>button a {
        padding-top:2px;
        padding-bottom: 2px;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 768px) {
    .l-snsnav>button a {
        padding-top:.930232558139535vw;
        padding-bottom: .930232558139535vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-snsnav>button a:hover {
        background:#000;
        color: #fff
    }
}

@media print,screen and (min-width: 769px) {
    .l-snsnav>button a:hover>.icon svg path {
        fill:#fff
    }
}

.l-snsnav>button a>* {
    display: block
}

@media print,screen and (min-width: 769px) {
    .l-snsnav>button a>.icon {
        width:44px
    }
}

@media screen and (max-width: 1200px) {
    .l-snsnav>button a>.icon {
        width:3.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .l-snsnav>button a>.icon {
        width:10.232558139534884vw
    }
}

.l-snsnav>button a>.icon svg {
    vertical-align: middle
}

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

.l-snsnav>button a>.txt {
    margin-left: .25em;
    letter-spacing: .08em;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .l-snsnav>button a>.txt {
        font-size:1.4rem
    }
}

@media screen and (max-width: 1200px) {
    .l-snsnav>button a>.txt {
        font-size:1.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-snsnav>button a>.txt {
        font-size:3.255813953488372vw!important
    }
}

.l-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    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;
    overflow: auto;
    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-commentmodal .l-modal__inner {
        padding:40px
    }
}

@media screen and (max-width: 1200px) {
    .l-modal#js-commentmodal .l-modal__inner {
        padding-top:3.333333333333333vw;
        padding-left: 3.333333333333333vw;
        padding-right: 3.333333333333333vw;
        padding-bottom: 3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-modal#js-commentmodal .l-modal__inner {
        padding-top:3.488372093023256vw;
        padding-left: 3.488372093023256vw;
        padding-right: 3.488372093023256vw;
        padding-bottom: 3.488372093023256vw
    }
}

.l-modal#js-commentmodal .l-modal__inner .bg {
    background: linear-gradient(45deg,#f078af 0,#00b9f0 100%)
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-commentmodal .l-modal__inner .closebtn {
        top:75px;
        right: 6.25%
    }
}

@media screen and (max-width: 768px) {
    .l-modal#js-commentmodal .l-modal__inner .closebtn {
        left:50%;
        bottom: 7vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-commentmodal .l-modal__inner .contents:before,.l-modal#js-commentmodal .l-modal__inner .contents:after {
        content:"";
        position: fixed;
        left: 50%;
        display: block;
        width: 92.64705882352942%;
        background: url(/_assets/images/ttl/ttl_castcomment.svg) center top no-repeat;
        background-size: 100% auto;
        z-index: 3;
        aspect-ratio: 1260/105
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-commentmodal .l-modal__inner .contents:before {
        top:0;
        -webkit-transform: translate(-50%,-5%);
        transform: translate(-50%,-5%)
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-commentmodal .l-modal__inner .contents:after {
        bottom:0;
        -webkit-transform: translate(-50%,5%) rotate(180deg);
        transform: translate(-50%,5%) rotate(180deg)
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-commentmodal .l-modal__inner .contents--inner {
        padding-top:115px;
        padding-bottom: 200px
    }
}

@media screen and (max-width: 1200px) {
    .l-modal#js-commentmodal .l-modal__inner .contents--inner {
        padding-top:9.583333333333332vw;
        padding-bottom: 16.666666666666664vw
    }
}

@media screen and (max-width: 768px) {
    .l-modal#js-commentmodal .l-modal__inner .contents--inner {
        padding-top:9.30232558139535vw;
        padding-bottom: 27.906976744186046vw
    }
}

.l-modal#js-modalmovie .l-modal__inner {
    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-modal#js-modalmovie .l-modal__inner .bg {
    background: #fff
}

.l-modal#js-modalmovie .l-modal__inner .closebtn {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media print,screen and (min-width: 769px) {
    .l-modal#js-modalmovie .l-modal__inner .closebtn {
        bottom:4vw
    }
}

@media screen and (max-width: 768px) {
    .l-modal#js-modalmovie .l-modal__inner .closebtn {
        bottom:7vw
    }
}

.l-modal__inner {
    position: relative;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box
}

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

.l-modal__inner .closebtn {
    margin: 0;
    padding: 0;
    position: fixed;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    z-index: 9
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .closebtn {
        width:5.694444444444445%;
        max-width: 82px
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .closebtn {
        width:6.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .closebtn {
        width:16.74418604651163vw
    }
}

.l-modal__inner .contents {
    position: relative;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    z-index: 2
}

.l-modal__inner .contents--inner {
    position: relative;
    background: #fff;
    border-radius: 8px;
    z-index: 2
}

.l-modal__inner .contents--inner .player {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .player {
        width:73.09941520467837%;
        max-width: 1000px
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .player {
        width:83.33333333333334%
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .player {
        width:100%
    }
}

.l-modal__inner .contents--inner .player--push {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.l-modal__inner .contents--inner .player--push iframe {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    vertical-align: bottom
}

.l-modal__inner .contents--inner .comment {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment {
        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;
        max-width: 1000px
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment {
        width:73.52941176470588%
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment:before {
        content:"CAST COMMENT";
        font-weight: 600;
        letter-spacing: .3em;
        display: block;
        text-align: center;
        line-height: 1;
        margin-bottom: 5.813953488372093vw
    }
}

.l-modal__inner .contents--inner .comment[data-castcolor=pink]:before {
    color: #f078af
}

.l-modal__inner .contents--inner .comment[data-castcolor=pink] .comment--name>header>.role {
    background: #f078af
}

.l-modal__inner .contents--inner .comment[data-castcolor=pink] .comment--name>header>.name>.en {
    color: #f078af
}

.l-modal__inner .contents--inner .comment[data-castcolor=pink] .comment--txt>main>dl>dt {
    color: #f078af
}

.l-modal__inner .contents--inner .comment[data-castcolor=blue]:before {
    color: #00b9f0
}

.l-modal__inner .contents--inner .comment[data-castcolor=blue] .comment--name>header>.role {
    background: #00b9f0
}

.l-modal__inner .contents--inner .comment[data-castcolor=blue] .comment--name>header>.name>.en {
    color: #00b9f0
}

.l-modal__inner .contents--inner .comment[data-castcolor=blue] .comment--txt>main>dl>dt {
    color: #00b9f0
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--photo {
        width:47.8%
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--photo {
        margin-bottom:6.976744186046512vw
    }
}

.l-modal__inner .contents--inner .comment--photo picture {
    display: block
}

.l-modal__inner .contents--inner .comment--photo picture img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: contain
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--photo picture img {
        max-height:500px
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--name {
        padding-bottom:20px;
        width: 47.8%
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--name {
        padding-bottom:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--name {
        padding-left:5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.l-modal__inner .contents--inner .comment--name>header .role {
    padding: .5em .8em .4em;
    line-height: 1;
    display: block;
    font-weight: 700;
    width: -webkit-fit-content;
    width: fit-content;
    background: #2b2b33;
    border-radius: 100vw;
    color: #fff
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--name>header .role {
        margin-bottom:25px;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--name>header .role {
        margin-bottom:2.083333333333333vw;
        font-size: 1.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--name>header .role {
        margin-left:auto;
        margin-right: auto;
        margin-bottom: 2.325581395348837vw;
        font-size: 3.023255813953488vw!important
    }
}

.l-modal__inner .contents--inner .comment--name>header .role:after {
    content: "役";
    margin-left: .4em
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--name>header .name {
        text-align:center
    }
}

.l-modal__inner .contents--inner .comment--name>header .name>* {
    display: block;
    line-height: 1
}

.l-modal__inner .contents--inner .comment--name>header .name>.jp {
    letter-spacing: .12em
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--name>header .name>.jp {
        font-size:5rem
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--name>header .name>.jp {
        font-size:4.166666666666666vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--name>header .name>.jp {
        font-size:8.372093023255815vw!important
    }
}

.l-modal__inner .contents--inner .comment--name>header .name>.en {
    margin-top: 1.2em;
    font-weight: 600;
    letter-spacing: .3em
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--name>header .name>.en {
        font-size:1.4rem
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--name>header .name>.en {
        font-size:1.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--name>header .name>.en {
        font-size:2.558139534883721vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--txt {
        margin-top:60px;
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--txt {
        margin-top:5vw
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--txt {
        margin-top:9.30232558139535vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--txt>main {
        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-modal__inner .contents--inner .comment--txt>main>dl {
        width:47.8%
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl:not(:last-child) {
        margin-bottom:9.30232558139535vw
    }
}

.l-modal__inner .contents--inner .comment--txt>main>dl>dt {
    margin-bottom: .85em;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl>dt {
        font-size:1.3rem
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl>dt {
        font-size:1.083333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl>dt {
        font-size:2.790697674418605vw!important
    }
}

.l-modal__inner .contents--inner .comment--txt>main>dl>dd {
    font-weight: 500
}

@media print,screen and (min-width: 769px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl>dd {
        font-size:1.4rem
    }
}

@media screen and (max-width: 1200px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl>dd {
        font-size:1.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-modal__inner .contents--inner .comment--txt>main>dl>dd {
        font-size:3.023255813953488vw!important
    }
}

.l-fv {
    position: relative
}

@media screen and (max-width: 768px) {
    .l-fv {
        padding-bottom:16.27906976744186vw
    }
}

.l-fv[data-status=loaded] .l-fv__inner .v {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer><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: contrast(100%) brightness(1);
    filter: contrast(100%) brightness(1);
    transition-duration: 1.2s;
    transition-delay: .5s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-fv[data-status=loaded] .l-fv__inner .v--logo picture {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-duration: 1.4s;
    transition-delay: 1.2s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-fv[data-status=loaded] .l-fv__inner .info1--slidenav>dl>dd button {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media screen and (max-width: 768px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--slidenav>dl>dd button {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.l-fv[data-status=loaded] .l-fv__inner .info1--slidenav>dl>dd button:nth-child(1) {
    transition-duration: .4s;
    transition-delay: 1.2s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-fv[data-status=loaded] .l-fv__inner .info1--slidenav>dl>dd button:nth-child(2) {
    transition-duration: .4s;
    transition-delay: 1.25s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-fv[data-status=loaded] .l-fv__inner .info1--slidenav>dl>dd button:nth-child(3) {
    transition-duration: .4s;
    transition-delay: 1.3s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.l-fv[data-status=loaded] .l-fv__inner .info1--slidenav>dl>dd button:nth-child(4) {
    transition-duration: .4s;
    transition-delay: 1.35s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li {
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(1) {
        transition-duration:.5s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(2) {
        transition-duration:.5s;
        transition-delay: 1.25s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(3) {
        transition-duration:.5s;
        transition-delay: 1.3s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(4) {
        transition-duration:.5s;
        transition-delay: 1.35s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(5) {
        transition-duration:.5s;
        transition-delay: 1.4s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(6) {
        transition-duration:.5s;
        transition-delay: 1.45s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(7) {
        transition-duration:.5s;
        transition-delay: 1.5s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(8) {
        transition-duration:.5s;
        transition-delay: 1.55s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(9) {
        transition-duration:.5s;
        transition-delay: 1.6s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(10) {
        transition-duration:.5s;
        transition-delay: 1.65s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info1--gnav .l-gnav>ul>li:nth-child(11) {
        transition-duration:.5s;
        transition-delay: 1.7s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

.l-fv[data-status=loaded] .l-fv__inner .info2--onair,.l-fv[data-status=loaded] .l-fv__inner .info2--movie,.l-fv[data-status=loaded] .l-fv__inner .info2--snslinks,.l-fv[data-status=loaded] .l-fv__inner .info2--bnr {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--onair {
        transition-duration:.5s;
        transition-delay: 1.3s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media screen and (max-width: 768px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--onair {
        transition-duration:.5s;
        transition-delay: 1.5s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--movie {
        transition-duration:.5s;
        transition-delay: 1.4s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media screen and (max-width: 768px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--movie {
        transition-duration:.5s;
        transition-delay: 1.7s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--snslinks {
        transition-duration:.5s;
        transition-delay: 1.5s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media screen and (max-width: 768px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--snslinks {
        transition-duration:.5s;
        transition-delay: 1.9s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--bnr {
        transition-duration:.5s;
        transition-delay: 1.6s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media screen and (max-width: 768px) {
    .l-fv[data-status=loaded] .l-fv__inner .info2--bnr {
        transition-duration:.5s;
        transition-delay: 2.1s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv:before,.l-fv:after {
        content:"";
        position: absolute;
        width: 100%;
        height: 4px;
        display: block;
        background: #00b9f0
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv:before {
        top:0;
        left: 0
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv:after {
        right:0;
        bottom: 0
    }
}

.l-fv__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.l-fv__bg--inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff url(bg_texture.png) left top repeat;
    background-size: 300px auto
}

.l-fv__bg--inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    background: linear-gradient(0deg,#f078af 0,#00b9f0 100%)
}

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

@media print,screen and (min-width: 769px) {
    .l-fv__inner {
        padding-top:30px;
        padding-bottom: 70px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner:before,.l-fv__inner:after {
        content:"";
        position: absolute;
        width: 4px;
        height: 100%;
        display: block;
        background: #00b9f0
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner:before {
        top:0;
        left: 0
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner:after {
        right:0;
        bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner>header {
        position:relative;
        line-height: 1;
        z-index: 3;
        padding-top: 4.651162790697675vw;
        padding-bottom: 4.651162790697675vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner>header>picture {
        margin-left:auto;
        margin-right: auto;
        display: block;
        line-height: 1;
        width: 37.2093023255814%
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner>header>picture img {
        width:100%;
        vertical-align: bottom
    }
}

.l-fv__inner .v {
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(300%) brightness(2);
    filter: contrast(300%) brightness(2)
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .v {
        -ms-flex-order:2;
        order: 2;
        width: 61.32352941176471%;
        z-index: 1
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .v--logo {
        position:absolute;
        left: 50%;
        bottom: 2.302631578947368%;
        width: 88.83720930232558%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .v--logo picture {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .v--slider {
        position:relative;
        z-index: 1
    }
}

.l-fv__inner .v--slider .slick-slide.slick-active .fvslide:before,.l-fv__inner .v--slider .slick-slide.slick-current .fvslide:before,.l-fv__inner .v--slider .slick-slide.slick-active .fvslide:after,.l-fv__inner .v--slider .slick-slide.slick-current .fvslide:after {
    -webkit-animation: 1.2s fvSlideShutter alternate cubic-bezier(.455,.03,.515,.955);
    animation: 1.2s fvSlideShutter alternate cubic-bezier(.455,.03,.515,.955);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.l-fv__inner .v--slider .slick-slide.slick-active .fvslide picture img,.l-fv__inner .v--slider .slick-slide.slick-current .fvslide picture img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer><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: blur(0) contrast(100%) brightness(1);
    filter: blur(0) contrast(100%) brightness(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.l-fv__inner .v--slider .fvslide {
    position: relative
}

.l-fv__inner .v--slider .fvslide:before,.l-fv__inner .v--slider .fvslide:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    display: block;
    background: #000;
    z-index: 2
}

.l-fv__inner .v--slider .fvslide:before {
    top: 0
}

.l-fv__inner .v--slider .fvslide:after {
    bottom: 0
}

.l-fv__inner .v--slider .fvslide picture {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .v--slider .fvslide picture {
        border-radius:4px
    }
}

.l-fv__inner .v--slider .fvslide picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: blur(5px) contrast(300%) brightness(2);
    filter: blur(5px) contrast(300%) brightness(2);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-duration: 2s;
    transition-delay: .4s;
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .v--slider .fvslide picture img {
        aspect-ratio:834/1180
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1 {
        position:relative;
        padding-top: 25px;
        -ms-flex-order: 3;
        order: 3;
        width: 19.33823529411765%;
        z-index: 2
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1 {
        padding-top:2.083333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1 {
        margin-top:3.488372093023256vw;
        padding-top: 0
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1>* {
        margin-left:auto;
        width: 86.69201520912547%
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav {
        margin-bottom:45px
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1--slidenav {
        margin-bottom:3.75vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav {
        margin-bottom:0
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl {
        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-fv__inner .info1--slidenav dl>dt {
        width:2.192982456140351%
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl>dd {
        width:90.35087719298247%
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.l-fv__inner .info1--slidenav dl>dd>button {
    margin: 0;
    padding: 0;
    background: none;
    border: solid 2px #2b2b33;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button {
        width:30.89005235602094%;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl>dd>button:not(:last-child) {
        margin-bottom:10px
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1--slidenav dl>dd>button:not(:last-child) {
        margin-bottom:.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button:not(:last-child) {
        margin-bottom:0
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button:not(:last-child) {
        margin-right:3.664921465968586%
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button:nth-child(3n),.l-fv__inner .info1--slidenav dl>dd>button:last-child {
        margin-right:0
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button:nth-child(n+4) {
        margin-top:2.790697674418605vw
    }
}

.l-fv__inner .info1--slidenav dl>dd>button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
    -webkit-filter: blur(5px);
    filter: blur(5px);
    pointer-events: none;
    background: url(icon_camera.svg) center center no-repeat;
    background-size: 100% auto;
    z-index: 4;
    mix-blend-mode: screen;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    aspect-ratio: 34/16;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl>dd>button:before {
        width:48.54368932038835%
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button:before {
        width:58.252427184466015%
    }
}

.l-fv__inner .info1--slidenav dl>dd>button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    mix-blend-mode: color;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg,#f078af 0,#00b9f0 100%);
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl>dd>button:hover:after {
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.l-fv__inner .info1--slidenav dl>dd>button[data-status=current]:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0);
    filter: blur(0)
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl>dd>button[data-status=current]:before {
        width:34.95145631067961%
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button[data-status=current]:before {
        width:39.80582524271845%
    }
}

.l-fv__inner .info1--slidenav dl>dd>button[data-status=current]:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-fv__inner .info1--slidenav dl>dd>button[data-status=current] picture:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-fv__inner .info1--slidenav dl>dd>button picture {
    position: relative;
    display: block;
    z-index: 1
}

.l-fv__inner .info1--slidenav dl>dd>button picture:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-backdrop-filter: blur(3.724610090255737px);
    backdrop-filter: blur(3.724610090255737px);
    --webkit-backdrop-filter: blur(3.724610090255737px);
    background-color: rgba(255,255,255,.15);
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.l-fv__inner .info1--slidenav dl>dd>button picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--slidenav dl>dd>button picture img {
        aspect-ratio:206/50
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info1--slidenav dl>dd>button picture img {
        object-fit:cover;
        aspect-ratio: 118/40
    }
}

.l-fv__inner .info1--gnav {
    border: dotted 0 #f078af;
    border-width: 2px 0
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--gnav {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1--gnav {
        padding-top:1.666666666666667vw;
        padding-bottom: 1.666666666666667vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--gnav .l-gnav>ul>li {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

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

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1--gnav .l-gnav>ul>li:not(:last-child) {
        margin-bottom:1.5vw
    }
}

.l-fv__inner .info1--gnav .l-gnav>ul>li a {
    text-align: center;
    line-height: 1.4
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--gnav .l-gnav>ul>li a .jp {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1--gnav .l-gnav>ul>li a .jp {
        font-size:1.333333333333333vw!important
    }
}

.l-fv__inner .info1--gnav .l-gnav>ul>li a .en {
    margin-top: .35em;
    letter-spacing: .2em
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info1--gnav .l-gnav>ul>li a .en {
        font-size:1rem
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info1--gnav .l-gnav>ul>li a .en {
        font-size:.833333333333333vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2 {
        position:relative;
        -ms-flex-order: 1;
        order: 1;
        width: 19.33823529411765%;
        z-index: 2
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info2 {
        margin-top:8.13953488372093vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--logo {
        width:159.6958174904943%;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

.l-fv__inner .info2--onair,.l-fv__inner .info2--movie,.l-fv__inner .info2--snslinks,.l-fv__inner .info2--bnr {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--onair {
        margin-top:15px;
        margin-bottom: 30px;
        width: 142.20532319391634%
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info2--onair {
        margin-top:1.25vw;
        margin-bottom: 2.5vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info2--onair {
        margin-top:0;
        margin-bottom: 8.13953488372093vw
    }
}

.l-fv__inner .info2--onair picture {
    display: block;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff)
}

.l-fv__inner .info2--onair picture img {
    width: 100%;
    vertical-align: bottom;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff)
}

.l-fv__inner .info2--movie {
    cursor: pointer;
    position: relative
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--movie {
        margin-bottom:35px;
        width: 107.9847908745247%;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info2--movie {
        margin-bottom:2.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info2--movie {
        margin-bottom:6.976744186046512vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--movie:hover .info2--movie__icon {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--movie:hover .info2--movie__cont:before {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.l-fv__inner .info2--movie__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    line-height: 1;
    width: 15.845070422535212%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    mix-blend-mode: screen;
    z-index: 2
}

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

.l-fv__inner .info2--movie__cont {
    position: relative;
    border: solid 2px #fff;
    overflow: hidden;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--movie__cont {
        border-radius:3px
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info2--movie__cont {
        border-radius:5px
    }
}

.l-fv__inner .info2--movie__cont:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.4);
    z-index: 2;
    pointer-events: none
}

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

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

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--snslinks {
        margin-bottom:25px;
        width: 92.39543726235742%
    }
}

@media screen and (max-width: 1200px) {
    .l-fv__inner .info2--snslinks {
        margin-bottom:2.083333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info2--snslinks {
        margin-bottom:11.627906976744185vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--bnr {
        width:92.39543726235742%
    }
}

@media screen and (max-width: 768px) {
    .l-fv__inner .info2--bnr {
        border:dotted 0 #f078af;
        border-width: 2px 0;
        padding-top: 4.651162790697675vw;
        padding-bottom: 4.651162790697675vw
    }
}

.l-fv__inner .info2--bnr>button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block
}

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

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

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

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--bnr>button:hover a 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)
    }
}

.l-fv__inner .info2--bnr>button a {
    display: block;
    border-radius: 3px;
    overflow: hidden
}

.l-fv__inner .info2--bnr>button a picture {
    display: block
}

.l-fv__inner .info2--bnr>button a picture img {
    width: 100%;
    vertical-align: bottom
}

@media print,screen and (min-width: 769px) {
    .l-fv__inner .info2--bnr>button a picture img {
        transition-duration:.3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.common-settings#TopIntro {
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(300%) brightness(2);
    filter: contrast(300%) brightness(2)
}

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

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro {
        padding-top:10vw;
        padding-bottom: 10.416666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro {
        padding-top:23.25581395348837vw;
        padding-bottom: 23.25581395348837vw
    }
}

.common-settings#TopIntro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    display: block;
    width: 100%;
    background: url(decoline_pink.png) left top repeat-x;
    background-size: 284px auto;
    height: 32px;
    -webkit-animation: decolineAnime 20s infinite linear;
    animation: decolineAnime 20s infinite linear
}

.common-settings#TopIntro:after {
    content: "";
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background: url(decoline_pink.png) left top repeat-x;
    background-size: 284px auto;
    height: 32px;
    -webkit-animation: decolineAnime 20s infinite linear;
    animation: decolineAnime 20s infinite linear;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.common-settings#TopIntro.is__scrolled {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer><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: contrast(100%) brightness(1);
    filter: contrast(100%) brightness(1);
    transition-duration: 1.2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>header .ss {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-duration: .6s;
    transition-delay: .5s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto img {
        -webkit-transform:rotate(0deg) translateY(0)!important;
        transform: rotate(0deg) translateY(0)!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto[data-num="0"] img {
        transition-duration:1.4s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto[data-num="1"] img {
        transition-duration:1.4s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto[data-num="2"] img {
        transition-duration:1.4s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto[data-num="3"] img {
        transition-duration:1.4s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto[data-num="4"] img {
        transition-duration:1.4s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main .ssphotos .ssphoto[data-num="5"] img {
        transition-duration:1.4s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>header {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-animation: topIntroCatch .6s alternate cubic-bezier(.785,.135,.15,.86);
    animation: topIntroCatch .6s alternate cubic-bezier(.785,.135,.15,.86);
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>header>h4:before,.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>header>h4:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition-duration: .5s;
    transition-delay: 1.2s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>header>h4:before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>header>h4:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>main>p,.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>main>h5 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main>main>p,.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>main>h5 {
        transition-duration:.5s;
        transition-delay: 1.2s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro.is__scrolled .inner-section .topintro>main>main>p,.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>main>h5 {
        transition-duration:.5s;
        transition-delay: .8s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

.common-settings#TopIntro.is__scrolled .inner-section .topintro>main>footer {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-duration: .5s;
    transition-delay: 1.2s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header {
        margin-bottom:38px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>header {
        margin-bottom:3.166666666666667vw
    }
}

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

.common-settings#TopIntro .inner-section .topintro>header>h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3 {
        margin-bottom:35px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3 {
        margin-bottom:2.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3 {
        margin-bottom:6.976744186046512vw
    }
}

.common-settings#TopIntro .inner-section .topintro>header>h3>* {
    display: block;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3>.icon {
        width:34px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3>.icon {
        width:2.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3>.icon {
        width:6.046511627906977vw
    }
}

.common-settings#TopIntro .inner-section .topintro>header>h3>.ttl {
    font-weight: 600;
    letter-spacing: .5em;
    color: #f078af
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3>.ttl {
        margin-left:10px;
        margin-right: 5px;
        font-size: 1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3>.ttl {
        margin-left:.833333333333333vw;
        margin-right: .416666666666667vw;
        font-size: 1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header>h3>.ttl {
        margin-left:2.325581395348837vw;
        margin-right: 1.162790697674419vw;
        font-size: 2.790697674418605vw!important
    }
}

.common-settings#TopIntro .inner-section .topintro>header .ss {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss {
        width:874px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss {
        width:72.83333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss {
        width:91.62790697674419vw
    }
}

.common-settings#TopIntro .inner-section .topintro>header .ss:before,.common-settings#TopIntro .inner-section .topintro>header .ss:after {
    content: "";
    position: absolute;
    height: auto;
    display: block;
    z-index: 2
}

.common-settings#TopIntro .inner-section .topintro>header .ss:before {
    top: 0;
    left: 0;
    background: url(marker_blue_001.svg) left top no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(-25%,-40%);
    transform: translate(-25%,-40%);
    aspect-ratio: 190/89
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss:before {
        width:21.73913043478261%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss:before {
        width:19.53488372093023vw
    }
}

.common-settings#TopIntro .inner-section .topintro>header .ss:after {
    right: 0;
    bottom: 0;
    background: url(marker_pink_001.svg) left top no-repeat;
    background-size: 100% auto;
    aspect-ratio: 88/77
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss:after {
        width:10.068649885583524%;
        -webkit-transform: translate(-20%,30%);
        transform: translate(-20%,30%)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss:after {
        -webkit-transform:translate(20%,30%);
        transform: translate(20%,30%);
        width: 10.69767441860465vw
    }
}

.common-settings#TopIntro .inner-section .topintro>header .ss--slider {
    position: relative;
    z-index: 1
}

.common-settings#TopIntro .inner-section .topintro>header .ss--slider>* {
    overflow: visible
}

.common-settings#TopIntro .inner-section .topintro>header .ss--slider .slick-list {
    padding: 0!important
}

.common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture {
    width: 100%;
    display: block;
    box-sizing: border-box
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture {
        padding-left:20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture {
        padding-left:1.666666666666667vw;
        padding-right: 1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture {
        padding-left:1.395348837209302vw;
        padding-right: 1.395348837209302vw
    }
}

.common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    box-sizing: border-box;
    border: solid 3px #fff;
    border-radius: 5px;
    object-fit: cover
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture img {
        aspect-ratio:834/310;
        object-position: center 25%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>header .ss--slider .ssimg picture img {
        aspect-ratio:382/186
    }
}

.common-settings#TopIntro .inner-section .topintro>main {
    position: relative
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main {
        width:88.23529411764706%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main {
        width:100%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main:before,.common-settings#TopIntro .inner-section .topintro>main:after {
        content:"";
        display: block;
        position: absolute;
        height: auto
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main:before {
        top:1.655629139072848%;
        right: 0;
        background: url(marker_blue_002.svg) left top no-repeat;
        background-size: 100% auto;
        width: 20.583333333333336%;
        aspect-ratio: 247.1/109.16
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main:after {
        top:58.83002207505519%;
        left: 11.083333333333334%;
        background: url(marker_pink_002.svg) left top no-repeat;
        background-size: 100% auto;
        width: 13.666666666666666%;
        aspect-ratio: 164/50
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2.325581395348837vw;
        margin-bottom: 6.976744186046512vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos.is__scrolled .ssphoto {
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        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><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1) contrast(100%);
        filter: brightness(1) contrast(100%)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos.is__scrolled .ssphoto[data-num="0"] {
        -webkit-transform:translateX(-10%) rotate(4deg);
        transform: translateX(-10%) rotate(4deg);
        transition-duration: 1.2s;
        transition-delay: 0s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos.is__scrolled .ssphoto[data-num="1"] {
        -webkit-transform:translateX(10%) rotate(-2deg);
        transform: translateX(10%) rotate(-2deg);
        transition-duration: 1.2s;
        transition-delay: 0s;
        transition-timing-function: cubic-bezier(.785,.135,.15,.86)
    }
}

.common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto {
    display: block;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-filter: drop-shadow(-3px 6px 6px rgba(0,0,0,.06));
    filter: drop-shadow(-3px 6px 6px rgba(0,0,0,.06))
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto {
        position:absolute
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        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="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" intercept="-0.5" /><feFuncG type="linear" slope="2" intercept="-0.5" /><feFuncB type="linear" slope="2" intercept="-0.5" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(2) contrast(200%);
        filter: brightness(2) contrast(200%)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="0"] {
        top:7.06401766004415%;
        left: 0;
        width: 21.5%;
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="0"] {
        -webkit-transform:translateX(-40%) rotate(-4deg);
        transform: translateX(-40%) rotate(-4deg);
        width: 35.348837209302324vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="0"] img {
        -webkit-transform:rotate(-14deg) translateY(40%);
        transform: rotate(-14deg) translateY(40%)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="1"] {
        top:18.543046357615893%;
        right: .166666666666667%;
        width: 17.25%;
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="1"] {
        -webkit-transform:translateX(40%) rotate(2deg);
        transform: translateX(40%) rotate(2deg);
        width: 35.348837209302324vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="1"] img {
        -webkit-transform:rotate(12deg) translateY(-30%);
        transform: rotate(12deg) translateY(-30%)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="2"] {
        top:38.18984547461369%;
        left: 5.166666666666667%;
        width: 17.166666666666668%;
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="2"] {
        display:none
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="2"] img {
        -webkit-transform:rotate(-20deg) translateY(30%);
        transform: rotate(-20deg) translateY(30%)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="3"] {
        top:52.53863134657837%;
        right: 6.083333333333334%;
        width: 18.333333333333332%;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="3"] {
        display:none
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="3"] img {
        -webkit-transform:rotate(12deg) translateY(-60%);
        transform: rotate(12deg) translateY(-60%)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="4"] {
        top:71.41280353200882%;
        left: 0;
        width: 18.333333333333332%;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="4"] {
        display:none
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto[data-num="4"] img {
        -webkit-transform:rotate(-4deg) translateY(40%);
        transform: rotate(-4deg) translateY(40%)
    }
}

.common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto picture {
    display: block
}

.common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border: solid 2px #fff;
    box-sizing: border-box;
    object-fit: cover;
    aspect-ratio: 258/145
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main .ssphotos .ssphoto img {
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main>header {
        margin-bottom:2.083333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>header {
        margin-bottom:4.651162790697675vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#TopIntro .inner-section .topintro>main>header>h4 {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>header>h4 {
        width:33.83333333333333%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>header>h4 {
        width:79.05759162303664%
    }
}

.common-settings#TopIntro .inner-section .topintro>main>header>h4:before,.common-settings#TopIntro .inner-section .topintro>main>header>h4:after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>header>h4:before,.common-settings#TopIntro .inner-section .topintro>main>header>h4:after {
        width:18.7192118226601%;
        aspect-ratio: 76.24/97.88
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>header>h4:before,.common-settings#TopIntro .inner-section .topintro>main>header>h4:after {
        width:10.471204188481675%;
        aspect-ratio: 40/51.35
    }
}

.common-settings#TopIntro .inner-section .topintro>main>header>h4:before {
    left: 0;
    background: url(intro_ttl_deco_left.svg) left top no-repeat;
    background-size: 100% auto
}

.common-settings#TopIntro .inner-section .topintro>main>header>h4:after {
    right: 0;
    background: url(intro_ttl_deco_right.svg) left top no-repeat;
    background-size: 100% auto
}

.common-settings#TopIntro .inner-section .topintro>main>header>h4>picture {
    display: block
}

.common-settings#TopIntro .inner-section .topintro>main>header>h4>picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 406.49/90.64
}

.common-settings#TopIntro .inner-section .topintro>main>main {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>main {
        width:69.5%;
        max-width: 834px
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>main {
        line-height:2
    }
}

.common-settings#TopIntro .inner-section .topintro>main>main>p {
    font-weight: 600;
    letter-spacing: .03em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>p {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>p {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>p {
        font-size:3.023255813953488vw!important
    }
}

.common-settings#TopIntro .inner-section .topintro>main>main>p:not(:last-child) {
    margin-bottom: 1.5em
}

.common-settings#TopIntro .inner-section .topintro>main>main>p em {
    font-weight: 700
}

.common-settings#TopIntro .inner-section .topintro>main>main>p em[data-marker=yellow] {
    background: linear-gradient(transparent 70%,#fae04a 70%)
}

.common-settings#TopIntro .inner-section .topintro>main>main>p em[data-marker=pink] {
    background: linear-gradient(transparent 70%,rgba(240,120,175,.5) 70%)
}

.common-settings#TopIntro .inner-section .topintro>main>main>p strong {
    padding-left: .2em;
    padding-right: .06em;
    letter-spacing: .14em;
    color: #f078af
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>p strong {
        font-size:1.8rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>p strong {
        font-size:1.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>p strong {
        font-size:3.255813953488372vw!important
    }
}

.common-settings#TopIntro .inner-section .topintro>main>main>h5 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.3em;
    width: -webkit-fit-content;
    width: fit-content;
    position: relative;
    color: #f078af;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>h5 {
        letter-spacing:.2em;
        font-size: 2.4rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>h5 {
        font-size:2vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>main>h5 {
        letter-spacing:.12em;
        font-size: 4.651162790697675vw!important
    }
}

.common-settings#TopIntro .inner-section .topintro>main>main>h5:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120%;
    height: auto;
    background: url(txt_marker_white.svg) center bottom no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(-50%,10%);
    transform: translate(-50%,10%);
    display: block;
    z-index: 1;
    aspect-ratio: 490.87/19.02
}

.common-settings#TopIntro .inner-section .topintro>main>main>h5 em {
    position: relative;
    z-index: 2
}

.common-settings#TopIntro .inner-section .topintro>main>footer {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>footer {
        margin-top:40px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main>footer {
        margin-top:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>footer {
        margin-top:8.13953488372093vw
    }
}

.common-settings#TopIntro .inner-section .topintro>main>footer>h6 {
    text-align: center;
    line-height: 1.4
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopIntro .inner-section .topintro>main>footer>h6 {
        letter-spacing:.12em;
        font-size: 3rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopIntro .inner-section .topintro>main>footer>h6 {
        font-size:2.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopIntro .inner-section .topintro>main>footer>h6 {
        letter-spacing:.08em;
        font-size: 4.186046511627907vw!important
    }
}

.common-settings#TopIntro .inner-section .topintro>main>footer>h6 span {
    background: linear-gradient(transparent 70%,#fae04a 70%)
}

.common-settings#TopNews {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(2);
    filter: brightness(2);
    background: #00b9f0;
    position: relative
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews {
        padding-top:105px;
        padding-bottom: 112px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopNews {
        padding-top:8.75vw;
        padding-bottom: 9.333333333333332vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews {
        padding-top:18.6046511627907vw;
        padding-bottom: 16.27906976744186vw
    }
}

.common-settings#TopNews.is__scrolled {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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(1);
    filter: brightness(1);
    transition-duration: 1.2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopNews.is__scrolled .inner-section .topnews>main>article {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.common-settings#TopNews.is__scrolled .inner-section .topnews>main>article:nth-child(1) {
    transition-duration: .6s;
    transition-delay: .6s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopNews.is__scrolled .inner-section .topnews>main>article:nth-child(2) {
    transition-duration: .6s;
    transition-delay: .65s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopNews.is__scrolled .inner-section .topnews>main>article:nth-child(3) {
    transition-duration: .6s;
    transition-delay: .7s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopNews.is__scrolled .inner-section .topnews>main>article:nth-child(4) {
    transition-duration: .6s;
    transition-delay: .75s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopNews.is__scrolled .inner-section .topnews>main>article:nth-child(5) {
    transition-duration: .6s;
    transition-delay: .8s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.common-settings#TopNews:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: soft-light
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews:before {
        opacity:.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        background: url(bg_gradient-circle_pc.png) center top repeat-y;
        background-size: 1440px auto
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews:before {
        opacity:.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        background: url(/_assets/images/_common/bg/bg_gradient-circle_sp.png) center top repeat-y;
        background-size: 100% auto
    }
}

.common-settings#TopNews:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: url(repeat_news_ttl_top.svg) left top repeat-x;
    mix-blend-mode: soft-light;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: 2
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews:after {
        top:27px;
        background-size: 784px auto;
        height: 140px;
        -webkit-animation: topNewsTtlPC 15s infinite linear;
        animation: topNewsTtlPC 15s infinite linear
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews:after {
        top:5.5vw;
        background-size: 360px auto;
        height: 64px;
        -webkit-animation: topNewsTtlSP 15s infinite linear;
        animation: topNewsTtlSP 15s infinite linear
    }
}

.common-settings#TopNews .inner-section {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section {
        max-width:715px
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section {
        padding-left:5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#TopNews .inner-section .topnews {
    position: relative;
    color: #fff
}

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

@media screen and (max-width: 1200px) {
    .common-settings#TopNews .inner-section .topnews>header {
        margin-bottom:3.333333333333333vw
    }
}

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

.common-settings#TopNews .inner-section .topnews>header>h3 {
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>header>h3 {
        font-size:2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopNews .inner-section .topnews>header>h3 {
        font-size:1.666666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>header>h3 {
        text-align:center;
        font-size: 4.651162790697675vw!important
    }
}

.common-settings#TopNews .inner-section .topnews>main>article {
    position: relative;
    border-bottom: solid 1px #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: .85em;
        padding-bottom: .85em;
        font-size: 1.5rem;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#TopNews .inner-section .topnews>main>article {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>main>article {
        padding-bottom:.85em;
        font-size: 3.255813953488372vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article:not(:last-child) {
        margin-bottom:.25em
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>main>article:not(:last-child) {
        margin-bottom:4.651162790697675vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article: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="1.6" /><feFuncG type="linear" slope="1.6" /><feFuncB type="linear" slope="1.6" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article:hover .date,.common-settings#TopNews .inner-section .topnews>main>article:hover .ttl {
        color:#e8ffaa
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article:hover .arrow svg path {
        fill:#e8ffaa
    }
}

.common-settings#TopNews .inner-section .topnews>main>article:before,.common-settings#TopNews .inner-section .topnews>main>article:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 3px;
    height: auto;
    border-radius: 100%;
    background: #fff;
    aspect-ratio: 1/1
}

.common-settings#TopNews .inner-section .topnews>main>article:before {
    left: 0;
    -webkit-transform: translate(-50%,60%);
    transform: translate(-50%,60%)
}

.common-settings#TopNews .inner-section .topnews>main>article:after {
    right: 0;
    -webkit-transform: translate(50%,60%);
    transform: translate(50%,60%)
}

.common-settings#TopNews .inner-section .topnews>main>article .linkwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.common-settings#TopNews .inner-section .topnews>main>article .date,.common-settings#TopNews .inner-section .topnews>main>article .ttl,.common-settings#TopNews .inner-section .topnews>main>article .arrow {
    position: relative;
    z-index: 1;
    display: block;
    line-height: 1.5
}

.common-settings#TopNews .inner-section .topnews>main>article .date {
    font-weight: 700;
    color: #e8ffaa;
    line-height: 1.5
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article .date {
        width:18.181818181818183%;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>main>article .date {
        width:100%;
        margin-bottom: 2.325581395348837vw;
        font-size: 2.790697674418605vw!important
    }
}

.common-settings#TopNews .inner-section .topnews>main>article .ttl {
    font-weight: 600;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    display: -webkit-box;
    max-height: calc(1em*1.5*1);
    box-sizing: border-box;
    -webkit-line-clamp: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article .ttl {
        width:76.92307692307693%;
        transition-duration: .2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>main>article .ttl {
        width:100%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article .arrow {
        width:2.797202797202797%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>main>article .arrow {
        position:absolute;
        top: 0;
        right: 0;
        width: 4.651162790697675vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>main>article .arrow svg path {
        transition-duration:.2s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>footer {
        position:absolute;
        top: 0;
        right: 0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#TopNews .inner-section .topnews>footer {
        margin-top:10.465116279069766vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>footer .md-link__txt: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="1.6" /><feFuncG type="linear" slope="1.6" /><feFuncB type="linear" slope="1.6" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1.6);
        filter: brightness(1.6)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>footer .md-link__txt:hover a {
        color:#f078af;
        border-color: #f078af
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#TopNews .inner-section .topnews>footer .md-link__txt:hover a .arrow svg path {
        fill:#f078af
    }
}

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

@media screen and (max-width: 1200px) {
    .l-main[data-type=top]>aside {
        padding-top:5.583333333333333vw;
        padding-bottom: 5.583333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-main[data-type=top]>aside {
        padding-top:10.465116279069766vw;
        padding-bottom: 10.465116279069766vw
    }
}

.l-main[data-type=top]>aside>picture {
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media print,screen and (min-width: 769px) {
    .l-main[data-type=top]>aside>picture {
        width:15.277777777777779%
    }
}

@media screen and (max-width: 768px) {
    .l-main[data-type=top]>aside>picture {
        width:42.7906976744186vw
    }
}

.l-main[data-type=top]>aside>picture img {
    width: 100%;
    vertical-align: bottom
}

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

.l-pagesheader {
    position: relative;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader {
        margin-top:25px;
        margin-bottom: 70px;
        padding-top: 90px
    }
}

@media screen and (max-width: 1200px) {
    .l-pagesheader {
        margin-top:2.083333333333333vw;
        margin-bottom: 5.833333333333333vw;
        padding-top: 7.5vw
    }
}

@media screen and (max-width: 768px) {
    .l-pagesheader {
        margin-top:2.325581395348837vw;
        margin-bottom: 9.30232558139535vw;
        padding-top: 11.627906976744185vw
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader:before {
        content:"";
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        background-position: left top;
        background-repeat: repeat-x;
        pointer-events: none;
        display: block;
        z-index: 1
    }
}

.l-pagesheader .md-ttl__pages {
    position: relative;
    z-index: 2
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=news]:before {
        background-image:url(/_assets/images/ttl/repeat_news_ttl_pages.svg);
        background-size: 764px auto;
        height: 140px;
        -webkit-animation: headerTtlNewsPC 20s infinite linear;
        animation: headerTtlNewsPC 20s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=char]:before {
        background-image:url(/_assets/images/ttl/repeat_char_ttl.svg);
        background-size: 1450px auto;
        height: 140px;
        -webkit-animation: headerTtlCharPC 40s infinite linear;
        animation: headerTtlCharPC 40s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=movie]:before {
        background-image:url(/_assets/images/ttl/repeat_movie_ttl.svg);
        background-size: 789px auto;
        height: 140px;
        -webkit-animation: headerTtlMoviePC 20s infinite linear;
        animation: headerTtlMoviePC 20s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=staffcast]:before {
        background-image:url(/_assets/images/ttl/repeat_staffcast_ttl.svg);
        background-size: 1506px auto;
        height: 140px;
        -webkit-animation: headerTtlStaffCastPC 42s infinite linear;
        animation: headerTtlStaffCastPC 42s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=music]:before {
        background-image:url(/_assets/images/ttl/repeat_music_ttl.svg);
        background-size: 863px auto;
        height: 140px;
        -webkit-animation: headerTtlMusicPC 22s infinite linear;
        animation: headerTtlMusicPC 22s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=onair]:before {
        background-image:url(/_assets/images/ttl/repeat_onair_ttl.svg);
        background-size: 2418px auto;
        height: 140px;
        -webkit-animation: headerTtlOnairPC 52s infinite linear;
        animation: headerTtlOnairPC 52s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=story]:before {
        background-image:url(/_assets/images/ttl/repeat_story_ttl.svg);
        background-size: 777px auto;
        height: 140px;
        -webkit-animation: headerTtlStoryPC 28s infinite linear;
        animation: headerTtlStoryPC 28s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pagesheader[data-page=goodsArchive]:before,.l-pagesheader[data-page=goodsSingle]:before {
        background-image:url(/_assets/images/ttl/repeat_goods_ttl.svg);
        background-size: 774px auto;
        height: 140px;
        -webkit-animation: headerTtlGoodsPC 16s infinite linear;
        animation: headerTtlGoodsPC 16s infinite linear
    }
}

@media print,screen and (min-width: 769px) {
    .l-pager {
        margin-top:75px
    }
}

@media screen and (max-width: 1200px) {
    .l-pager {
        margin-top:6.25vw
    }
}

@media screen and (max-width: 768px) {
    .l-pager {
        margin-top:12.790697674418604vw
    }
}

.l-pager ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .l-pager ul {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .l-pager ul {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-pager ul {
        font-size:3.023255813953488vw!important
    }
}

.l-pager ul>li {
    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;
    height: auto;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 769px) {
    .l-pager ul>li {
        width:40px
    }
}

@media screen and (max-width: 1200px) {
    .l-pager ul>li {
        width:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .l-pager ul>li {
        width:5.116279069767442vw
    }
}

.l-pager ul>li.is__current {
    margin-left: .4em;
    margin-right: .4em;
    border-radius: 100%;
    background: #00b9f0;
    color: #e8ffaa
}

.l-pager ul>li a {
    padding-left: .4em;
    padding-right: .4em;
    color: #2b2b33
}

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

@media print,screen and (min-width: 769px) {
    .l-pager ul>li a:hover {
        color:#f078af
    }
}

.l-pagelinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,screen and (min-width: 769px) {
    .l-pagelinks {
        margin-top:100px
    }
}

@media screen and (max-width: 1200px) {
    .l-pagelinks {
        margin-top:8.333333333333332vw
    }
}

@media screen and (max-width: 768px) {
    .l-pagelinks {
        margin-top:13.953488372093023vw
    }
}

@media print,screen and (min-width: 769px) {
    .charStyle #Wrap:before {
        display:none
    }
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1) contrast(100%);
    filter: brightness(1) contrast(100%)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(1) {
    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(2) {
    transition-duration: .4s;
    transition-delay: .05s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(3) {
    transition-duration: .4s;
    transition-delay: .1s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(4) {
    transition-duration: .4s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(5) {
    transition-duration: .4s;
    transition-delay: .2s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(6) {
    transition-duration: .4s;
    transition-delay: .25s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(7) {
    transition-duration: .4s;
    transition-delay: .3s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(8) {
    transition-duration: .4s;
    transition-delay: .35s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(9) {
    transition-duration: .4s;
    transition-delay: .4s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>nav .inner button:nth-child(10) {
    transition-duration: .4s;
    transition-delay: .45s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>main {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition-duration: 1.2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

@media print,screen and (min-width: 769px) {
    .charStyle #Wrap.is__loaded .common-settings#Char .inner-section .char>main {
        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><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1) contrast(100%);
        filter: brightness(1) contrast(100%);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.charStyle .l-pagesheader {
    margin-top: 0!important
}

@media print,screen and (min-width: 769px) {
    .charStyle .l-pagesheader {
        margin-bottom:50px!important
    }
}

@media screen and (max-width: 1200px) {
    .charStyle .l-pagesheader {
        margin-bottom:4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .charStyle .l-pagesheader {
        display:none
    }
}

.charStyle .l-pagesheader .md-ttl__pages {
    display: none
}

@media screen and (max-width: 768px) {
    .common-settings#Char {
        padding-top:9.30232558139535vw
    }
}

.common-settings#Char .inner-section .char>header h3 {
    position: relative;
    text-align: center;
    line-height: 1;
    letter-spacing: .2em;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>header h3 {
        margin-bottom:30px;
        font-size: 2.8rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>header h3 {
        margin-bottom:2.5vw;
        font-size: 2.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>header h3 {
        background:linear-gradient(90deg,#f078af 0,#00b9f0 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3.255813953488372vw!important;
        margin-bottom: 6.976744186046512vw
    }
}

.common-settings#Char .inner-section .char>nav {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    z-index: 2
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>nav {
        margin-bottom:50px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>nav {
        margin-bottom:4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav {
        margin-bottom:11.627906976744185vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#Char .inner-section .char>nav .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>nav .inner {
        margin-right:auto;
        margin-left: auto;
        max-width: 1200px
    }
}

.common-settings#Char .inner-section .char>nav .inner>button {
    margin: 0;
    padding: 0;
    background: none;
    display: block;
    height: auto;
    border-style: none;
    box-sizing: border-box;
    border-radius: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(2) contrast(300%);
    filter: brightness(2) contrast(300%);
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>nav .inner>button {
        width:6.833333333333333%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav .inner>button {
        width:13.612565445026178%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>nav .inner>button:not(:last-child) {
        margin-right:1.166666666666667%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav .inner>button:not(:last-child) {
        margin-right:2.617801047120419%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav .inner>button:nth-child(1) {
        margin-left:18.6046511627907vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav .inner>button:nth-child(3) {
        margin-right:18.6046511627907vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav .inner>button:nth-child(n+4) {
        margin-top:2.325581395348837vw
    }
}

.common-settings#Char .inner-section .char>nav .inner>button picture {
    display: block;
    border: solid 2px #2b2b33;
    border-radius: 100%;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Char .inner-section .char>nav .inner>button picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: cover;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>nav .inner>button[data-status=current] {
        border-width:3px
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>nav .inner>button[data-status=current] {
        border-width:2px
    }
}

.common-settings#Char .inner-section .char>nav .inner>button[data-status=current] picture {
    border-color: #f078af;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>nav .inner>button:hover picture {
        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.2" /><feFuncG type="linear" slope="1.2" /><feFuncB type="linear" slope="1.2" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2);
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
}

.common-settings#Char .inner-section .char>main {
    position: relative;
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main {
        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="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(2) contrast(300%);
        filter: brightness(2) contrast(300%);
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

.common-settings#Char .inner-section .char>main:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 150%;
    background: #fff
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main:before {
        top:50%;
        height: 684px;
        -webkit-transform: translate(-50%,-65%) rotate(-5deg);
        transform: translate(-50%,-65%) rotate(-5deg);
        z-index: 1
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main:before {
        height:57vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main:before {
        top:0;
        -webkit-transform: translate(-50%,14%) rotate(-5deg);
        transform: translate(-50%,14%) rotate(-5deg);
        z-index: 2;
        height: 109.76744186046511vw
    }
}

.common-settings#Char .inner-section .char>main .charbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charbg {
        background:url(bg_gradient-circle_pc.png) center top repeat;
        background-size: 1440px auto;
        z-index: 2
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charbg {
        top:-72vw;
        background: url(/_assets/images/_common/bg/bg_gradient-circle_sp.png) center top repeat;
        background-size: 100% auto;
        z-index: 1
    }
}

.common-settings#Char .inner-section .char>main .charslider {
    position: relative;
    z-index: 3
}

.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .visual,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .visual {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1) contrast(100%);
    filter: brightness(1) contrast(100%)
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .visual picture img,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .visual picture img {
        -webkit-transform:translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .visual picture img,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .visual picture img {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .visual button,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .visual button {
    -webkit-animation: costumeChangeBtn 3s infinite linear;
    animation: costumeChangeBtn 3s infinite linear
}

.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .visual button .inner:before,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .visual button .inner:before {
    -webkit-animation: kaiten1 6s infinite cubic-bezier(.455,.03,.515,.955);
    animation: kaiten1 6s infinite cubic-bezier(.455,.03,.515,.955)
}

.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .chartxt,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .chartxt {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .chartxt,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .chartxt {
        -webkit-transform:translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-active .chardata--inner .chartxt,.common-settings#Char .inner-section .char>main .charslider .slick-slide.slick-current .chardata--inner .chartxt {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata {
        box-sizing:border-box;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner {
        width:88.23529411764706%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner {
        width:100%
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(2) contrast(300%);
    filter: brightness(2) contrast(300%);
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual {
        width:50%;
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual {
        -webkit-transform:translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual {
        margin-left:auto;
        margin-right: auto;
        width: 100%;
        margin-bottom: 13.953488372093023vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual picture {
    display: block
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual picture {
        position:relative;
        width: 100%;
        height: auto;
        aspect-ratio: 600/1046
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="8" dy="7" result="offsetblur" /><feFlood flood-color="rgba(34,34,34,.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(7px 6px 3px rgba(34,34,34,.1));
    filter: drop-shadow(7px 6px 3px rgba(34,34,34,.1));
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual picture img {
        position:absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual picture img {
        aspect-ratio:1592/2092
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual picture img {
        -webkit-transform:translateY(5%);
        transform: translateY(5%);
        aspect-ratio: 1290/2130
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed {
    transition-duration: .6s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal[data-status=hidden],.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed[data-status=hidden] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal[data-status=hidden]>picture,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed[data-status=hidden]>picture {
        -webkit-transform:translateX(20%);
        transform: translateX(20%)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal[data-status=hidden]>picture,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed[data-status=hidden]>picture {
        -webkit-transform:translateY(5%);
        transform: translateY(5%)
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal[data-status=show],.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed[data-status=show] {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal[data-status=show]>picture,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed[data-status=show]>picture {
        -webkit-transform:translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal[data-status=show]>picture,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed[data-status=show]>picture {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal picture,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed picture {
    transition-duration: .6s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal picture img,.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed picture img {
    pointer-events: none
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--normal {
    position: relative;
    z-index: 1
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual--changed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button {
    position: absolute;
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    z-index: 4
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button {
        left:3.333333333333333%;
        top: 9.177820267686425%;
        width: 20%;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button {
        left:3.488372093023256%;
        bottom: 10.75268817204301%;
        width: 23.25581395348837vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button:hover {
        opacity:.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button[data-status=changed] .inner {
    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.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" intercept="-0.5" /><feFuncG type="linear" slope="2" intercept="-0.5" /><feFuncB type="linear" slope="2" intercept="-0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1.1) contrast(200%);
    filter: brightness(1.1) contrast(200%)
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button .inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button .inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/_assets/images/char/ui/btn_change_bg.svg) center center no-repeat;
    background-size: 100% auto;
    z-index: 1
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .visual button .inner>svg {
    position: relative;
    vertical-align: bottom;
    z-index: 2
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt {
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: 1.2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt {
        margin-top:160px;
        width: 50%;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt {
        margin-top:13.333333333333332vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt {
        -webkit-transform:translateY(10%);
        transform: translateY(10%);
        margin-top: 0;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name {
        margin-bottom:20px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name {
        margin-bottom:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name {
        margin-bottom:5.813953488372093vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>* {
    display: block;
    line-height: 1
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name[data-txtcolor=blue] {
    color: #00b9f0
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name[data-txtcolor=pink] {
    color: #f078af
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>em {
    letter-spacing: .14em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>em {
        font-size:4.8rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>em {
        font-size:4vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>em {
        font-size:10.232558139534884vw!important
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>small {
    margin-top: 1.5em;
    letter-spacing: .42em;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>small {
        font-size:1.1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>small {
        font-size:.916666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--name>small {
        font-size:2.325581395348837vw!important
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname {
    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>main .charslider .chardata--inner .chartxt--castname {
        margin-bottom:50px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname {
        margin-bottom:4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname {
        margin-bottom:11.627906976744185vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname[data-txtcolor=blue] {
    color: #00b9f0
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname[data-txtcolor=pink] {
    color: #f078af
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 {
        margin-right:15px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 {
        margin-right:1.25vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 {
        margin-right:3.488372093023256vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt {
    letter-spacing: .1em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt {
        font-size:1.7rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt {
        font-size:1.416666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt {
        font-size:3.720930232558139vw!important
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt:before {
    content: "CV.";
    margin-right: .45em;
    font-family: Montserrat,IBM Plex Sans JP,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    letter-spacing: .06em;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt:before {
        font-size:1.1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt:before {
        font-size:.916666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--castname>h6 .txt:before {
        font-size:2.325581395348837vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile {
        width:76.66666666666667%;
        font-size: 1.6rem;
        font-weight: 600
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile {
        font-weight:500;
        line-height: 2.1;
        font-size: 3.255813953488372vw!important
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile[data-color=blue]:before {
    color: #00b9f0
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile[data-color=pink]:before {
    color: #f078af
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile:before {
    content: "CHARACTER PROFILE";
    margin-bottom: 1.5em;
    font-weight: 600;
    letter-spacing: .3em;
    line-height: 1;
    display: block
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile:before {
        font-size:1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile:before {
        font-size:.833333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt--profile:before {
        font-size:2.325581395348837vw!important
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav {
    position: absolute;
    top: 0
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav {
        right:0;
        width: 70px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav {
        width:5.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav {
        top:0;
        right: 5.581395348837209%;
        -webkit-transform: translateY(-2.5vw);
        transform: translateY(-2.5vw);
        width: 13.953488372093023vw
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav[data-color=blue]>button svg path {
    fill: #00b9f0
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav[data-color=pink]>button svg path {
    fill: #f078af
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav>button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav>button {
        width:100%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav>button:hover svg path {
        fill:#2b2b33
    }
}

.common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav>button svg {
    vertical-align: bottom
}

@media print,screen and (min-width: 769px) {
    .common-settings#Char .inner-section .char>main .charslider .chardata--inner .chartxt .charchangenav>button svg path {
        transition-duration:.3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

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

@media screen and (max-width: 768px) {
    .common-settings#Goods {
        padding-left:5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#Goods .inner-section .goods--lineup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup {
        padding-top:20px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--lineup {
        width:88.23529411764706%;
        padding-top: 1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup {
        width:100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 0
    }
}

.common-settings#Goods .inner-section .goods--lineup__block {
    position: relative;
    border-bottom: solid 1px rgba(156,167,170,.4)
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block {
        margin-right:3.333333333333333%;
        padding-bottom: 20px;
        width: 22.5%
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--lineup__block {
        padding-bottom:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup__block {
        width:47.64397905759162%;
        padding-bottom: 3.255813953488372vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block:nth-child(4n),.common-settings#Goods .inner-section .goods--lineup__block:last-child {
        margin-right:0
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block:nth-child(n+5) {
        margin-top:60px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--lineup__block:nth-child(n+5) {
        margin-top:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup__block:nth-child(n+5) {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup__block:nth-child(n+3) {
        margin-top:6.976744186046512vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block:hover .thumb 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)
    }
}

.common-settings#Goods .inner-section .goods--lineup__block .linkwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.common-settings#Goods .inner-section .goods--lineup__block .thumb,.common-settings#Goods .inner-section .goods--lineup__block .release,.common-settings#Goods .inner-section .goods--lineup__block .ttl,.common-settings#Goods .inner-section .goods--lineup__block .price {
    position: relative;
    z-index: 1
}

.common-settings#Goods .inner-section .goods--lineup__block .thumb {
    display: block;
    background: #fff
}

.common-settings#Goods .inner-section .goods--lineup__block .thumb img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-position: center center;
    object-fit: contain;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block .thumb img {
        transition-duration:.3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.common-settings#Goods .inner-section .goods--lineup__block .release {
    margin-top: 1.75em;
    display: block;
    line-height: 1;
    color: #f078af;
    font-weight: 600;
    letter-spacing: .05em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block .release {
        font-size:1.1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--lineup__block .release {
        font-size:.916666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup__block .release {
        font-size:2.558139534883721vw!important
    }
}

.common-settings#Goods .inner-section .goods--lineup__block .ttl {
    margin-top: .75em;
    letter-spacing: .04em;
    line-height: 1.6;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block .ttl {
        font-size:1.5rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--lineup__block .ttl {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup__block .ttl {
        font-size:3.023255813953488vw!important
    }
}

.common-settings#Goods .inner-section .goods--lineup__block .price {
    margin-top: .55em;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 600;
    color: #4dc4c9
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--lineup__block .price {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--lineup__block .price {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--lineup__block .price {
        font-size:2.325581395348837vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post {
        width:88.23529411764706%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post {
        width:100%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__img {
        width:50%
    }
}

.common-settings#Goods .inner-section .goods--post__img--slider .imgslide picture {
    display: block;
    background: #fff
}

.common-settings#Goods .inner-section .goods--post__img--slider .imgslide picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-position: center center;
    object-fit: contain;
    aspect-ratio: 1/1
}

.common-settings#Goods .inner-section .goods--post__img--nav {
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__img--nav {
        margin-top:20px;
        width: 91.66666666666666%
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__img--nav {
        margin-top:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__img--nav {
        width:91.62303664921467%;
        margin-top: 2.325581395348837vw
    }
}

.common-settings#Goods .inner-section .goods--post__img--nav>button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    box-sizing: border-box;
    border: solid 3px transparent;
    display: block;
    cursor: pointer;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__img--nav>button {
        margin-left:.909090909090909%;
        margin-right: .909090909090909%;
        width: 9.090909090909092%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__img--nav>button {
        margin-left:1.428571428571429%;
        margin-right: 1.428571428571429%;
        width: 14.285714285714285%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__img--nav>button:nth-child(n+10) {
        margin-top:10px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__img--nav>button:nth-child(n+10) {
        margin-top:.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__img--nav>button:nth-child(n+10) {
        margin-top:0
    }
}

.common-settings#Goods .inner-section .goods--post__img--nav>button[data-status=current] {
    border-color: #4dc4c9
}

.common-settings#Goods .inner-section .goods--post__img--nav>button picture {
    display: block;
    background: #fff
}

.common-settings#Goods .inner-section .goods--post__img--nav>button picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1/1;
    object-position: center center;
    object-fit: cover
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info {
        width:45.83333333333333%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info {
        margin-top:9.30232558139535vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>header {
    border-bottom: dotted 1px #4dc4c9
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>header {
        margin-bottom:25px;
        padding-bottom: 15px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>header {
        margin-bottom:2.083333333333333vw;
        padding-bottom: 1.25vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>header {
        margin-bottom:5.813953488372093vw;
        padding-bottom: 4.651162790697675vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>header .release {
    display: block;
    line-height: 1.4;
    color: #f078af;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>header .release {
        font-size:1.3rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>header .release {
        font-size:1.083333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>header .release {
        font-size:3.023255813953488vw!important
    }
}

.common-settings#Goods .inner-section .goods--post__info>header .ttl {
    margin-top: .45em;
    line-height: 1.6;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>header .ttl {
        font-size:2.4rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>header .ttl {
        font-size:2vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>header .ttl {
        font-size:4.651162790697675vw!important
    }
}

.common-settings#Goods .inner-section .goods--post__info>header .price {
    margin-top: .35em;
    display: block;
    color: #4dc4c9;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>header .price {
        font-size:1.5rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>header .price {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>header .price {
        font-size:3.488372093023256vw!important
    }
}

.common-settings#Goods .inner-section .goods--post__info>.main {
    line-height: 1.85
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>.main {
        font-size:1.5rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>.main {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>.main {
        font-size:3.255813953488372vw!important
    }
}

.common-settings#Goods .inner-section .goods--post__info>.main>p {
    letter-spacing: .05em;
    line-height: 1.95
}

.common-settings#Goods .inner-section .goods--post__info>.main>p:not(:last-child) {
    margin-bottom: 1.55em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>footer {
        margin-top:40px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>footer {
        margin-top:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>footer {
        margin-top:6.976744186046512vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>footer p {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>footer p {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>footer p {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>footer p {
        font-size:2.325581395348837vw!important
    }
}

.common-settings#Goods .inner-section .goods--post__info>footer p:not(:last-child) {
    margin-bottom: 1em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>aside {
        margin-top:45px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>aside {
        margin-top:3.75vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>aside {
        margin-top:8.13953488372093vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>aside>dl {
    line-height: 1.6;
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl {
        font-size:1.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl {
        border-bottom:solid 1px #fff;
        padding-bottom: 3.488372093023256vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl:not(:last-child) {
        margin-bottom:18px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl:not(:last-child) {
        margin-bottom:1.5vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl:not(:last-child) {
        margin-bottom:4.651162790697675vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>aside>dl>dt {
    box-sizing: border-box
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dt {
        width:110px
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dt {
        font-size:2.790697674418605vw!important
    }
}

.common-settings#Goods .inner-section .goods--post__info>aside>dl>dt span {
    border-left: solid 2px #4dc4c9;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dt span {
        padding-left:10px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dt span {
        padding-left:.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dt span {
        padding-left:2.325581395348837vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dd {
        width:calc(100% - 118px)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>aside>dl>dd {
        margin-top:.45em;
        padding-left: 3.255813953488372vw;
        font-size: 3.488372093023256vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>nav {
        margin-top:45px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>nav {
        margin-top:3.75vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>nav {
        margin-left:auto;
        margin-right: auto;
        margin-top: 9.30232558139535vw;
        width: 49.76744186046511vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>nav>button {
    margin: 0;
    padding: 0;
    background: #4dc4c9;
    border-style: none;
    display: block;
    cursor: pointer;
    font-family: Montserrat,IBM Plex Sans JP,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button {
        width:59.09090909090909%;
        font-size: 2.1rem;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button {
        width:100%;
        font-size: 1.75vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button {
        font-size:3.720930232558139vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button:hover {
        background:#2b2b33
    }
}

.common-settings#Goods .inner-section .goods--post__info>nav>button a {
    position: relative;
    color: #fff;
    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
}

@media print,screen and (min-width: 769px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button a {
        min-height:88px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button a {
        min-height:8.6vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods--post__info>nav>button a {
        min-height:16vw
    }
}

.common-settings#Goods .inner-section .goods--post__info>nav>button a .arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.common-settings#Goods .inner-section .goods--post__info>nav>button a .arrow svg {
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .common-settings#Goods .inner-section .goods>footer .l-pagelinks {
        margin-top:3.488372093023256vw
    }
}

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

@media screen and (max-width: 1200px) {
    .common-settings#Movie {
        padding-bottom:6.666666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Movie {
        padding-bottom:0;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Movie .inner-section .movie {
        margin-right:auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Movie .inner-section .movie {
        width:88.23529411764706%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Movie .inner-section .movie {
        width:100%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Movie .inner-section .movie--lineup {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Movie .inner-section .movie--lineup>article {
    cursor: pointer
}

@media print,screen and (min-width: 769px) {
    .common-settings#Movie .inner-section .movie--lineup>article {
        width:48.333333333333336%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Movie .inner-section .movie--lineup>article: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#Movie .inner-section .movie--lineup>article:nth-child(n+3) {
        margin-top:55px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Movie .inner-section .movie--lineup>article:nth-child(n+3) {
        margin-top:4.583333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Movie .inner-section .movie--lineup>article:nth-child(n+3) {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Movie .inner-section .movie--lineup>article:not(:last-child) {
        margin-bottom:8.13953488372093vw
    }
}

.common-settings#Movie .inner-section .movie--lineup>article picture {
    display: block;
    border: solid 2px #fff;
    border-radius: 4px;
    overflow: hidden
}

.common-settings#Movie .inner-section .movie--lineup>article picture img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: cover;
    aspect-ratio: 16/9
}

@media print,screen and (min-width: 769px) {
    .common-settings#Movie .inner-section .movie--lineup>article picture img {
        transition-duration:.3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

.common-settings#Movie .inner-section .movie--lineup>article h3 {
    margin-top: .85em;
    line-height: 1.5;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Movie .inner-section .movie--lineup>article h3 {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Movie .inner-section .movie--lineup>article h3 {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Movie .inner-section .movie--lineup>article h3 {
        font-size:3.023255813953488vw!important
    }
}

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

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music {
        margin-right:auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music {
        width:88.23529411764706%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music {
        width:100%
    }
}

.common-settings#Music .inner-section .music>nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav {
        margin-bottom:50px;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>nav {
        margin-bottom:4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>nav {
        -ms-flex-pack:justify;
        justify-content: space-between;
        margin-bottom: 13.953488372093023vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#Music .inner-section .music>nav>button {
    margin: 0;
    padding: 0;
    background: #fff;
    border: solid 3px #2b2b33;
    border-radius: 100vw
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button {
        width:25.833333333333336%;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>nav>button {
        width:41.66666666666667%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>nav>button {
        width:47.64397905759162%
    }
}

.common-settings#Music .inner-section .music>nav>button[data-color=blue] {
    border-color: #00b9f0
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button[data-color=blue]:hover {
        background:#00b9f0
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button[data-color=blue] a:hover em {
        color:#fff
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button[data-color=blue] a:hover small {
        color:#fff
    }
}

.common-settings#Music .inner-section .music>nav>button[data-color=blue] a small {
    color: #00b9f0
}

.common-settings#Music .inner-section .music>nav>button[data-color=pink] {
    border-color: #f078af
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button[data-color=pink]:hover {
        background:#f078af
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button[data-color=pink] a:hover em {
        color:#fff
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button[data-color=pink] a:hover small {
        color:#fff
    }
}

.common-settings#Music .inner-section .music>nav>button[data-color=pink] a small {
    color: #f078af
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button:not(:last-child) {
        margin-right:1.666666666666667%
    }
}

.common-settings#Music .inner-section .music>nav>button 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;
    -ms-flex-direction: column;
    flex-direction: column
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button a {
        min-height:84px;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>nav>button a {
        min-height:13.953488372093023vw
    }
}

.common-settings#Music .inner-section .music>nav>button a>* {
    display: block;
    width: 100%
}

.common-settings#Music .inner-section .music>nav>button a em {
    color: #2b2b33
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button a em {
        font-size:2.2rem;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>nav>button a em {
        font-size:1.833333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>nav>button a em {
        font-size:3.255813953488372vw!important
    }
}

.common-settings#Music .inner-section .music>nav>button a small {
    margin-top: .5em;
    letter-spacing: .2em;
    font-weight: 700;
    font-family: Montserrat,IBM Plex Sans JP,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>nav>button a small {
        font-size:1rem;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>nav>button a small {
        font-size:.833333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>nav>button a small {
        display:none
    }
}

.common-settings#Music .inner-section .music>main>section {
    background: #fff
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section:not(:last-child) {
        margin-bottom:70px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section:not(:last-child) {
        margin-bottom:5.833333333333333vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l {
        padding-top:70px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l {
        padding-top:5.833333333333333vw;
        padding-bottom: 6.666666666666666vw
    }
}

.common-settings#Music .inner-section .music>main>section .l>header {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>header {
        margin-bottom:40px;
        width: 69.5%
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l>header {
        margin-bottom:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>header {
        margin-bottom:4.651162790697675vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#Music .inner-section .music>main>section .l>header>h3 {
    margin-left: auto;
    margin-right: auto;
    padding: .5em .8em .42em;
    width: -webkit-fit-content;
    width: fit-content;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    color: #e8ffaa
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h3 {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h3 {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h3 {
        font-size:2.790697674418605vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l>header>h3[data-color=blue] {
    background: #00b9f0
}

.common-settings#Music .inner-section .music>main>section .l>header>h3[data-color=pink] {
    background: #f078af
}

.common-settings#Music .inner-section .music>main>section .l>header>h4 {
    text-align: center;
    letter-spacing: .08em;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h4 {
        margin-top:.5em;
        margin-bottom: .35em;
        font-size: 3.8rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h4 {
        font-size:3.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h4 {
        margin-top:.4em;
        margin-bottom: .6em;
        font-size: 7.441860465116279vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l>header>h5 {
    text-align: center;
    line-height: 1.4
}

.common-settings#Music .inner-section .music>main>section .l>header>h5>* {
    display: block
}

.common-settings#Music .inner-section .music>main>section .l>header>h5 em {
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h5 em {
        font-size:2.1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h5 em {
        font-size:1.75vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h5 em {
        font-size:4.651162790697675vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l>header>h5 em[data-color=blue] {
    color: #00b9f0
}

.common-settings#Music .inner-section .music>main>section .l>header>h5 em[data-color=pink] {
    color: #f078af
}

.common-settings#Music .inner-section .music>main>section .l>header>h5 small {
    margin-top: .85em;
    color: #9ca7aa;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h5 small {
        font-size:1.3rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h5 small {
        font-size:1.083333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>header>h5 small {
        font-size:2.325581395348837vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l>picture {
    display: block;
    overflow: hidden
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>picture {
        margin-bottom:30px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l>picture {
        margin-bottom:2.5vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>picture {
        margin-bottom:6.976744186046512vw
    }
}

.common-settings#Music .inner-section .music>main>section .l>picture img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    vertical-align: bottom
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l>picture img {
        width:69.5%;
        max-height: 620px;
        object-fit: contain
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l>picture img {
        width:100%
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof {
    position: relative
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof {
        padding-top:35px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof {
        padding-top:2.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof {
        padding-top:4.651162790697675vw
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background: url(/_assets/images/music/repeat_artistprofile.svg) left top repeat-x;
    z-index: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof:before {
        background-size:654px auto;
        height: 49px;
        -webkit-animation: artistProfTtlPC 20s infinite linear;
        animation: artistProfTtlPC 20s infinite linear
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof:before {
        background-size:427px auto;
        height: 32px;
        -webkit-animation: artistProfTtlSP 20s infinite linear;
        animation: artistProfTtlSP 20s infinite linear
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section {
    width: 100%;
    box-sizing: border-box
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--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) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.name {
        margin-bottom:40px;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.name {
        margin-bottom:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.name {
        margin-bottom:6.976744186046512vw
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.name>button {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.name>button {
        margin-top:15px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.name>button {
        margin-top:1.25vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.bio {
        width:60%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="1"] .prof--inner>section>.links {
        margin-top:0!important;
        padding-top: 0!important;
        border-style: none!important;
        width: 35%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner {
        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#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section {
        width:46.76258992805755%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section:not(:last-child) {
        margin-bottom:18.6046511627907vw
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section:not(:first-child) {
    position: relative
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section:not(:first-child):before {
        content:"";
        position: absolute;
        top: -20px;
        left: 0;
        display: block;
        width: 100%;
        background: url(/_assets/images/music/repeat_artistprofile.svg) left top repeat-x;
        background-size: 427px auto;
        height: 32px;
        -webkit-animation: artistProfTtlSP 20s infinite linear;
        animation: artistProfTtlSP 20s infinite linear;
        z-index: 1
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section>.name {
    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>section .l .prof[data-column="2"] .prof--inner>section>.name>button {
        margin-left:15px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section>.name>button {
        margin-left:1.25vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof[data-column="2"] .prof--inner>section>.name>button {
        margin-left:auto
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner {
        width:69.5%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section {
        padding-left:5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name {
        margin-bottom:30px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name {
        margin-bottom:2.5vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name {
        position:relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        z-index: 2;
        margin-bottom: 6.976744186046512vw
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 {
    font-weight: 700;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 {
        font-size:3.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 {
        font-size:2.666666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 {
        font-size:6.511627906976744vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 small {
    display: block;
    letter-spacing: .2em;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 small {
        margin-top:1.2em;
        font-size: 1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 small {
        font-size:.833333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>h6 small {
        margin-top:.65em;
        font-size: 2.325581395348837vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>button {
        width:120px;
        min-width: auto!important
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>button {
        width:10vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.name>button {
        margin-right:0!important;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        width: 34.883720930232556vw
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.bio {
    line-height: 2
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.bio {
        font-size:1.4rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.bio {
        font-size:1.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.bio {
        font-size:2.790697674418605vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links {
    border-top: dotted 2px #2b2b33
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links {
        margin-top:35px;
        padding-top: 25px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links {
        margin-top:2.916666666666667vw;
        padding-top: 2.083333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links {
        margin-top:8.13953488372093vw;
        padding-top: 5.813953488372093vw
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links[data-color=pink] {
    border-color: #f078af
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links[data-color=pink] a {
    color: #f078af
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links[data-color=blue] {
    border-color: #00b9f0
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links[data-color=blue] a {
    color: #00b9f0
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dt {
    margin-bottom: 1em;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dt {
        font-size:1.8rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dt {
        font-size:1.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dt {
        font-size:3.255813953488372vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul {
    list-style-type: disc
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li {
    margin-left: 1.5em;
    line-height: 1.6;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li {
        font-size:3.023255813953488vw!important
    }
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li:not(:last-child) {
    margin-bottom: .3em
}

.common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li a {
    color: #2b2b33
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li a {
        transition-duration:.3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Music .inner-section .music>main>section .l .prof--inner>section>.links>dd>ul>li a:hover {
        color:#2b2b33
    }
}

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

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

.l-artistcomment[data-status=show] .l-artistcomment__inner .bg,.l-artistcomment[data-status=show] .l-artistcomment__inner .closebtn,.l-artistcomment[data-status=show] .l-artistcomment__inner .contents {
    pointer-events: auto
}

.l-artistcomment__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;
    box-sizing: border-box
}

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

.l-artistcomment__inner .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(255,255,255,.8);
    z-index: 1
}

.l-artistcomment__inner .closebtn {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 50%;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media print,screen and (min-width: 769px) {
    .l-artistcomment__inner .closebtn {
        bottom:7vh;
        width: 74px
    }
}

@media screen and (max-width: 1200px) {
    .l-artistcomment__inner .closebtn {
        width:6.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .l-artistcomment__inner .closebtn {
        bottom:7vw;
        width: 16.74418604651163vw
    }
}

.l-artistcomment__inner .contents {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 10px
}

@media print,screen and (min-width: 769px) {
    .l-artistcomment__inner .contents {
        width:100%;
        max-width: 608px;
        background: #fff
    }
}

@media screen and (max-width: 768px) {
    .l-artistcomment__inner .contents {
        width:88.83720930232558%
    }
}

.l-artistcomment__inner .contents[data-color=blue] {
    border: solid 2px #00b9f0
}

.l-artistcomment__inner .contents[data-color=blue]>header picture img {
    border-color: #00b9f0
}

.l-artistcomment__inner .contents[data-color=blue]>main>header:before {
    color: #00b9f0
}

.l-artistcomment__inner .contents[data-color=pink] {
    border: solid 2px #f078af
}

.l-artistcomment__inner .contents[data-color=pink]>header picture img {
    border-color: #f078af
}

.l-artistcomment__inner .contents[data-color=pink]>main>header:before {
    color: #f078af
}

.l-artistcomment__inner .contents>header {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-30%);
    transform: translate(-50%,-30%)
}

@media print,screen and (min-width: 769px) {
    .l-artistcomment__inner .contents>header {
        width:13.157894736842104%
    }
}

@media screen and (max-width: 768px) {
    .l-artistcomment__inner .contents>header {
        width:20.94240837696335%
    }
}

.l-artistcomment__inner .contents>header picture {
    display: block
}

.l-artistcomment__inner .contents>header picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 100%;
    box-sizing: border-box;
    border: solid 3px #2b2b33;
    aspect-ratio: 1/1
}

@media print,screen and (min-width: 769px) {
    .l-artistcomment__inner .contents>main {
        padding-top:75px;
        padding-bottom: 60px
    }
}

@media screen and (max-width: 1200px) {
    .l-artistcomment__inner .contents>main {
        padding-top:6.25vw;
        padding-bottom: 5vw
    }
}

@media screen and (max-width: 768px) {
    .l-artistcomment__inner .contents>main {
        padding-top:16.27906976744186vw;
        padding-bottom: 13.953488372093023vw
    }
}

.l-artistcomment__inner .contents>main>header:before {
    content: "ARTIST COMMENT";
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    letter-spacing: .3em
}

.l-artistcomment__inner .contents>main>header>h4 {
    margin-top: .4em;
    text-align: center;
    font-weight: 700;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .l-artistcomment__inner .contents>main>header>h4 {
        font-size:2.6rem
    }
}

@media screen and (max-width: 1200px) {
    .l-artistcomment__inner .contents>main>header>h4 {
        font-size:2.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-artistcomment__inner .contents>main>header>h4 {
        font-size:5.116279069767442vw!important
    }
}

.l-artistcomment__inner .contents>main>article>p {
    margin-top: 1.4em;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    line-height: 2
}

@media print,screen and (min-width: 769px) {
    .l-artistcomment__inner .contents>main>article>p {
        width:86.8421052631579%;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 1200px) {
    .l-artistcomment__inner .contents>main>article>p {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .l-artistcomment__inner .contents>main>article>p {
        width:86.91099476439791%;
        font-size: 3.023255813953488vw!important
    }
}

.newsDetailStyle .l-pagesheader {
    margin-top: 0!important
}

@media print,screen and (min-width: 769px) {
    .newsDetailStyle .l-pagesheader {
        margin-bottom:50px!important
    }
}

@media screen and (max-width: 1200px) {
    .newsDetailStyle .l-pagesheader {
        margin-bottom:4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .newsDetailStyle .l-pagesheader {
        display:none
    }
}

.newsDetailStyle .l-pagesheader .md-ttl__pages {
    display: none
}

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

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup] {
        padding-top:50px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup] {
        padding-top:4.166666666666666vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main {
        width:88.23529411764706%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main {
        width:100%;
        box-sizing: border-box;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article {
    position: relative
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article {
        margin-right:3.75%;
        padding: 40px 24px 45px;
        border: solid 6px #00b9f0;
        border-radius: 5px;
        width: 30.833333333333336%;
        background: #fff;
        box-sizing: border-box;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article {
        padding-top:3.333333333333333vw;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-bottom: 3.75vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article {
        border-bottom:solid 1px #00b9f0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 3.488372093023256vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:nth-child(3n),.common-settings#News .inner-section .news[data-type=lineup]>main>article:last-child {
        margin-right:0
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:nth-child(n+4) {
        margin-top:80px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:nth-child(n+4) {
        margin-top:6.666666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:nth-child(n+4) {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:before,.common-settings#News .inner-section .news[data-type=lineup]>main>article:after {
        content:"";
        position: absolute;
        bottom: 0;
        display: block;
        width: 3px;
        height: auto;
        border-radius: 100%;
        background: #00b9f0;
        aspect-ratio: 1/1
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:before {
        left:0;
        -webkit-transform: translate(-50%,60%);
        transform: translate(-50%,60%)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:after {
        right:0;
        -webkit-transform: translate(50%,60%);
        transform: translate(50%,60%)
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:not(:last-child) {
        margin-bottom:4.651162790697675vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:hover {
        background:#00b9f0
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:hover .inner .date {
        color:#e8ffaa
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:hover .inner .ttl {
        color:#e8ffaa
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:hover .inner .arrow svg path {
        fill:#e8ffaa
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article:before {
        content:"";
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        background: url(/_assets/images/news/icon_hanger.svg) center top no-repeat;
        background-size: 100% auto;
        -webkit-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%);
        width: 25.675675675675674%;
        pointer-events: none;
        aspect-ratio: 95.01/45.87
    }
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article .linkwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article .inner {
    position: relative;
    z-index: 1
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .date {
    display: block;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .date {
        margin-bottom:.4em;
        color: #f078af;
        font-size: 1.5rem;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .date {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .date {
        color:#00b9f0;
        font-size: 2.790697674418605vw!important
    }
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .ttl {
    font-weight: 600
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .ttl {
        font-size:1.6rem;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .ttl {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .ttl {
        margin-top:.5em;
        font-size: 3.255813953488372vw!important
    }
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow {
    position: absolute;
    top: 0;
    right: 0
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow {
        width:20px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow {
        width:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow {
        width:4.651162790697675vw
    }
}

.common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow svg {
    vertical-align: middle
}

@media print,screen and (min-width: 769px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow svg path {
        fill:#f078af;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media screen and (max-width: 768px) {
    .common-settings#News .inner-section .news[data-type=lineup]>main>article .inner .arrow svg path {
        fill:#00b9f0
    }
}

.common-settings#Onair .inner-section .onair--block {
    background: #fff;
    border: solid 0 #ac8bfa;
    border-width: 1px
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block {
        padding-top:60px;
        padding-bottom: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block {
        padding-top:5vw;
        padding-bottom: 6.666666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block {
        padding-top:11.627906976744185vw;
        padding-bottom: 13.953488372093023vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block:not(:last-child) {
        margin-bottom:40px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block:not(:last-child) {
        margin-bottom:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block:not(:last-child) {
        margin-bottom:6.976744186046512vw
    }
}

.common-settings#Onair .inner-section .onair--block>* {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>* {
        max-width:834px
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>header {
        margin-bottom:30px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>header {
        margin-bottom:2.5vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>header {
        margin-bottom:4.651162790697675vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#Onair .inner-section .onair--block>header .label {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .8em;
    padding: .4em 1.1em;
    width: -webkit-fit-content;
    width: fit-content;
    background: #ac8bfa;
    color: #e8ffaa;
    line-height: 1;
    letter-spacing: .2em;
    border-radius: 2px;
    font-family: Montserrat,IBM Plex Sans JP,sans-serif;
    font-weight: 700;
    font-style: normal
}

.common-settings#Onair .inner-section .onair--block>header .catch {
    text-align: center
}

.common-settings#Onair .inner-section .onair--block>header .catch em {
    margin-bottom: .25em;
    display: block
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>header .catch em {
        font-size:3rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>header .catch em {
        font-size:2.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>header .catch em {
        font-size:5.116279069767442vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>header .catch em>small {
        font-size:2.5rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>header .catch em>small {
        font-size:2.083333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>header .catch em>small {
        font-size:3.720930232558139vw!important
    }
}

.common-settings#Onair .inner-section .onair--block>header .catch span {
    line-height: 1.4;
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>header .catch span {
        font-size:2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>header .catch span {
        font-size:1.666666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>header .catch span {
        font-size:3.023255813953488vw!important
    }
}

.common-settings#Onair .inner-section .onair--block>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul {
        -ms-flex-pack:justify;
        justify-content: space-between;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#Onair .inner-section .onair--block>ul>li {
    box-sizing: border-box;
    background: #fff;
    border: solid 1px #9ca7aa;
    border-radius: 2px
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li {
        margin-right:3.597122302158273%;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 30.935251798561154%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul>li {
        width:47.64397905759162%;
        padding-top: 5.813953488372093vw;
        padding-bottom: 4.651162790697675vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li:nth-child(3n),.common-settings#Onair .inner-section .onair--block>ul>li:last-child {
        margin-right:0
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li:nth-child(n+4) {
        margin-top:20px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>ul>li:nth-child(n+4) {
        margin-top:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul>li:nth-child(n+4) {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul>li:nth-child(n+3) {
        margin-top:3.023255813953488vw
    }
}

.common-settings#Onair .inner-section .onair--block>ul>li dl {
    text-align: center;
    font-weight: 700
}

.common-settings#Onair .inner-section .onair--block>ul>li dl dt {
    line-height: 1;
    color: #ac8bfa
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dt {
        font-size:1.8rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dt {
        font-size:1.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dt {
        font-size:4.186046511627907vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dt:before {
        content:"";
        margin-bottom: .75em;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 14px;
        height: 1px;
        background: #ac8bfa
    }
}

.common-settings#Onair .inner-section .onair--block>ul>li dl dd {
    margin-top: .65em;
    color: #3a3a58
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dd {
        font-size:1.5rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dd {
        font-size:1.25vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dd {
        font-size:3.023255813953488vw!important
    }
}

.common-settings#Onair .inner-section .onair--block>ul>li dl dd small {
    margin-left: .2em;
    margin-right: .5em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dd small {
        font-size:1.1rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dd small {
        font-size:.916666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>ul>li dl dd small {
        font-size:2.558139534883721vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist {
        margin-top:70px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist {
        margin-top:5.833333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist {
        margin-top:13.953488372093023vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section:not(:last-child) {
        margin-bottom:60px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section:not(:last-child) {
        margin-bottom:5vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section:not(:last-child) {
        margin-bottom:9.30232558139535vw
    }
}

.common-settings#Onair .inner-section .onair--block>.streamlist>section>header {
    border-left: solid 2px #ac8bfa
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header {
        margin-bottom:30px;
        padding-left: 23px;
        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 screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header {
        margin-bottom:2.5vw;
        padding-left: 1.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header {
        margin-bottom:4.651162790697675vw;
        padding-left: 3.023255813953488vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header>h5 {
        font-size:2.4rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header>h5 {
        font-size:2vw!important
    }
}

.common-settings#Onair .inner-section .onair--block>.streamlist>section>header>h6 {
    color: #ac8bfa
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header>h6 {
        font-size:2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header>h6 {
        font-size:1.666666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>header>h5,.common-settings#Onair .inner-section .onair--block>.streamlist>section>header h6 {
        font-size:4.186046511627907vw!important
    }
}

.common-settings#Onair .inner-section .onair--block>.streamlist>section>ul {
    font-weight: 700
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul {
        padding-left:26px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul {
        padding-left:2.166666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul {
        padding-left:3.720930232558139vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li {
        margin-right:2.103960396039604%;
        width: 31.93069306930693%;
        font-size: 1.7rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li {
        font-size:1.416666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li {
        font-size:3.953488372093023vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li:nth-child(3n),.common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li:last-child {
        margin-right:0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li:not(:last-child) {
        margin-bottom:1.86046511627907vw
    }
}

.common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li a {
    padding-top: .65em;
    padding-bottom: .65em;
    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;
    border: solid 1px #2b2b33;
    color: #2b2b33
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li a {
        transition-duration:.3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=l]>li a:hover {
        background:#2b2b33;
        color: #fff
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s] {
        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--block>.streamlist>section>ul[data-size=s]>li {
        margin-right:2.103960396039604%;
        width: 31.93069306930693%;
        font-size: 1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li {
        font-size:3.023255813953488vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li:nth-child(3n),.common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li:last-child {
        margin-right:0
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li:nth-child(n+4) {
        margin-top:20px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li:nth-child(n+4) {
        margin-top:1.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li:nth-child(n+4) {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li:not(:last-child) {
        margin-bottom:.85em
    }
}

.common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li a {
    display: block;
    padding-bottom: .85em;
    border-bottom: solid 1px rgba(43,43,51,.2);
    color: #2b2b33
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li a {
        text-align:center;
        transition-duration: .3s;
        transition-delay: 0s;
        transition-timing-function: unset
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#Onair .inner-section .onair--block>.streamlist>section>ul[data-size=s]>li a:hover {
        color:#ac8bfa;
        border-color: #ac8bfa
    }
}

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

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast {
        padding-top:4.166666666666666vw;
        padding-bottom: 6.666666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast {
        padding-top:4.651162790697675vw;
        padding-bottom: 0;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

.common-settings#StaffCast .inner-section .staffcast {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast {
        max-width:1030px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast {
        width:75.73529411764706%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast {
        width:100%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main:not(:last-child) {
        margin-bottom:125px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main:not(:last-child) {
        margin-bottom:10.416666666666666vw
    }
}

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

.common-settings#StaffCast .inner-section .staffcast>main>header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>header {
        margin-bottom:3.333333333333333vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>header {
        margin-bottom:6.976744186046512vw
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>header>i {
    position: relative;
    display: block;
    height: 1px;
    background: #9ca7aa;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.common-settings#StaffCast .inner-section .staffcast>main>header>i:before,.common-settings#StaffCast .inner-section .staffcast>main>header>i:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 3px;
    height: auto;
    background: #9ca7aa;
    border-radius: 100%;
    -webkit-transform: translateY(35%);
    transform: translateY(35%);
    aspect-ratio: 1/1
}

.common-settings#StaffCast .inner-section .staffcast>main>header>i:before {
    left: 0
}

.common-settings#StaffCast .inner-section .staffcast>main>header>i:after {
    right: 0
}

.common-settings#StaffCast .inner-section .staffcast>main>header>h3 {
    position: relative;
    margin-left: .85em;
    margin-right: .85em;
    line-height: 1;
    letter-spacing: .1em;
    font-weight: 700;
    background: linear-gradient(90deg,#f078af 0,#00b9f0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>header>h3 {
        font-size:2.5rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>header>h3 {
        font-size:2.083333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>header>h3 {
        font-size:5.581395348837209vw!important
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul {
        -ms-flex-pack:center;
        justify-content: center
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=staff]>li:nth-child(n+2) {
        margin-top:35px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=staff]>li:nth-child(n+2) {
        margin-top:2.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=staff]>li:nth-child(n+2) {
        margin-top:6.976744186046512vw
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=cast]>li:nth-child(1) {
        margin-left:21.35922330097087%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=cast]>li:nth-child(2) {
        margin-right:21.35922330097087%
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=cast]>li:nth-child(n+3) {
        margin-top:35px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=cast]>li:nth-child(n+3) {
        margin-top:2.916666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul[data-type=cast]>li:nth-child(n+3) {
        margin-top:6.976744186046512vw
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>ul>li {
    font-weight: 700;
    text-align: center
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li {
        margin-right:.970873786407767%;
        width: 19.223300970873787%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li {
        width:47.64397905759162%
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>ul>li[data-size=full] {
    width: 100%!important
}

.common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dt {
    margin-bottom: 1em;
    color: #9ca7aa;
    line-height: 1
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dt {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dt {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dt {
        font-size:2.325581395348837vw!important
    }
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4 {
        font-size:2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4 {
        font-size:1.666666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4 {
        font-size:4.186046511627907vw!important
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4>small {
    display: block;
    text-align: center;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    line-height: 1.4
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4>small {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4>small {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>h4>small {
        font-size:2.790697674418605vw!important
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>small {
    display: block
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>small {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>small {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>small {
        font-size:2.325581395348837vw!important
    }
}

.common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>button {
    margin-left: auto;
    margin-right: auto
}

@media print,screen and (min-width: 769px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>button {
        margin-top:5px;
        width: 76.76767676767676%;
        min-width: auto!important
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#StaffCast .inner-section .staffcast>main>ul>li>dl>dd>button {
        margin-top:.416666666666667vw
    }
}

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

@media screen and (max-width: 1200px) {
    .common-settings#Story {
        padding-top:2.083333333333333vw;
        padding-bottom: 4.166666666666666vw
    }
}

.common-settings#Story .inner-section .story {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
}

.common-settings#Story .inner-section .story--header {
    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#Story .inner-section .story--header {
        margin-bottom:35px
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--header {
        margin-bottom:2.916666666666667vw;
        padding-left: 5.581395348837209%;
        padding-right: 5.581395348837209%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header {
        -ms-flex-pack:justify;
        justify-content: space-between;
        margin-bottom: 4.651162790697675vw
    }
}

.common-settings#Story .inner-section .story--header__epnum {
    color: #f078af;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    font-family: Montserrat,IBM Plex Sans JP,sans-serif;
    font-weight: 600;
    font-style: normal
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--header__epnum {
        width:15.25%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header__epnum {
        -ms-flex-order:1;
        order: 1
    }
}

.common-settings#Story .inner-section .story--header__epnum:before {
    content: "EPISODE";
    margin-right: 1.2em;
    letter-spacing: .3em
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--header__epnum:before {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--header__epnum:before {
        font-size:1vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header__epnum:before {
        font-size:2.558139534883721vw!important
    }
}

.common-settings#Story .inner-section .story--header__epnum i {
    vertical-align: middle
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--header__epnum i {
        font-size:3.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--header__epnum i {
        font-size:3vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header__epnum i {
        font-size:7.441860465116279vw!important
    }
}

.common-settings#Story .inner-section .story--header__epttl {
    font-weight: 700;
    box-sizing: border-box
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--header__epttl {
        padding-right:2em;
        width: 69.5%;
        font-size: 2.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--header__epttl {
        font-size:2.166666666666667vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header__epttl {
        margin-top:.5em;
        width: 100%;
        -ms-flex-order: 3;
        order: 3;
        font-size: 5.581395348837209vw!important
    }
}

.common-settings#Story .inner-section .story--header>nav {
    background: #f078af;
    box-sizing: border-box
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--header>nav {
        padding-right:8px;
        width: 15.25%
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--header>nav {
        padding-right:.666666666666667vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header>nav {
        width:42.93193717277487%;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 1.86046511627907vw
    }
}

.common-settings#Story .inner-section .story--header>nav select {
    width: 100%;
    height: auto;
    background: #f078af;
    box-sizing: border-box;
    border-style: none;
    color: #e8ffaa;
    letter-spacing: .08em;
    outline: none;
    cursor: pointer;
    aspect-ratio: 183/38;
    font-family: Montserrat,IBM Plex Sans JP,sans-serif;
    font-weight: 600;
    font-style: normal
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--header>nav select {
        padding:0 .85em;
        font-size: 1.3rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--header>nav select {
        font-size:1.083333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--header>nav select {
        padding:0 1.2em;
        font-size: 2.558139534883721vw!important
    }
}

.common-settings#Story .inner-section .story--header>nav select option {
    border-style: none;
    outline: none;
    font-size: 16px
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--main {
        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#Story .inner-section .story--main__slider {
        width:84.75%
    }
}

.common-settings#Story .inner-section .story--main__slider--cont .ss picture {
    display: block
}

.common-settings#Story .inner-section .story--main__slider--cont .ss picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1920/1080
}

.common-settings#Story .inner-section .story--main__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--main__nav {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 12.5%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--main__nav {
        -ms-flex-pack:center;
        justify-content: center;
        margin-top: 3.488372093023256vw
    }
}

.common-settings#Story .inner-section .story--main__nav .thumb {
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--main__nav .thumb {
        width:13.023255813953488%
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--main__nav .thumb:not(:last-child) {
        margin-right:2.083333333333333%
    }
}

.common-settings#Story .inner-section .story--main__nav .thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: solid 4px #f078af;
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

.common-settings#Story .inner-section .story--main__nav .thumb[data-status=current]:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.common-settings#Story .inner-section .story--main__nav .thumb[data-status=current] 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)
}

.common-settings#Story .inner-section .story--main__nav .thumb picture {
    position: relative;
    display: block;
    z-index: 1
}

.common-settings#Story .inner-section .story--main__nav .thumb picture img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    aspect-ratio: 1920/1080;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: unset
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--desc {
        margin-top:50px;
        width: 60%
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--desc {
        margin-top:4.166666666666666vw
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--desc {
        margin-left:auto;
        margin-right: auto;
        width: 82.7906976744186%;
        margin-top: 9.30232558139535vw
    }
}

.common-settings#Story .inner-section .story--desc>p {
    letter-spacing: .05em;
    line-height: 2.1
}

@media print,screen and (min-width: 769px) {
    .common-settings#Story .inner-section .story--desc>p {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1200px) {
    .common-settings#Story .inner-section .story--desc>p {
        font-size:1.333333333333333vw!important
    }
}

@media screen and (max-width: 768px) {
    .common-settings#Story .inner-section .story--desc>p {
        font-size:3.255813953488372vw!important
    }
}