@import'https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css';
@import'https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese';
@import'https://use.fontawesome.com/releases/v5.9.0/css/all.css';
@import'https://use.typekit.net/kfo6qds.css';

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%;
    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
}

html {
    font-size: 62.5%
}

body {
    font-family: YakuHanJP, Helvetica Neue, Helvetica, Noto Sans JP, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 400;
    background: #fff;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased
}


.anchor{
    position: absolute;
    visibility: hidden !important;
    height: 0px !important;
    pointer-events: none !important;
	margin-top: -5em !important;
}
.anchor2{
    position: absolute;
    visibility: hidden !important;
    height: 0px !important;
    pointer-events: none !important;
	margin-top: -8em !important;
}
 
@media print,
screen and (min-width: 481px) {
    body {
        /* min-width: 1280px */
        padding-left: 5%;
        padding-right: 5%;
    }
}

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

::-moz-selection {
    background: #000;
    text-shadow: none;
    color: #fff
}

::selection {
    background: #000;
    text-shadow: none;
    color: #fff
}

@media screen and (max-width: 767px) {
    header{
        background-color: #fffffff5;
    }
}
@media screen and (max-width: 480px) {
    .is-pc {
        display: none !important
    }
}

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

img {
    max-width: 100%
}

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

.md-layout {
    margin: 0
}

.md-title {
    margin: 0
}

.md-btn__mini {
    text-align: center;
    letter-spacing: -0.4em
}

@media print,
screen and (min-width: 481px) {
    .md-btn__mini {
        margin-top: 25px
    }
}

@media screen and (max-width: 480px) {
    .md-btn__mini {
        margin-top: 20px
    }
}

.md-btn__mini a {
    border: solid 2px #000;
    display: inline-block;
    letter-spacing: .04em;
    color: #000;
    line-height: 1;
    font-weight: 600;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (min-width: 481px) {
    .md-btn__mini a {
        padding: 8px 15px;
        font-size: 1.6rem;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .md-btn__mini a:hover {
        background: #000;
        color: #fff
    }
}

@media screen and (max-width: 480px) {
    .md-btn__mini a {
        padding: 8px 22px;
        font-size: 3.6vw
    }
}

.md-btn__links {
    width: 314px
}

@media screen and (max-width: 480px) {
    .md-btn__links {
        width: 100%
    }
}

.md-btn__links a {
    padding-top: 18px;
    padding-bottom: 18px;
    display: block;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media print,
screen and (min-width: 481px) {
    .md-btn__links a:hover {
        opacity: .5
    }

    .md-btn__links a:hover span {
        background-position: left 2px center
    }
}

@media screen and (max-width: 480px) {
    .md-btn__links a {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.md-btn__links a span {
    padding-left: 52px;
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width: 480px) {
    .md-btn__links a span {
        padding-left: 30px;
        background-size: 20px auto
    }
}

.md-btn__links.color__black a {
    background: #000;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: .08em
}

@media screen and (max-width: 480px) {
    .md-btn__links.color__black a {
        font-size: 4.8vw
    }
}

.md-btn__links.color__black a span {
    background-image: url("../images/arrow_right_white.png")
}

.md-links {
    margin: 0
}

.md-table {
    margin: 0
}

.md-list {
    margin: 0
}

.md-pager {
    margin-top: 50px
}

@media screen and (max-width: 480px) {
    .md-pager {
        margin-top: 30px
    }
}

.md-pager ul {
    text-align: center;
    letter-spacing: -0.4em
}

.md-pager ul li {
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px #000;
    letter-spacing: normal;
    vertical-align: top;
    line-height: 2;
    font-weight: 600
}

@media print,
screen and (min-width: 481px) {
    .md-pager ul li {
        margin: 0 8px;
        width: 40px;
        height: 40px;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 480px) {
    .md-pager ul li {
        margin: 0 5px;
        width: 30px;
        height: 30px;
        font-size: 3.6vw
    }
}

.md-pager ul li.next,
.md-pager ul li.prev {
    display: none !important
}

.md-pager ul li.is__current {
    background: #000;
    color: #fff
}

.md-pager ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #000
}

@media print,
screen and (min-width: 481px) {
    .md-pager ul li a {
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .md-pager ul li a:hover {
        background: #000;
        color: #fff
    }
}

.md-newsparts>li {
    position: relative;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    border-top: solid 1px #000
}

@media print,
screen and (min-width: 481px) {
    .md-newsparts>li {
        padding: 22px 18px;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .md-newsparts>li:hover {
        background: rgba(0, 0, 0, .1)
    }
}

@media screen and (max-width: 480px) {
    .md-newsparts>li {
        padding: 20px 0
    }
}

.md-newsparts>li:last-child {
    border-bottom: solid 1px #000
}

.md-newsparts>li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.md-newsparts>li .categorywrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.md-newsparts>li .categorywrap ul:not(:last-child) {
    margin-right: 10px
}

@media screen and (max-width: 480px) {
    .md-newsparts>li .categorywrap ul:not(:last-child) {
        margin-right: 2.6vw
    }
}

.md-newsparts>li .categorywrap ul li {
    font-weight: 700
}

.md-newsparts>li .categorywrap ul li:not(:last-child) {
    margin-right: 7px
}

.md-newsparts>li .categorywrap ul li .category i {
    padding: 4px 6px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #000;
    letter-spacing: .04em;
    color: #fff;
    line-height: 1
}

@media print,
screen and (min-width: 481px) {
    .md-newsparts>li .categorywrap ul li .category i {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .md-newsparts>li .categorywrap ul li .category i {
        font-size: 2.93vw
    }
}

.md-newsparts>li .categorywrap ul li .tag {
    font-size: 1.6rem
}

@media screen and (max-width: 480px) {
    .md-newsparts>li .categorywrap ul li .tag {
        font-size: 3.74vw
    }
}

.md-newsparts>li .categorywrap ul li .tag:before {
    content: "#"
}

.md-newsparts>li em {
    display: block;
    line-height: 1.6;
    letter-spacing: .08em;
    font-weight: 700
}

@media print,
screen and (min-width: 481px) {
    .md-newsparts>li em {
        padding-top: 5px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .md-newsparts>li em {
        padding-top: 8px;
        font-size: 3.93vw
    }
}

.md-newsparts>li dl {
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width: 481px) {
    .md-newsparts>li dl {
        display: table;
        width: 100%
    }

    .md-newsparts>li dl dt,
    .md-newsparts>li dl dd {
        display: table-cell;
        vertical-align: middle
    }

    .md-newsparts>li dl dt {
        width: 180px;
        font-size: 1.4rem;
        line-height: 1
    }
}

.md-newsparts>li dl dd {
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .md-newsparts>li dl dd .date {
        margin-right: 8px;
        font-size: 3.2vw
    }
}

.md-newsparts>li dl dd .category i {
    padding: 4px 6px;
    display: inline-block;
    background: #000;
    letter-spacing: .04em;
    color: #fff;
    line-height: 1
}

@media print,
screen and (min-width: 481px) {
    .md-newsparts>li dl dd .category i {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .md-newsparts>li dl dd .category i {
        font-size: 2.93vw
    }
}

.md-newsparts>li dl dd .category i:not(:last-child) {
    margin-right: 7px
}

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

    .is__loaded .l-header__inner .lefttop,
    .is__loaded .l-header__inner .righttop {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.is__loaded #Main .second .l-kv__inner .kv-cont .topnews,
.is__loaded #Main .second .l-kv__inner .kv-cont .joinus,
.is__loaded #Main .second .l-kv__inner .kv-cont .scrolldown {
    opacity: 1 !important
}

.is__loaded #Main .second .l-kv__inner .kv-cont .scrolldown.is__hidden {
    opacity: 0 !important;
    pointer-events: none !important
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media print,
screen and (min-width: 481px) {
    .l-header {
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .l-header {
        padding-top: 25px;
        padding-left: 22px;
        padding-right: 22px
    }
}

.l-header.is__scrolled .l-header__inner .righttop {
    opacity: 0;
    pointer-events: none
}

.l-header.is__scrolled .l-header__inner .righttop .sharenav ul li a {
    pointer-events: none !important
}

.l-header.is__opened .l-header__inner .menu-trigger {
    height: 20px
}

.l-header.is__opened .l-header__inner .menu-trigger__inner span {
    background: #fff
}

.l-header.is__opened .l-header__inner .menu-trigger__inner span.bar1 {
    top: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.l-header.is__opened .l-header__inner .menu-trigger__inner span.bar2 {
    left: 110%
}

.l-header.is__opened .l-header__inner .menu-trigger__inner span.bar3 {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 480px) {
    .l-header.is__opened .l-header__inner .lefttop .logo a {
        pointer-events: auto
    }
}

.l-header.is__opened .l-header__inner .lefttop .logo a svg path {
    fill: #fff
}

.l-header.is__opened .l-header__inner .lefttop .l-gnav {
    opacity: 1;
    pointer-events: auto
}

@media screen and (max-width: 480px) {
    .l-header.is__opened .l-header__inner .lefttop .l-gnav__inner .gnav-block a {
        pointer-events: auto
    }
}

.l-header__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 480px) {
    .l-header__inner {
        display: block
    }
}

.l-header__inner .menu-trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 14px;
    z-index: 999999;
    pointer-events: auto;
    cursor: pointer;
    overflow: hidden
}

.l-header__inner .menu-trigger__inner {
    position: relative;
    width: 100%;
    height: 100%
}

.l-header__inner .menu-trigger__inner span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.l-header__inner .menu-trigger__inner span.bar1 {
    top: 0
}

.l-header__inner .menu-trigger__inner span.bar2 {
    top: 6px
}

.l-header__inner .menu-trigger__inner span.bar3 {
    top: 12px
}

.l-header__inner .lefttop,
.l-header__inner .righttop {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.l-header__inner .lefttop {
    padding-left: 28px;
    padding-top: 28px
}

@media print,
screen and (min-width: 481px) {
    .l-header__inner .lefttop {
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop {
        padding-top: 0;
        padding-left: 0
    }
}

.l-header__inner .lefttop .logo {
    margin-bottom: 27px;
    line-height: 1;
    position: relative;
    z-index: 9;
    width: 182px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .logo {
        width: 42.5531914894%
    }
}

.l-header__inner .lefttop .logo a {
    display: block;
    pointer-events: auto
}

.l-header__inner .lefttop .logo a svg {
    vertical-align: bottom;
    width: 100%;
    height: auto
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000 url("../images/logo_line.png") right -8vw bottom 30px no-repeat;
        background-size: 66vw auto;
        opacity: 0;
        overflow: auto;
        pointer-events: none;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        z-index: 99999
    }

    .l-header__inner .lefttop .l-gnav__inner {
        padding-top: 70px;
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (max-width: 480px)and (max-width: 320px) {
    .l-header__inner .lefttop .l-gnav__inner {
        padding-top: 40px
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner .nav-ttl {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 480px)and (max-width: 320px) {
    .l-header__inner .lefttop .l-gnav__inner .nav-ttl {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner .nav-ttl img {
        height: 9px;
        vertical-align: bottom
    }
}

@media screen and (max-width: 480px)and (max-width: 320px) {
    .l-header__inner .lefttop .l-gnav__inner .nav-ttl img {
        height: 6px
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner ul {
        padding-left: 25px
    }
}

@media screen and (max-width: 480px)and (max-width: 320px) {
    .l-header__inner .lefttop .l-gnav__inner ul {
        padding-left: 18px
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner ul li {
        line-height: 1
    }
}

.l-header__inner .lefttop .l-gnav__inner ul li a {
    font-weight: 700
}

@media print,
screen and (min-width: 481px) {
    .l-header__inner .lefttop .l-gnav__inner ul li a {
        color: #000;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner ul li a {
        color: #fff;
        font-size: 5.2vw
    }
}

.l-header__inner .lefttop .l-gnav__inner .gnav-block {
    line-height: 1;
    position: relative
}

.l-header__inner .lefttop .l-gnav__inner .gnav-block:not(:last-child) {
    margin-bottom: 25px
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner .gnav-block:not(:last-child) {
        margin-bottom: 0
    }
}

.l-header__inner .lefttop .l-gnav__inner .gnav-block:not(:last-child):before {
    position: absolute;
    left: 1px;
    top: 20px;
    content: "";
    width: 1px;
    height: 20px;
    display: block;
    background: #000
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner .gnav-block:not(:last-child):before {
        display: none
    }
}

.l-header__inner .lefttop .l-gnav__inner .gnav-block a {
    padding-top: 5px;
    padding-left: 25px;
    padding-bottom: 5px;
    display: inline-block;
    position: relative;
    background: url("../images/icon_circle_black.png") left center no-repeat;
    background-size: 3px auto
}

@media print,
screen and (min-width: 481px) {
    .l-header__inner .lefttop .l-gnav__inner .gnav-block a {
        pointer-events: auto
    }

    .l-header__inner .lefttop .l-gnav__inner .gnav-block a:hover img {
        opacity: .3
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner .gnav-block a {
        background: none;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.l-header__inner .lefttop .l-gnav__inner .gnav-block a img {
    vertical-align: bottom;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width: 480px) {
    .l-header__inner .lefttop .l-gnav__inner .gnav-block a img {
        height: 19px
    }
}

@media screen and (max-width: 320px) {
    .l-header__inner .lefttop .l-gnav__inner .gnav-block a img {
        height: 14px
    }
}

.l-header__inner .lefttop .l-gnav__inner .gnav-block__child {
    display: none
}

.l-header__inner .righttop {
    padding-top: 30px;
    padding-right: 28px
}

@media print,
screen and (min-width: 481px) {
    .l-header__inner .righttop {
        -webkit-transition-duration: 1.4s;
        transition-duration: 1.4s
    }
}

@media screen and (max-width: 480px) {
    .l-header__inner .righttop {
        display: none
    }
}

.l-header__inner .righttop .labellogo {
    margin-bottom: 40px;
    width: 50px
}

.l-header__inner .righttop .labellogo svg {
    width: 100%;
    height: 100%;
    vertical-align: bottom
}

.l-header__inner .righttop ul {
    width: 50px
}

.l-header__inner .righttop ul li {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    text-align: center
}

.l-header__inner .righttop ul li:not(:last-child) {
    margin-bottom: 18px
}

.l-header__inner .righttop ul li a {
    display: block
}

@media print,
screen and (min-width: 481px) {
    .l-header__inner .righttop ul li a {
        pointer-events: auto
    }
}

.l-header__inner .righttop ul li a svg {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.l-header__inner .righttop ul li a svg path {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    fill: #000
}

.l-header__inner .righttop ul li.twitter a:hover svg path {
    fill: #1da1f2
}

.l-header__inner .righttop ul li.facebook a:hover svg path {
    fill: #1877f2
}

.l-header__inner .righttop ul li.line a:hover svg path {
    fill: #00c300
}

.l-header__inner .righttop ul li.note a:hover svg path {
    fill: #2dcdb5
}

.l-header__inner .righttop ul li.youtube a:hover svg path {
    fill: #cd201f
}

.l-header__inner .righttop ul li.weibo a:hover svg path {
    fill: #fa7d3c
}

.l-header__inner .sns {
    margin-top: 40px
}

.l-header__inner .sns ul {
    letter-spacing: -0.4em
}

.l-header__inner .sns ul li {
    display: inline-block;
    width: 24px;
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center
}

@media screen and (max-width: 320px) {
    .l-header__inner .sns ul li {
        width: 20px
    }
}

.l-header__inner .sns ul li.note {
    width: 20px
}

.l-header__inner .sns ul li:not(:last-child) {
    margin-right: 16px
}

.l-header__inner .sns ul li a {
    display: block
}

.l-header__inner .sns ul li a svg {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.l-header__inner .sns ul li a svg g path {
    fill: #fff
}

.l-footer {
    background: url("../images/footer_pattern.png") left top repeat;
    background-size: 2px auto;
    position: relative;
    pointer-events: none
}

.l-footer:before {
    position: absolute;
    left: 0;
    top: -131px;
    content: "";
    display: block;
    width: 100%;
    height: 131px;
    background: url("../images/footer_deco.png") center top no-repeat;
    background-size: auto 131px
}

@media screen and (max-width: 480px) {
    .l-footer:before {
        top: -29px;
        height: 30px;
        background: url("../images/footer_deco_sp.png") center bottom no-repeat;
        background-size: 100% auto
    }
}

.l-footer .copyright {
    text-align: center;
    color: #cbcbcb;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: .07em;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .l-footer .copyright {
        padding-top: 35px;
        font-size: 2.73vw
    }
}

.l-footer__inner {
    padding-bottom: 40px;
    background: url("../images/footer_ttl.png") center bottom no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .l-footer__inner {
        background: url("../images/footer_ttl_sp.png") center bottom no-repeat;
        background-size: 100% auto
    }
}

.l-footer__inner .cont {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px)
}

@media screen and (max-width: 480px) {
    .l-footer__inner .cont {
        padding-top: 18px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.l-footer__inner .f-logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    width: 472px
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-logo {
        width: 45.3333333333%
    }
}

.l-footer__inner .f-logo a {
    display: block;
    pointer-events: auto;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width: 481px) {
    .l-footer__inner .f-logo a {
        width: 400px
    }
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-logo a {
        margin-left: auto;
        margin-right: auto;
        width: 90px
    }
}

.l-footer__inner .f-logo a svg {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.l-footer__inner .f-logo a svg g path,
.l-footer__inner .f-logo a svg g polygon,
.l-footer__inner .f-logo a svg g rect {
    fill: #fff
}

.l-footer__inner .f-logo__sublinks {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100px
}

.l-footer__inner .f-logo__sublinks li {
    line-height: 1
}

.l-footer__inner .f-logo__sublinks li:not(:last-child) {
    margin-bottom: 8px
}

.l-footer__inner .f-logo__sublinks li a {
    color: #fff;
    font-size: 2.63vw;
    font-weight: 600;
    pointer-events: auto;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav {
        width: 54%
    }
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav__inner {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .l-footer__inner .f-nav__gnav__ttl,
    .l-footer__inner .f-nav__sns__ttl {
        margin-bottom: 12px;
        font-size: 3.2vw;
        line-height: 1;
        letter-spacing: .08em;
        color: #666;
        font-weight: 700
    }

    .l-footer__inner .f-nav__gnav {
        width: 67.0050761421%
    }
}

.l-footer__inner .f-nav__gnav__links {
    text-align: center;
    letter-spacing: -0.4em
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav__gnav__links {
        text-align: left
    }
}

.l-footer__inner .f-nav__gnav__links li {
    display: inline-block;
    letter-spacing: normal
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav__gnav__links li {
        display: block
    }
}

.l-footer__inner .f-nav__gnav__links li:not(:last-child) {
    margin-right: 25px
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav__gnav__links li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 8px
    }
}

.l-footer__inner .f-nav__gnav__links li a {
    color: #cbcbcb;
    line-height: 1;
    font-weight: 600;
    pointer-events: auto;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav__gnav__links li a {
        font-size: 3.8vw;
        color: #fff;
        letter-spacing: .08em
    }
}

@media print,
screen and (min-width: 481px) {
    .l-footer__inner .f-nav__gnav__links li a:hover {
        opacity: .3
    }
}

.l-footer__inner .f-nav__gnav__sublinks {
    text-align: center;
    letter-spacing: -0.4em
}

@media print,
screen and (min-width: 481px) {
    .l-footer__inner .f-nav__gnav__sublinks {
        margin-top: 40px
    }
}

.l-footer__inner .f-nav__gnav__sublinks li {
    display: inline-block;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: top;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media print,
screen and (min-width: 481px) {
    .l-footer__inner .f-nav__gnav__sublinks li:not(:last-child) {
        margin-right: 90px
    }
}

.l-footer__inner .f-nav__gnav__sublinks li a {
    color: #cbcbcb;
    letter-spacing: .07em;
    font-weight: 600;
    pointer-events: auto
}

@media print,
screen and (min-width: 481px) {
    .l-footer__inner .f-nav__gnav__sublinks li a {
        font-size: 1.2rem;
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }

    .l-footer__inner .f-nav__gnav__sublinks li a:hover {
        opacity: .3
    }
}

@media screen and (max-width: 480px) {
    .l-footer__inner .f-nav__sns {
        width: 32.9949238579%;
        padding-right: 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .l-footer__inner .f-nav__sns ul {
        letter-spacing: -0.4em
    }

    .l-footer__inner .f-nav__sns ul li {
        display: block;
        letter-spacing: normal
    }

    .l-footer__inner .f-nav__sns ul li:not(:last-child) {
        margin-bottom: 10px
    }

    .l-footer__inner .f-nav__sns ul li a {
        display: inline-block;
        width: 20px;
        pointer-events: auto
    }

    .l-footer__inner .f-nav__sns ul li a svg {
        width: 100%;
        height: auto
    }

    .l-footer__inner .f-nav__sns ul li a svg path {
        fill: #fff
    }
}

.pagetop {
    position: sticky;
    right: 0;
    bottom: -40px;
    width: 100%;
    pointer-events: none;
    z-index: 9
}

@media screen and (max-width: 480px) {
    .pagetop {
        bottom: -30px
    }
}

.pagetop.is__scrolled .pagetop__btn {
    opacity: 1
}

.pagetop.is__scrolled .pagetop__btn:before,
.pagetop.is__scrolled .pagetop__btn img {
    pointer-events: auto;
    cursor: pointer
}

.pagetop__inner {
    position: absolute;
    right: 45px;
    bottom: 70px
}

@media screen and (max-width: 480px) {
    .pagetop__inner {
        right: 8px;
        bottom: 50px
    }
}

.pagetop__btn {
    position: relative;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.pagetop__btn:before {
    position: absolute;
    left: 50%;
    top: -22px;
    margin-left: -12px;
    background: url("../images/pagetop_arrow.png") left top no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    width: 24px;
    height: 30px;
    -webkit-animation: pagetopAnime 1s infinite ease-in;
    animation: pagetopAnime 1s infinite ease-in
}

@media screen and (max-width: 480px) {
    .pagetop__btn:before {
        top: -14px;
        margin-left: -6px;
        width: 12px;
        height: 10px;
        background: url("../images/pagetop_arrow_sp.png") left top no-repeat;
        background-size: 100% auto
    }
}

.pagetop__btn img {
    width: 10px;
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .pagetop__btn img {
        width: 6px
    }
}

.is__loaded .l-main {
    opacity: 1
}

#Wrap #Main {
    opacity: 0
}

.l-main {
    padding-top: 140px;
    padding-bottom: 120px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 0
}

@media screen and (max-width: 480px) {
    .l-main {
        padding-top: 70px;
        padding-bottom: 100px
    }
}

.l-main .common-settings .inner-section .cont-w {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    width: auto;
}

@media screen and (max-width: 480px) {
    .l-main .common-settings .inner-section .cont-w {
        width: 100%
    }
}

.l-main .common-settings .inner-section .section-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.l-main .common-settings .inner-section .section-header.pages {
    margin-bottom: 130px
}

@media screen and (max-width: 480px) {
    .l-main .common-settings .inner-section .section-header.pages {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 320px) {
    .l-main .common-settings .inner-section .section-header.pages {
        margin-bottom: 30px
    }
}

.l-main .common-settings .inner-section .section-header__ttl svg {
    width: auto;
    height: 50px
}

@media screen and (max-width: 480px) {
    .l-main .common-settings .inner-section .section-header__ttl svg {
        height: 24px
    }
}

@media screen and (max-width: 320px) {
    .l-main .common-settings .inner-section .section-header__ttl svg {
        height: 20px
    }
}

.topStyle.is__loaded .first-ttl {
    opacity: 1
}

.topStyle .first {
    padding-top: 90px;
    background: #000;
    color: #fff;
    overflow: hidden
}

@media screen and (max-width: 480px) {
    .topStyle .first {
        padding-top: 62px
    }
}

.topStyle .first .skip {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 9;
    cursor: pointer
}

@media screen and (max-width: 480px) {
    .topStyle .first .skip {
        top: 20px;
        right: 20px
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first .skip:hover img {
        opacity: .4
    }
}

.topStyle .first .skip img {
    width: 40px;
    vertical-align: bottom;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (max-width: 480px) {
    .topStyle .first .skip img {
        width: 26px
    }
}

.topStyle .first-cont {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle .first-cont {
        padding-bottom: 20px;
        width: 100%
    }
}

.topStyle .first-ttl {
    margin-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 0
}

@media screen and (max-width: 480px) {
    .topStyle .first-ttl {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center
    }
}

.topStyle .first-ttl img {
    height: 9px;
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .topStyle .first-ttl img {
        width: 18.1333333333%;
        height: auto
    }
}

.topStyle .first-lead1 {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 3
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead1 {
        padding-left: 0;
        padding-right: 0
    }
}

.topStyle .first-lead1:before {
    position: absolute;
    right: -70px;
    top: -180px;
    content: "";
    display: block;
    width: 700px;
    height: 700px;
    background: url("../images/logo_line.png") left top no-repeat;
    background-size: 100% auto;
    opacity: .5;
    z-index: 1
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead1:before {
        display: none
    }
}

.topStyle .first-lead1__inner {
    position: relative;
    z-index: 2
}

.topStyle .first-lead1.is-pc p span {
    display: inline-block
}

.topStyle .first-lead1.is-pc p span img {
    position: relative;
    vertical-align: bottom;
    z-index: 2
}

.topStyle .first-lead1.is-pc p:not(:last-child) {
    margin-bottom: 30px
}

.topStyle .first-lead1.is-pc p#FirstLead1_1 {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.topStyle .first-lead1.is-pc p#FirstLead1_1 span img {
    height: 44px
}

.topStyle .first-lead1.is-pc p#FirstLead1_1.is__loaded {
    opacity: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_2 span img {
    height: 44px
}

.topStyle .first-lead1.is-pc p#FirstLead1_2 span.lead2,
.topStyle .first-lead1.is-pc p#FirstLead1_2 span.lead4 {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topStyle .first-lead1.is-pc p#FirstLead1_2 span.lead3 {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.topStyle .first-lead1.is-pc p#FirstLead1_2.is__loaded span.lead2,
.topStyle .first-lead1.is-pc p#FirstLead1_2.is__loaded span.lead4 {
    opacity: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_2.is__loaded span.lead3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.topStyle .first-lead1.is-pc p#FirstLead1_3 {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.topStyle .first-lead1.is-pc p#FirstLead1_3 span img {
    height: 48px
}

.topStyle .first-lead1.is-pc p#FirstLead1_3.is__loaded {
    opacity: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_4 {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.topStyle .first-lead1.is-pc p#FirstLead1_4 span img {
    height: 46px
}

.topStyle .first-lead1.is-pc p#FirstLead1_4.is__loaded {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead7 {
    padding: 5px;
    position: relative;
    overflow: hidden
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead7:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    content: "";
    background: #fff;
    display: block;
    z-index: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead7 img {
    height: 54px;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead8 {
    margin-left: 14px;
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead8 img {
    height: 40px
}

.topStyle .first-lead1.is-pc p#FirstLead1_5.is__loaded span.lead7:before {
    width: 100%
}

.topStyle .first-lead1.is-pc p#FirstLead1_5.is__loaded span.lead7 img {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.topStyle .first-lead1.is-pc p#FirstLead1_5.is__loaded span.lead8 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 1
}

.topStyle .first-lead1.is-sp.is__loaded .first-lead1__cont {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.topStyle .first-lead1.is-sp .first-lead1__cont {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.topStyle .first-lead1.is-sp .first-lead1__cont p {
    padding-left: 15px;
    padding-right: 15px
}

.topStyle .first-lead1.is-sp .first-lead1__cont p:not(:last-child) {
    margin-bottom: 10px
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo:before {
    position: absolute;
    left: 0;
    top: -10px;
    content: "";
    width: 100%;
    height: calc(100% + 20px);
    display: block;
    background: url("../images/top/first/white_noise_001.png") left top no-repeat;
    background-size: cover;
    z-index: 2;
    display: none
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/images/top/first/black_noise_001.png") left center no-repeat;
    background-size: cover;
    z-index: 2;
    display: none
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo span {
    padding: 5px 8px;
    display: block;
    position: relative
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo span img {
    position: relative;
    z-index: 2
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo span:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1
}

.topStyle .first-lead1.is-sp .first-lead1__en {
    margin-top: 25px;
    padding-left: 10px;
    position: relative
}

.topStyle .first-lead1.is-sp .first-lead1__en.is__scrolled:before {
    opacity: 1
}

.topStyle .first-lead1.is-sp .first-lead1__en.is__scrolled span {
    -webkit-animation: tenmetsu 1s alternate ease-in;
    animation: tenmetsu 1s alternate ease-in;
    opacity: 1
}

.topStyle .first-lead1.is-sp .first-lead1__en:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 40px;
    width: 210px;
    height: 210px;
    display: block;
    background: url("../images/logo_line.png") left top no-repeat;
    background-size: 100% auto;
    z-index: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s;
    opacity: 0
}

.topStyle .first-lead1.is-sp .first-lead1__en span {
    display: block;
    position: relative;
    z-index: 2;
    opacity: 0
}

.topStyle .first-lead1.is-sp .first-lead1__en span img {
    width: 74.6666666667%;
    vertical-align: bottom
}

.topStyle .first-p {
    margin-top: 100px;
    padding-top: 420px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 481px) {
    .topStyle .first-p {
        text-align: right;
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p {
        margin-top: 22px;
        padding-top: 160px;
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-p.is__loaded:after {
        left: 110%
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p.is__loaded:before {
        height: 144px
    }
}

.topStyle .first-p.is__loaded p:before {
    opacity: 1
}

@media screen and (min-width: 481px) {
    .topStyle .first-p:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        z-index: 9;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-p:before {
        position: absolute;
        right: 400px;
        top: -50px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: "";
        width: 1px;
        height: 510px;
        display: block;
        background: #fff;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: "";
        margin-left: -1px;
        background: url("../images/top/first/first_line_sp.png") left top no-repeat;
        background-size: 100% auto;
        width: 2px;
        height: 0;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        display: block
    }
}

.topStyle .first-p p {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2;
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    position: relative;
    z-index: 2;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    .topStyle .first-p p:before {
        position: absolute;
        right: 0;
        top: -70px;
        content: "";
        width: 130px;
        height: 250px;
        background: #333;
        display: block;
        z-index: 1;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-p p {
        display: inline-block;
        text-align: left;
        width: 640px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p p {
        padding-left: 22px;
        padding-right: 10px;
        font-size: 2.8vw;
        line-height: 2.4;
        -webkit-transition-duration: .6s;
        transition-duration: .6s
    }
}

.topStyle .first-p p .p-inner {
    position: relative;
    z-index: 2
}

.topStyle .first-p p.is__scrolled {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.topStyle .first-lead2 {
    position: relative;
    padding-top: 550px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 2
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2 {
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2 {
        margin-bottom: 30px;
        margin-top: 25px;
        padding-top: 160px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2.is__scrolled:after {
        left: -110%
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2.is__scrolled:before {
        height: 144px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2.is__scrolled .first-lead2__cont:before {
        opacity: 1
    }
}

.topStyle .first-lead2.is__last .first-lead2__sub2:before {
    opacity: 0 !important
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        z-index: 9;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2:before {
        position: absolute;
        left: 450px;
        top: -70px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        width: 1px;
        height: 675px;
        display: block;
        background: #fff;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: "";
        margin-left: -1px;
        background: url("../images/top/first/first_line_sp.png") left top no-repeat;
        background-size: 100% auto;
        width: 2px;
        height: 0;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        display: block
    }
}

.topStyle .first-lead2__cont {
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont:before {
        position: absolute;
        left: 0;
        top: -170px;
        content: "";
        width: 80px;
        height: 200px;
        background: #333;
        display: block;
        z-index: 1;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

.topStyle .first-lead2__cont.is__scrolled p span:after {
    left: 110%
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p {
        text-align: right;
        padding-right: 22px;
        position: relative;
        line-height: 1;
        z-index: 2
    }
}

.topStyle .first-lead2__cont p span {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.topStyle .first-lead2__cont p span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.topStyle .first-lead2__cont p img {
    vertical-align: bottom
}

.topStyle .first-lead2__cont p:first-child {
    margin-bottom: 34px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:first-child {
        margin-bottom: 18px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:first-child span:after {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
}

.topStyle .first-lead2__cont p:first-child span img {
    height: 33px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:first-child span img {
        height: 17px
    }
}

.topStyle .first-lead2__cont p:nth-child(2) {
    margin-bottom: 26px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(2) {
        margin-bottom: 18px
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2__cont p:nth-child(2) span:after {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(2) span:after {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
}

.topStyle .first-lead2__cont p:nth-child(2) span img {
    height: 23px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(2) span img {
        height: 11px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(3) {
        margin-bottom: 18px
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2__cont p:nth-child(3) span:after {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(3) span:after {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }
}

.topStyle .first-lead2__cont p:nth-child(3) span img {
    height: 33px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(3) span img {
        height: 11px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(4) span:after {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .topStyle .first-lead2__cont p:nth-child(4) span img {
        height: 11px
    }
}

.topStyle .first-lead3 {
    position: relative;
    padding-top: 550px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 3
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3 {
        overflow: hidden;
        text-align: right
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3 {
        margin-bottom: 160px;
        margin-top: 25px;
        padding-top: 170px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3.is__scrolled:after {
        left: 110%
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3.is__scrolled:before {
        height: 144px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3.is__scrolled .first-lead3__cont:before {
        opacity: 1
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        z-index: 9;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3:before {
        position: absolute;
        left: 450px;
        top: -70px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: "";
        width: 1px;
        height: 675px;
        display: block;
        background: #fff;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: "";
        margin-left: -1px;
        background: url("../images/top/first/first_line_sp.png") left top no-repeat;
        background-size: 100% auto;
        width: 2px;
        height: 0;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        display: block
    }
}

.topStyle .first-lead3__cont {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3__cont {
        width: 670px;
        text-align: left;
        display: inline-block
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont:before {
        position: absolute;
        right: 0;
        top: -50px;
        content: "";
        width: 55px;
        height: 150px;
        background: #333;
        display: block;
        z-index: 1;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

.topStyle .first-lead3__cont.is__scrolled p span:after {
    left: 110%
}

.topStyle .first-lead3__cont p {
    line-height: 1;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p {
        padding-left: 22px
    }
}

.topStyle .first-lead3__cont p:not(:last-child) {
    margin-bottom: 38px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:not(:last-child) {
        margin-bottom: 18px
    }
}

.topStyle .first-lead3__cont p span {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.topStyle .first-lead3__cont p span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.topStyle .first-lead3__cont p img {
    vertical-align: bottom
}

.topStyle .first-lead3__cont p:nth-child(1) img {
    height: 33px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:nth-child(1) img {
        height: 17px
    }
}

.topStyle .first-lead3__cont p:nth-child(2) img {
    height: 22px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:nth-child(2) img {
        height: 11px
    }
}

.topStyle .first-lead3__cont p:nth-child(3) img {
    height: 22px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:nth-child(3) img {
        height: 11px
    }
}

.topStyle .first-message {
    position: relative;
    height: 100vh;
    z-index: 4
}

.topStyle .first-message .center-logo {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/top/first/logo_gray.png") center center no-repeat;
    background-size: 500px auto;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    z-index: 9
}

@media screen and (max-width: 480px) {
    .topStyle .first-message .center-logo {
        opacity: .5;
        background-size: 300px auto
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-message:before {
        content: "";
        position: absolute;
        top: -142px;
        left: 50%;
        margin-left: -1px;
        width: 2px;
        height: 343px;
        display: block;
        background: url("../images/top/first/first_line_last_sp.png") left bottom no-repeat;
        background-size: 100% auto;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
}

.topStyle .first-message.is__scrolled .center-logo {
    opacity: 1
}

.topStyle .first-message.is__scrolled:before {
    opacity: 0
}

.topStyle .first-message.is__scrolled .circle {
    opacity: 0
}

.topStyle .first-message.is__scrolled .circle.circle1 {
    -webkit-transform: scale(10);
    transform: scale(10)
}

.topStyle .first-message.is__scrolled .circle.circle2 {
    -webkit-transform: scale(8);
    transform: scale(8)
}

.topStyle .first-message.is__scrolled .circle.circle3 {
    -webkit-transform: scale(6);
    transform: scale(6)
}

.topStyle .first-message.is__scrolled .circle.circle4 {
    -webkit-transform: scale(4);
    transform: scale(4)
}

.topStyle .first-message.is__scrolled .circle.circle5 {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.topStyle .first-message.is__scrolled2 .first-message__inner .message-txt {
    opacity: 1
}

.topStyle .first-message.is__scrolled2 .first-message__inner .message-txt p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.topStyle .first-message .circle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -165px;
    margin-top: -165px;
    width: 330px;
    height: 330px;
    border: solid 1px #fff;
    border-radius: 100%;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

@media screen and (max-width: 480px) {
    .topStyle .first-message .circle {
        margin-top: -80px;
        margin-left: -80px;
        width: 160px;
        height: 160px
    }
}

.topStyle .first-message__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    z-index: 10
}

.topStyle .first-message__inner .message-txt {
    width: 100%;
    text-align: center;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    opacity: 0
}

.topStyle .first-message__inner .message-txt p {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

@media screen and (max-width: 480px) {
    .topStyle .first-message__inner .message-txt p {
        padding-left: 15px;
        padding-right: 15px
    }
}

.topStyle .first-message__inner .message-txt p img {
    vertical-align: bottom
}

.topStyle .first-message__inner .message-txt p:nth-child(1) {
    margin-bottom: 30px
}

@media screen and (min-width: 481px) {
    .topStyle .first-message__inner .message-txt p:nth-child(1) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

.topStyle .first-message__inner .message-txt p:nth-child(1) img {
    height: 120px
}

.topStyle .first-message__inner .message-txt p:nth-child(2) {
    margin-bottom: 40px
}

@media screen and (min-width: 481px) {
    .topStyle .first-message__inner .message-txt p:nth-child(2) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
}

.topStyle .first-message__inner .message-txt p:nth-child(2) img {
    height: 114px
}

@media screen and (min-width: 481px) {
    .topStyle .first-message__inner .message-txt p:nth-child(3) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
}

.topStyle .first-message__inner .message-txt p:nth-child(3) img {
    height: 42px
}

.topStyle #Top2 {
    opacity: 0;
    width: 100%;
    pointer-events: none;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.topStyle #Top2.is__loaded {
    opacity: 1;
    position: static;
    pointer-events: auto
}

.topStyle #Top2 .l-kv__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner {
        padding-bottom: 7vw
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .kv-cont {
        display: block
    }
}

.topStyle #Top2 .l-kv__inner .logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    width: 400px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .logo {
        margin-bottom: 40px;
        width: 53.3333333333%
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-kv__inner .logo {
        margin-bottom: 20px;
        width: 48%
    }
}

.topStyle #Top2 .l-kv__inner .logo svg {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.topStyle #Top2 .l-kv__inner .logo svg g path,
.topStyle #Top2 .l-kv__inner .logo svg g polygon,
.topStyle #Top2 .l-kv__inner .logo svg g rect {
    fill: #000
}

.topStyle #Top2 .l-kv__inner .topnews,
.topStyle #Top2 .l-kv__inner .joinus,
.topStyle #Top2 .l-kv__inner .scrolldown {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    opacity: 0
}

.topStyle #Top2 .l-kv__inner .joinus {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 900px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .joinus {
        margin-top: 10px;
        padding-left: 22px;
        width: 100%
    }
}

.topStyle #Top2 .l-kv__inner .joinus__ttl {
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .joinus__ttl {
        margin-bottom: 10px;
        font-size: 3.2vw
    }
}

.topStyle #Top2 .l-kv__inner .joinus__ttl span {
    position: relative;
    display: inline-block;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-kv__inner .joinus__ttl span:after {
        position: absolute;
        left: 0;
        bottom: -8px;
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: #000
    }
}

.topStyle #Top2 .l-kv__inner .joinus__cont a:hover span {
    background: #fff;
    color: #000
}

.topStyle #Top2 .l-kv__inner .joinus__cont span {
    margin-bottom: 5px;
    padding: 5px;
    display: inline-block;
    background: #000;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .joinus__cont span {
        font-size: 3.7vw
    }
}

.topStyle #Top2 .l-kv__inner .scrolldown {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -72px;
    width: 120px;
    height: 56px;
    background: url("../images/scrolldown.svg") left top no-repeat;
    background-size: 100% auto;
    -webkit-animation: kvScrolldown 1s infinite ease-in;
    animation: kvScrolldown 1s infinite ease-in;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .scrolldown {
        left: auto;
        right: 22px;
        bottom: 40px;
        width: 72px;
        height: 40px
    }
}

.topStyle #Top2 .l-kv__inner .scrolldown:hover {
    opacity: .5
}

.topStyle #Top2 .l-kv__inner .scrolldown a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews {
        margin-bottom: 50px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topnews {
        padding-top: 7vw;
        padding-bottom: 10vw
    }
}

.topStyle #Top2 .l-topnews__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topnews__inner {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-topnews__ttl {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews__ttl {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topnews__ttl {
        margin-bottom: 7vw;
        width: 26.0606060606%
    }
}

.topStyle #Top2 .l-topnews__ttl img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews__ttl img {
        width: 94px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews ul {
        padding-left: 64px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent {
        margin-bottom: 50px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topliveevent {
        padding-top: 7vw;
        padding-bottom: 10vw
    }
}

.topStyle #Top2 .l-topliveevent__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topliveevent__inner {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-topliveevent__ttl {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent__ttl {
        margin-bottom: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topliveevent__ttl {
        margin-bottom: 7vw;
        width: 48.4848484848%
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent__ttl:after {
        content: "";
        margin-top: 8px;
        display: block;
        width: 100%;
        height: 3px;
        background: #000
    }
}

.topStyle #Top2 .l-topliveevent__ttl img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent__ttl img {
        width: 193px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent ul {
        padding-left: 64px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia {
        margin-bottom: 50px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topmedia {
        padding-top: 7vw;
        padding-bottom: 10vw
    }
}

.topStyle #Top2 .l-topmedia__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topmedia__inner {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-topmedia__ttl {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia__ttl {
        margin-bottom: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topmedia__ttl {
        margin-bottom: 7vw;
        width: 26.0606060606%
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia__ttl:after {
        content: "";
        margin-top: 8px;
        display: block;
        width: 100%;
        height: 3px;
        background: #000
    }
}

.topStyle #Top2 .l-topmedia__ttl img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia__ttl img {
        width: 110px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia .md-newsparts {
        padding-left: 64px
    }
}

.topStyle #Top2 .l-main {
    padding-top: 130px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main {
        padding-top: 40px
    }
}

.topStyle #Top2 .l-main .common-settings {
    padding-top: 100px;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section {
    margin-left: auto;
    margin-right: auto;
    width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header {
    margin-bottom: 100px
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header {
        margin-bottom: 70px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header {
        margin-bottom: 50px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 {
        display: block
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__ttl {
    width: 29.6875%;
    text-align: left
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__ttl {
        width: 40%
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__ttl {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__nav {
    width: 69.53125%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__nav {
        width: 60%
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__nav {
        margin-top: 12px;
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl {
    height: 38px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl {
        height: 22px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl svg {
    width: auto;
    height: 100%;
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl svg g path {
        fill: #fff
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul {
    letter-spacing: -0.4em;
    line-height: 1
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul {
        text-align: right
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul {
        text-align: left
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    line-height: 1;
    position: relative
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child) {
    margin-right: 68px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child) {
        margin-right: 40px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child):after {
    position: absolute;
    top: 50%;
    right: -60px;
    margin-top: 1px;
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #000
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child):after {
        width: 30px;
        margin-top: 4px;
        right: -34px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li a {
    color: #000;
    font-weight: 600;
    font-size: 10px;
    font-size: 1rem;
    display: block;
    height: 7px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li a {
        height: 5px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li a svg {
    vertical-align: bottom;
    width: auto;
    height: 100%
}

.topStyle #Top2 .l-main .common-settings#TopArtist {
    padding-bottom: 140px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist {
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist {
        padding-top: 60px;
        padding-bottom: 50px;
        background: url("../images/top/bg_top_artist_pattern.png") left top repeat;
        background-size: 2px auto
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist .section-header {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main__cont {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco1 {
    -webkit-animation: tenmetsu .4s alternate ease;
    animation: tenmetsu .4s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco2 {
    -webkit-animation: tenmetsu 1.5s alternate ease;
    animation: tenmetsu 1.5s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco3 {
    -webkit-animation: tenmetsu .7s alternate ease;
    animation: tenmetsu .7s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco4 {
    -webkit-animation: tenmetsu 2s alternate ease;
    animation: tenmetsu 2s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco5 {
    -webkit-animation: tenmetsu .5s alternate ease;
    animation: tenmetsu .5s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco6 {
    -webkit-animation: tenmetsu 1.4s alternate ease;
    animation: tenmetsu 1.4s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg {
    position: absolute;
    left: 0;
    top: 280px;
    width: 100%;
    height: 740px;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    overflow: hidden
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner {
    position: relative;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
    margin-top: -270px;
    height: 1400px;
    background: url("../images/top/artist/artist_bg_kaf.jpg") left top no-repeat;
    background-size: cover
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 0;
    overflow: hidden;
    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)
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg.is__show {
    opacity: 1;
    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)
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg.is__show .bg-inner {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg-inner {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    z-index: 9999
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/top/noise.png") left top no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    -webkit-animation: bgNoise 20s infinite linear;
    animation: bgNoise 20s infinite linear;
    z-index: 10
}

.topStyle #Top2 .l-main .common-settings#TopArtist .inner-section {
    position: relative;
    z-index: 2
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header {
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    opacity: 0
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header__nav ul li:not(:last-child):after {
        background: #fff
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header__nav ul li a svg g path {
        fill: #fff
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main {
    position: relative;
    padding-bottom: 90px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main {
        padding-bottom: 0
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco1 {
    top: -220px;
    right: -325px;
    width: 515px;
    height: 121px;
    background-image: url("../images/top/artist_deco_001.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco2 {
    top: 75px;
    left: -330px;
    width: 377px;
    height: 157px;
    background-image: url("../images/top/artist_deco_002.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco3 {
    top: -20px;
    right: -320px;
    width: 351px;
    height: 152px;
    background-image: url("../images/top/artist_deco_003.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco4 {
    left: -332px;
    bottom: 0;
    width: 322px;
    height: 87px;
    background-image: url("../images/top/artist_deco_004.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco5 {
    left: 50%;
    bottom: 0;
    margin-left: -160px;
    width: 325px;
    height: 87px;
    background-image: url("../images/top/artist_deco_005.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco6 {
    bottom: 0;
    right: -480px;
    width: 578px;
    height: 219px;
    background-image: url("../images/top/artist_deco_006.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__cont {
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    opacity: 0
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__cont {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block {
    padding-left: 64px;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block {
        padding-left: 38px;
        padding-bottom: 20px;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block.is__scrolled {
        opacity: 1
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block.is__scrolled:before {
        opacity: 1;
        background-size: 100%
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block.is__scrolled dl {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:not(:last-child) {
        margin-bottom: 30px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:first-child:before {
    top: -45px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:first-child dl dt h4 {
        width: 30px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:nth-child(2):before {
    top: -70px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:nth-child(2) dl dt h4 {
        width: 30px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:last-child:before {
    top: -70px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:last-child dl dt h4 {
        width: 30px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transition-duration: .6s;
        transition-duration: .6s
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt {
    width: 18.90625%
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 {
    padding-bottom: 25px;
    line-height: 1;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 {
        padding-bottom: 0;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100% auto;
        z-index: 2
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 113px;
    height: 2px;
    background: #000
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4:after {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 img {
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 img {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75.9375%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd {
        padding-right: 0;
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul {
    letter-spacing: -0.4em
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul {
        padding-right: 0
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li {
    margin-bottom: 40px;
    display: inline-block;
    letter-spacing: normal
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li {
        display: block
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li:not(:last-child) {
    margin-right: 45px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 22px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 {
    line-height: 1;
    font-size: 52px;
    font-size: 5.2rem;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 {
        font-size: 8.5vw
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 a {
    display: block;
    background: #fff;
    color: #000;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 a {
        background: none;
        color: #fff
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 a:hover {
        background: #000;
        color: #fff
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore {
    padding-top: 100px;
    padding-bottom: 110px;
    background: url("../images/top/bg_store.png") center center no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        padding-top: 100px;
        padding-bottom: 50px
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore.is__scrolled {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopStore.is__scrolled .inner-section .topstore {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore {
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore .section-header__ttl svg g path {
        fill: #000
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main {
    margin-left: auto;
    margin-right: auto;
    width: 780px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li {
    position: relative
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li:not(:last-child) {
    margin-bottom: 38px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li:hover .layer {
        opacity: 1
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a {
    display: block
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a {
        background: #fff
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a:hover img {
        opacity: .3
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a img {
    vertical-align: bottom;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    pointer-events: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont h2 {
    margin-bottom: 18px;
    padding-top: 8px;
    color: #fff;
    line-height: 1
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont h2 em {
    padding-bottom: 10px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont h2 span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    font-weight: 600
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont .view {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    color: #fff;
    border: solid 3px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont .view span {
    padding: 4px 0;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center
}

.topStyle #Top2 .l-main .common-settings#TopProject {
    padding-top: 100px;
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject {
        padding-top: 0
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject.is__scrolled {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopProject.is__scrolled .inner-section .topproject {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject {
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject .section-header__ttl svg g path {
        fill: #000
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list {
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list {
        width: 800px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li {
    margin-bottom: 74px;
    width: 47%;
    position: relative
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li {
        margin-bottom: 11px;
        width: 48.3383685801%
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li:hover .layer {
        opacity: 1
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li a {
    display: block
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li a img {
    vertical-align: bottom;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    pointer-events: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont h2 {
    margin-bottom: 27px;
    color: #fff;
    line-height: 1
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont h2 em {
    padding-bottom: 10px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont h2 span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    font-weight: 600
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont .view {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    color: #fff;
    border: solid 3px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont .view span {
    padding: 4px 0;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center
}

.common-settings#page404 {
    display: none
}

.is__loaded .common-settings#Artist .artist-main__list__block:before {
    left: 110%
}

.is__loaded .common-settings#Artist .artist-detail .section-header .artist-nav {
    opacity: 1 !important
}

.is__loaded .common-settings#Artist .artist-detail-main__img .img {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.is__loaded .common-settings#Artist .artist-detail-main__img__nav {
    opacity: 1 !important
}

.is__loaded .common-settings#Artist .artist-detail-main__name {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .section-header {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Artist .artist-main__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list {
        padding-left: 22px;
        padding-right: 22px;
        width: 100%
    }
}

.common-settings#Artist .artist-main__list__block {
    min-height: 360px;
    position: relative
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block {
        min-height: inherit;
        height: 100px
    }
}

@media screen and (max-width: 320px) {
    .common-settings#Artist .artist-main__list__block {
        min-height: inherit;
        height: 90px
    }
}

.common-settings#Artist .artist-main__list__block:not(:last-child) {
    margin-bottom: 45px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block:not(:last-child) {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 320px) {
    .common-settings#Artist .artist-main__list__block:not(:last-child) {
        margin-bottom: 20px
    }
}

.common-settings#Artist .artist-main__list__block__inner {
    position: relative;
    height: 100%;
    height: 360px;
    height: auto;
    min-height: 360px;
    z-index: 2;
    background-repeat: no-repeat
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-main__list__block__inner {
        background-position: right top;
        background-size: auto 100%;
        background-size: auto 360px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block__inner {
        background-position: right 0 center;
        background-size: 58% auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        min-height: inherit
    }
}

@media screen and (max-width: 320px) {
    .common-settings#Artist .artist-main__list__block__inner {
        background-position: right center;
        background-size: 60% auto
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block__inner:before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        display: block;
        width: 32px;
        height: 1px;
        background: #000
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block__inner a {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        content: "";
        width: 100%;
        height: 100%;
        display: block
    }
}

.common-settings#Artist .artist-main__list__block__inner .cont {
    position: relative;
    z-index: 2
}

.common-settings#Artist .artist-main__list__block__ttl {
    position: relative;
    margin-bottom: 33px;
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block__ttl {
        margin-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 320px) {
    .common-settings#Artist .artist-main__list__block__ttl {
        padding-top: 0
    }
}

@media print,
screen and (min-width: 481px) {
    .common-settings#Artist .artist-main__list__block__ttl:before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        display: block;
        width: 60px;
        height: 2px;
        background: #000;
        z-index: 2
    }
}

.common-settings#Artist .artist-main__list__block__ttl span.sub {
    margin: 0 0 30px;
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 700
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block__ttl span.sub {
        margin: 0 0 13px;
        font-size: 2.1333333333vw;
        letter-spacing: -0.03em
    }
}

.en .common-settings#Artist .artist-main__list__block__ttl span.sub {
    display: none
}

.common-settings#Artist .artist-main__list__block__ttl span.title {
    width: 311px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-main__list__block__ttl span.title {
        width: 130px
    }
}

.common-settings#Artist .artist-main__list__block__thumb a {
    display: block
}

.common-settings#Artist .artist-main__list__block__thumb a img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-main__list__block__list {
        width: 300px
    }
}

.common-settings#Artist .artist-main__list__block__list ul {
    text-align: left;
    letter-spacing: -0.4em
}

.common-settings#Artist .artist-main__list__block__list ul:not(:last-child) {
    margin-bottom: 32px
}

.common-settings#Artist .artist-main__list__block__list ul li {
    margin-bottom: 12px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

.common-settings#Artist .artist-main__list__block__list ul li:not(:last-child) {
    margin-right: 10px
}

.common-settings#Artist .artist-main__list__block__list ul li:not(:last-child):after {
    padding-left: 10px;
    content: "/";
    color: gray
}

.common-settings#Artist .artist-main__list__block__list ul li a {
    color: #000;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.common-settings#Artist .artist-main__list__block__list ul li a small {
    font-size: 50%
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-main__list__block__list ul li a:hover {
        color: gray;
        text-decoration: underline
    }
}

.common-settings#Artist .artist-main__list__block__cf__ttl {
    margin-bottom: 16px;
    position: relative;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1
}

.common-settings#Artist .artist-detail .section-header {
    margin-bottom: 30px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header {
        margin-bottom: 12px
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav {
    margin-top: 40px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav {
        margin-top: 35px
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__category {
    letter-spacing: -0.4em
}

.common-settings#Artist .artist-detail .section-header .artist-nav__category li {
    letter-spacing: normal;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__category li {
        font-size: 2.9vw;
        width: calc(50vw - 22px)
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__category li:not(:last-child) {
    margin-right: 36px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__category li:not(:last-child) {
        margin-right: 0
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__category li a {
    color: #000;
    position: relative
}

.common-settings#Artist .artist-detail .section-header .artist-nav__category li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__category li a:hover:after {
        width: 100%
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__category li.is__current a:after {
    width: 100%
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__category li.is__current a:after {
        height: 2px
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__lineup {
    margin-top: 25px;
    letter-spacing: -0.4em
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__lineup {
        margin-top: 20px
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__lineup li {
    display: inline-block;
    letter-spacing: normal;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__lineup li {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__lineup li {
        margin-bottom: 8px
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__lineup li:not(:last-child) {
    margin-right: 10px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__lineup li:not(:last-child) {
        margin-right: 10px
    }
}

.common-settings#Artist .artist-detail .section-header .artist-nav__lineup li.is__current a {
    border: solid 2px #000;
    background: #fff;
    color: #000
}

.common-settings#Artist .artist-detail .section-header .artist-nav__lineup li a {
    padding: 6px;
    display: block;
    color: #fff;
    background: #000;
    font-size: 17px;
    font-size: 1.7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: .08em;
    border: solid 1px #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

.common-settings#Artist .artist-detail .section-header .artist-nav__lineup li a small {
    font-size: 60%
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__lineup li a:hover {
        background: #fff;
        color: #000
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail .section-header .artist-nav__lineup li a {
        font-size: 3.2vw
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main {
        width: 100%
    }
}

.common-settings#Artist .artist-detail-main__img__thumbnail {
    position: relative
}

.common-settings#Artist .artist-detail-main__img__thumbnail .img {
    position: relative
}

.common-settings#Artist .artist-detail-main__img__thumbnail img {
    position: relative;
    vertical-align: bottom;
    z-index: 2
}

.common-settings#Artist .artist-detail-main__img__nav ul li {
    position: absolute;
    top: 50%;
    margin-top: -72px;
    width: 44px;
    height: 145px;
    z-index: 2
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__img__nav ul li {
        width: 22px;
        height: 73px;
        margin-top: -36px
    }
}

.common-settings#Artist .artist-detail-main__img__nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.common-settings#Artist .artist-detail-main__img__nav ul li a:hover {
    opacity: .3
}

.common-settings#Artist .artist-detail-main__img__nav ul li.prev {
    right: -80px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__img__nav ul li.prev {
        right: 10px
    }
}

.common-settings#Artist .artist-detail-main__img__nav ul li.prev a {
    background-image: url("../images/artist/arrow_right.png")
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__img__nav ul li.prev a {
        background-image: url("../images/artist/arrow_right_sp.png")
    }
}

.common-settings#Artist .artist-detail-main__img__nav ul li.next {
    left: -80px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__img__nav ul li.next {
        left: 10px
    }
}

.common-settings#Artist .artist-detail-main__img__nav ul li.next a {
    background-image: url("../images/artist/arrow_left.png")
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__img__nav ul li.next a {
        background-image: url("../images/artist/arrow_left_sp.png")
    }
}

.common-settings#Artist .artist-detail-main__name {
    margin-top: 30px
}

.common-settings#Artist .artist-detail-main__name h2 {
    text-align: center;
    line-height: 1;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

.common-settings#Artist .artist-detail-main__name h2 ul.artist_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-settings#Artist .artist-detail-main__name h2 ul.artist_option li {
    padding: 6px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: .03em;
    line-height: 1;
    background: #9d9d9d;
    color: #fff;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

.common-settings#Artist .artist-detail-main__name h2 ul.artist_option li+li {
    margin: 0 0 0 4px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__name h2 ul.artist_option li {
        font-size: 3.2vw
    }
}

.common-settings#Artist .artist-detail-main__name h2 em {
    padding-top: 7px;
    display: block;
    font-size: 80px;
    font-size: 8rem;
    letter-spacing: .08em
}

.common-settings#Artist .artist-detail-main__name h2 em small {
    font-size: 35%;
    letter-spacing: 0
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__name h2 em {
        font-size: 10.3vw
    }
}

.common-settings#Artist .artist-detail-main__name h2 span {
    margin-top: 15px;
    display: block;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: .06em;
    color: #989898
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__name h2 span {
        margin-top: 8px;
        font-size: 3.2vw
    }
}

.common-settings#Artist .artist-detail-main h3 {
    margin-bottom: 30px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main h3 {
        margin-bottom: 25px
    }
}

.common-settings#Artist .artist-detail-main h3 span {
    padding: 6px 8px;
    display: inline-block;
    line-height: 1;
    background: #000;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main h3 span {
        padding: 0;
        display: block;
        background: none;
        font-size: 4.8vw;
        color: #989898;
        font-weight: 700
    }
}

.common-settings#Artist .artist-detail-main__info {
    margin-top: 65px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info {
        margin-top: 30px;
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Artist .artist-detail-main__info.is__scrolled {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.common-settings#Artist .artist-detail-main__info__cont {
    width: 84.21875%
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__cont {
        width: 100%
    }
}

.common-settings#Artist .artist-detail-main__info__cont .artist-desc p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__cont .artist-desc p {
        font-size: 4vw;
        line-height: 1.8
    }
}

.common-settings#Artist .artist-detail-main__info__cont .artist-desc p a {
    color: #000;
    -webkit-transition: .2s;
    transition: .2s
}

@media print,
screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__info__cont .artist-desc p a:hover {
        color: gray;
        text-decoration: underline
    }
}

.common-settings#Artist .artist-detail-main__info__cont .artist-desc p:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__cont .artist-desc p:not(:last-child) {
        margin-bottom: 22px
    }
}

.common-settings#Artist .artist-detail-main__info__sns {
    width: 14.78125%;
    padding: 0 1% 0 0
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__sns {
        margin-top: 40px;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__sns ul {
        letter-spacing: -0.4em
    }
}

.common-settings#Artist .artist-detail-main__info__sns ul li {
    line-height: 1;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__sns ul li {
        padding: 6px 8px;
        display: inline-block;
        line-height: 1;
        background: #000;
        color: #fff;
        font-weight: 600;
        font-size: 3.2vw;
        letter-spacing: .03em
    }
}

.common-settings#Artist .artist-detail-main__info__sns ul li:not(:last-child) {
    margin-bottom: 10px
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__sns ul li:not(:last-child) {
        margin-right: 12px;
        margin-bottom: 12px
    }
}

.common-settings#Artist .artist-detail-main__info__sns ul li:not(:last-child):before {
    position: absolute;
    left: 1px;
    top: 20px;
    content: "";
    width: 1px;
    height: 18px;
    display: block;
    background: #000
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__sns ul li:not(:last-child):before {
        display: none
    }
}

.common-settings#Artist .artist-detail-main__info__sns ul li a {
    position: relative;
    color: #000;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__info__sns ul li a:hover {
        opacity: .5
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__info__sns ul li a {
        padding-top: 5px;
        padding-left: 25px;
        padding-bottom: 5px;
        display: inline-block;
        background: url("../images/icon_circle_black.png") left center no-repeat;
        background-size: 3px auto;
        pointer-events: auto
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__info__sns ul li a {
        display: block;
        color: #fff
    }
}

.common-settings#Artist .artist-detail-main__news,
.common-settings#Artist .artist-detail-main__disco {
    margin-top: 70px
}

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

    .common-settings#Artist .artist-detail-main__news,
    .common-settings#Artist .artist-detail-main__disco {
        margin-top: 60px;
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Artist .artist-detail-main__news.is__scrolled,
.common-settings#Artist .artist-detail-main__disco.is__scrolled {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.common-settings#Artist .artist-detail-main__news ul li {
    border-bottom: solid 1px #000
}

.common-settings#Artist .artist-detail-main__news ul li a,
.common-settings#Artist .artist-detail-main__news ul li .no-link {
    padding-top: 38px;
    padding-bottom: 38px;
    display: block;
    color: #000
}

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

    .common-settings#Artist .artist-detail-main__news ul li a,
    .common-settings#Artist .artist-detail-main__news ul li .no-link {
        padding-top: 22px;
        padding-bottom: 22px
    }
}

.common-settings#Artist .artist-detail-main__news ul li a {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__news ul li a:hover {
        background: rgba(0, 0, 0, .1)
    }
}

.common-settings#Artist .artist-detail-main__news ul li a dl dd span {
    position: relative
}

.common-settings#Artist .artist-detail-main__news ul li a dl dd span:after {
    margin-left: 6px;
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/icon_link.svg") left top no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__news ul li a dl dd span:after {
        width: 10px;
        height: 10px
    }
}

.common-settings#Artist .artist-detail-main__news ul li dl {
    display: table;
    width: 100%
}

.common-settings#Artist .artist-detail-main__news ul li dl dt,
.common-settings#Artist .artist-detail-main__news ul li dl dd {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1.6rem
}

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

    .common-settings#Artist .artist-detail-main__news ul li dl dt,
    .common-settings#Artist .artist-detail-main__news ul li dl dd {
        vertical-align: top
    }
}

.common-settings#Artist .artist-detail-main__news ul li dl dt {
    padding-left: 32px;
    font-weight: 500;
    width: 16.40625%
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__news ul li dl dt {
        padding-left: 0;
        width: 75px;
        font-size: 2.73vw
    }
}

.common-settings#Artist .artist-detail-main__news ul li dl dd {
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__news ul li dl dd {
        line-height: 1.6
    }
}

.common-settings#Artist .artist-detail-main__news ul li dl dd span {
    display: inline-block
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__news ul li dl dd span {
        font-size: 3.2vw
    }
}

.common-settings#Artist .artist-detail-main__disco ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__disco ul {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Artist .artist-detail-main__disco ul li {
    position: relative
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__disco ul li {
        margin-bottom: 20px;
        margin-right: 2.5%;
        width: 18%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__disco ul li {
        margin-bottom: 15px;
        width: 48%
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__disco ul li:nth-child(5n) {
        margin-right: 0
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__disco ul li:hover .txt {
        opacity: 1
    }
}

.common-settings#Artist .artist-detail-main__disco ul li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.common-settings#Artist .artist-detail-main__disco ul li .thumb {
    padding-top: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Artist .artist-detail-main__disco ul li .txt {
        padding: 10px 15px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: rgba(26, 26, 26, .9);
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Artist .artist-detail-main__disco ul li .txt {
        display: none
    }
}

.common-settings#Artist .artist-detail-main__disco ul li .txt span {
    display: block
}

@media screen and (max-width: 480px) {
    .common-settings#Contact {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Contact .contact .section-header {
    margin-bottom: 90px
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact .section-header {
        margin-bottom: 50px
    }
}

.common-settings#Contact .contact .section-header__ttl {
    margin-bottom: 40px
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact .section-header__ttl {
        margin-bottom: 45px
    }
}

.common-settings#Contact .contact .section-header .contact-lead {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact .section-header .contact-lead {
        font-size: 3.8vw;
        text-align: justify
    }
}

.common-settings#Contact .contact .section-header .contact-lead a {
    margin-right: 5px;
    padding-left: 12px;
    padding-right: 8px;
    background: #000;
    color: #fff;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #000
}

@media screen and (min-width: 481px) {
    .common-settings#Contact .contact .section-header .contact-lead a:hover {
        background: #fff;
        color: #000
    }
}

.common-settings#Contact .contact .section-header .contact-lead .attention {
    margin-top: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: gray
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact .section-header .contact-lead .attention {
        margin-top: 8px;
        font-size: 3.2vw
    }
}

.common-settings#Contact .contact .screen-reader-response {
    padding-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 800;
    color: #c00
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact .screen-reader-response {
        font-size: 4.6vw;
        line-height: 1.6
    }
}

.common-settings#Contact .contact .screen-reader-response ul {
    display: none
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main {
        width: 100%
    }
}

.common-settings#Contact .contact-main__list ul li {
    padding: 12px 0
}

.common-settings#Contact .contact-main__list ul li:not(:last-child) {
    border-bottom: solid 2px #000
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li:not(:last-child) {
        border-bottom: solid 1px #000
    }
}

.common-settings#Contact .contact-main__list ul li .wpcf7-not-valid-tip {
    padding-left: 10px;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #c00;
    font-weight: 600;
    letter-spacing: .04em
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .wpcf7-not-valid-tip {
        font-size: 3vw
    }
}

.common-settings#Contact .contact-main__list ul li .wpcf7-not-valid-tip:before {
    content: "※"
}

.common-settings#Contact .contact-main__list ul li .inner {
    padding-left: 20px;
    position: relative
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .inner {
        padding-left: 0
    }
}

.common-settings#Contact .contact-main__list ul li .inner:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
    content: "";
    width: 2px;
    height: 60px;
    background: #000
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .inner:after {
        width: 1px;
        margin-top: -15px;
        height: 30px
    }
}

.common-settings#Contact .contact-main__list ul li .inner input {
    padding: 25px 10px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .inner input {
        padding: 15px 10px;
        font-size: 1.6rem
    }
}

.common-settings#Contact .contact-main__list ul li .inner .select-box {
    overflow: hidden;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 481px) {
    .common-settings#Contact .contact-main__list ul li .inner .select-box:hover {
        opacity: .4
    }
}

.common-settings#Contact .contact-main__list ul li .inner .select-box:before {
    position: absolute;
    top: 50%;
    right: .9em;
    margin-top: -3px;
    padding: 0;
    width: 0;
    height: 0;
    content: "";
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #000;
    pointer-events: none
}

.common-settings#Contact .contact-main__list ul li .inner .select-box select {
    padding: 25px 1em 25px 10px;
    width: 100%;
    cursor: pointer;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .inner .select-box select {
        padding: 15px 1em 15px 10px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 320px) {
    .common-settings#Contact .contact-main__list ul li .inner .select-box select {
        font-size: 1.2rem
    }
}

.common-settings#Contact .contact-main__list ul li .inner .select-box select::-ms-expand {
    display: none
}

.common-settings#Contact .contact-main__list ul li .innerinner {
    padding-top: 30px
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .innerinner {
        padding-top: 25px
    }
}

.common-settings#Contact .contact-main__list ul li .innerinner textarea {
    padding: 25px;
    width: 100%;
    height: 360px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px #000;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__list ul li .innerinner textarea {
        padding: 15px;
        border: solid 1px #000;
        font-size: 1.6rem
    }
}

.common-settings#Contact .contact-main__check {
    text-align: center
}

@media screen and (min-width: 481px) {
    .common-settings#Contact .contact-main__check {
        margin-top: 40px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__check {
        margin-top: 25px;
        font-size: 3.5vw
    }
}

.common-settings#Contact .contact-main__check a {
    color: #000;
    text-decoration: underline
}

@media screen and (min-width: 481px) {
    .common-settings#Contact .contact-main__check a:hover {
        text-decoration: none
    }
}

.common-settings#Contact .contact-main__footer {
    padding-top: 35px
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__footer {
        padding-top: 0
    }
}

.common-settings#Contact .contact-main__footer .send-btn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px;
    width: 480px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-style: none;
    background: #000;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width: 480px) {
    .common-settings#Contact .contact-main__footer .send-btn input {
        padding: 10px;
        width: 100%;
        font-size: 4.8vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Contact .contact-main__footer .send-btn input:hover {
        opacity: .5
    }
}

.common-settings#Contact .contact .wpcf7-response-output {
    display: none !important
}

@media screen and (max-width: 480px) {
    .common-settings#Default {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Default .default-header {
    line-height: 1;
    font-weight: 800;
    letter-spacing: .02em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (min-width: 481px) {
    .common-settings#Default .default-header {
        margin-bottom: 60px;
        font-size: 5.8rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Default .default-header {
        margin-bottom: 40px;
        font-size: 6.2vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Default .default .contents-block:not(:last-child) {
        margin-bottom: 90px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Default .default .contents-block:not(:last-child) {
        margin-bottom: 50px
    }
}

.common-settings#Default .default .contents-block__ttl {
    font-weight: 800;
    letter-spacing: .06em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (min-width: 481px) {
    .common-settings#Default .default .contents-block__ttl {
        margin-bottom: 35px;
        font-size: 2.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Default .default .contents-block__ttl {
        margin-bottom: 20px;
        font-size: 4.93vw
    }
}

.common-settings#Default .default .contents-block__main p {
    margin-bottom: 30px
}

@media screen and (min-width: 481px) {
    .common-settings#Default .default .contents-block__main p {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Default .default .contents-block__main p {
        font-size: 3.53vw
    }
}

.common-settings#Default .default .contents-block__main a {
    color: red;
    text-decoration: underline
}

@media screen and (min-width: 481px) {
    .common-settings#Default .default .contents-block__main a:hover {
        text-decoration: none
    }
}

.common-settings#Default .default .contents-block__main .table-wrap {
    margin-top: 20px;
    margin-bottom: 40px
}

@media screen and (max-width: 480px) {
    .common-settings#Default .default .contents-block__main .table-wrap {
        overflow-x: scroll
    }
}

.common-settings#Default .default .contents-block__main table {
    width: 100%
}

@media screen and (max-width: 480px) {
    .common-settings#Default .default .contents-block__main table {
        width: 700px
    }
}

.common-settings#Default .default .contents-block__main table tr th,
.common-settings#Default .default .contents-block__main table tr td {
    padding: 8px 10px;
    border: solid 1px #000;
    font-size: 12px;
    font-size: 1.2rem
}

.common-settings#Default .default .contents-block__main table tr th {
    background: #222;
    color: #fff;
    text-align: center
}

.common-settings#Default .default .contents-block__main table tr td:not(:first-child) {
    width: 30%
}

.common-settings#Default .default .contents-block__main h3,
.common-settings#Default .default .contents-block__main h4 {
    margin-bottom: 15px;
    font-weight: 600
}

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

    .common-settings#Default .default .contents-block__main h3,
    .common-settings#Default .default .contents-block__main h4 {
        font-size: 1.8rem
    }
}

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

    .common-settings#Default .default .contents-block__main h3,
    .common-settings#Default .default .contents-block__main h4 {
        font-size: 4.2vw
    }
}

.common-settings#Default .default .contents-block__main ol,
.common-settings#Default .default .contents-block__main ul {
    margin-bottom: 40px
}

.common-settings#Default .default .contents-block__main ol li,
.common-settings#Default .default .contents-block__main ul li {
    font-weight: 500
}

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

    .common-settings#Default .default .contents-block__main ol li,
    .common-settings#Default .default .contents-block__main ul li {
        font-size: 1.4rem
    }
}

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

    .common-settings#Default .default .contents-block__main ol li,
    .common-settings#Default .default .contents-block__main ul li {
        font-size: 3.53vw
    }
}

.common-settings#Default .default .contents-block__main ol li>ol,
.common-settings#Default .default .contents-block__main ul li>ol,
.common-settings#Default .default .contents-block__main ol li ul,
.common-settings#Default .default .contents-block__main ul li ul {
    margin-left: .6em;
    margin-bottom: 30px;
    font-weight: 500
}

.common-settings#Default .default .contents-block__main ol li>ol li:first-child,
.common-settings#Default .default .contents-block__main ul li>ol li:first-child,
.common-settings#Default .default .contents-block__main ol li ul li:first-child,
.common-settings#Default .default .contents-block__main ul li ul li:first-child {
    padding-top: 12px
}

.common-settings#Default .default .contents-block__main ol li>ol li:not(:last-child),
.common-settings#Default .default .contents-block__main ul li>ol li:not(:last-child),
.common-settings#Default .default .contents-block__main ol li ul li:not(:last-child),
.common-settings#Default .default .contents-block__main ul li ul li:not(:last-child) {
    margin-bottom: 12px
}

.common-settings#Default .default .contents-block__main ol li:not(:last-child),
.common-settings#Default .default .contents-block__main ul li:not(:last-child) {
    margin-bottom: 25px
}

.common-settings#Disco .disco {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Disco .disco .section-header__parent_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px auto 0
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header__parent_category {
        display: block;
        margin: 20px auto 0
    }
}

.common-settings#Disco .disco .section-header__parent_category .parent_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 198px;
    height: 56px;
    border: #000 1px solid;
    background-color: #000;
    color: #fff;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size: 1.5rem;
    line-height: 1.2;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

@media print,
screen and (min-width: 481px) {
    .common-settings#Disco .disco .section-header__parent_category .parent_category {
        cursor: pointer
    }

    .common-settings#Disco .disco .section-header__parent_category .parent_category:hover {
        background-color: #fff;
        color: #000
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header__parent_category .parent_category {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%;
        height: 27px;
        font-size: 1.6rem;
        text-align: left
    }

    .common-settings#Disco .disco .section-header__parent_category .parent_category+.parent_category {
        margin: 12px auto 0
    }
}

.common-settings#Disco .disco .section-header__parent_category .parent_category.curr {
    background-color: #fff;
    color: #000
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco .section-header__category {
        margin: 20px auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header__category {
        margin-top: 12px
    }
}

.common-settings#Disco .disco .section-header__category--box {
    position: relative;
    display: inline-block
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header__category--box {
        width: 100%
    }
}

.common-settings#Disco .disco .section-header__category--box:after {
    margin-top: -5px;
    position: absolute;
    right: 12px;
    top: 50%;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0 #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1
}

.common-settings#Disco .disco .section-header__category--box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    background: #000;
    color: #fff;
    font-weight: 600
}

@media print,
screen and (min-width: 481px) {
    .common-settings#Disco .disco .section-header__category--box select {
        min-width: 300px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header__category--box select {
        width: 100%
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco .section-header__category--box select {
        padding: 8px 40px 8px 12px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco .section-header__category--box select {
        font-size: 1.6rem;
        padding: 5px 40px 5px 8px
    }
}

.common-settings#Disco .disco-main__lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 32px 0 0 -11px;
    width: 922px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__lineup {
        margin: 50px auto 0;
        padding-left: 22px;
        padding-right: 22px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

.common-settings#Disco .disco-main__lineup li {
    position: relative
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__lineup li {
        margin: 0 11px 20px;
        width: 162px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__lineup li {
        margin-bottom: 15px;
        width: 48%
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__lineup li:hover .txt {
        opacity: 1
    }
}

.common-settings#Disco .disco-main__lineup li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.common-settings#Disco .disco-main__lineup li .thumb {
    padding-top: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__lineup li .txt {
        padding: 10px 15px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: rgba(26, 26, 26, .9);
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__lineup li .txt {
        display: none
    }
}

.common-settings#Disco .disco-main__lineup li .txt span {
    display: block
}

.common-settings#Disco .disco-main__detail__img {
    position: relative
}

.common-settings#Disco .disco-main__detail__img__thumbnail {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__img__thumbnail {
        max-width: 640px
    }
}

.common-settings#Disco .disco-main__detail__img__thumbnail img {
    vertical-align: bottom
}

.common-settings#Disco .disco-main__detail__img__nav ul li {
    position: absolute;
    top: 50%;
    margin-top: -72px;
    width: 44px;
    height: 145px;
    z-index: 2
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__img__nav ul li {
        display: none
    }
}

.common-settings#Disco .disco-main__detail__img__nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.common-settings#Disco .disco-main__detail__img__nav ul li a:hover {
    opacity: .3
}

.common-settings#Disco .disco-main__detail__img__nav ul li.prev {
    right: 0
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__img__nav ul li.prev {
        right: 10px
    }
}

.common-settings#Disco .disco-main__detail__img__nav ul li.prev a {
    background-image: url("../images/artist/arrow_right.png")
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__img__nav ul li.prev a {
        background-image: url("../images/artist/arrow_right_sp.png")
    }
}

.common-settings#Disco .disco-main__detail__img__nav ul li.next {
    left: 0
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__img__nav ul li.next {
        left: 10px
    }
}

.common-settings#Disco .disco-main__detail__img__nav ul li.next a {
    background-image: url("../images/artist/arrow_left.png")
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__img__nav ul li.next a {
        background-image: url("../images/artist/arrow_left_sp.png")
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data {
        margin-top: 70px;
        margin-left: 60px;
        margin-right: 60px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data {
        margin-top: 30px
    }
}

.common-settings#Disco .disco-main__detail__data .disco-main__detail__data--ttl {
    margin-bottom: 100px;
    padding-bottom: 50px;
    border-bottom: solid 2px #000
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .disco-main__detail__data--ttl {
        margin-bottom: 50px;
        padding-bottom: 70px
    }
}

.common-settings#Disco .disco-main__detail__data .ttl dd {
    text-align: center
}

.common-settings#Disco .disco-main__detail__data .ttl dd span {
    line-height: 1;
    color: #989898;
    font-weight: 700
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .ttl dd span {
        font-size: 1.3rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .ttl dd span {
        font-size: 3.2vw
    }
}

.common-settings#Disco .disco-main__detail__data .ttl dd span:before {
    content: "RELEASE DATE : "
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .ttl dt {
        margin-top: 15px
    }
}

.common-settings#Disco .disco-main__detail__data .ttl dt h1 {
    text-align: center;
    letter-spacing: .03em;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .ttl dt h1 {
        font-size: 3.7rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .ttl dt h1 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11.2vw;
        line-height: 1.2
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .desc {
        margin-top: 60px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .desc {
        margin-top: 35px;
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Disco .disco-main__detail__data .desc p {
    letter-spacing: .07em;
    text-align: justify;
    line-height: 1.9
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .desc p {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .desc p {
        font-size: 3.93vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .cont {
        margin-top: 45px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .cont {
        margin-top: 30px;
        margin-left: 22px;
        margin-right: 22px
    }
}

.common-settings#Disco .disco-main__detail__data .cont h1 {
    margin-bottom: 8px;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .cont h1 {
        font-size: 2.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .cont h1 {
        font-size: 6.5vw
    }
}

.common-settings#Disco .disco-main__detail__data .cont h2 {
    margin-bottom: 10px;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .cont h2 {
        font-size: 2.2rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .cont h2 {
        font-size: 4.7vw
    }
}

.common-settings#Disco .disco-main__detail__data .cont h3 {
    margin-bottom: 8px;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .cont h3 {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .cont h3 {
        font-size: 3.5vw
    }
}

.common-settings#Disco .disco-main__detail__data .cont ul {
    margin-left: 18px;
    margin-bottom: 40px;
    padding-left: 18px;
    border-left: solid 1px #000
}

.common-settings#Disco .disco-main__detail__data .cont ul li {
    letter-spacing: .08em
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .cont ul li {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .cont ul li {
        font-size: 3.5vw
    }
}

.common-settings#Disco .disco-main__detail__data .cont ul li:not(:last-child) {
    margin-bottom: 5px
}

.common-settings#Disco .disco-main__detail__data .cont p {
    letter-spacing: .06em;
    text-align: justify
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .cont p {
        margin-bottom: 30px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .cont p {
        margin-bottom: 35px;
        font-size: 3.5vw
    }
}

.common-settings#Disco .disco-main__detail__data .cont p a {
    text-decoration: underline;
    color: #000
}

.common-settings#Disco .disco-main__detail__data .cont .youtube-player {
    padding-top: 56.25%;
    width: 100%;
    position: relative
}

.common-settings#Disco .disco-main__detail__data .cont .youtube-player iframe {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    vertical-align: bottom
}

.common-settings#Disco .disco-main__detail__data .buy {
    margin-bottom: 100px;
    padding-bottom: 80px;
    border-bottom: solid 2px #000
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy {
        margin-left: 22px;
        margin-right: 22px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .buy-ttl {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy-ttl {
        margin-bottom: 25px;
        width: 28.9772727273%
    }
}

.common-settings#Disco .disco-main__detail__data .buy-ttl svg {
    height: auto;
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .buy-ttl svg {
        width: 110px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy-ttl svg {
        width: 100%
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .buy-ttl svg path {
        fill: #000
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy-ttl svg path {
        fill: #989898
    }
}

.common-settings#Disco .disco-main__detail__data .buy-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy-list {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .buy-list li {
        margin-right: 2%;
        margin-bottom: 15px;
        min-width: 22%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy-list li {
        margin-bottom: 14px;
        width: 48%
    }
}

.common-settings#Disco .disco-main__detail__data .buy-list li a {
    display: block;
    width: 100%;
    height: 100%;
    border: solid 2px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: #000
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .buy-list li a {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.5rem;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .buy-list li a {
        padding: 6px 8px;
        font-size: 3.4vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .buy-list li a:hover {
        background: #000;
        color: #fff
    }
}

.common-settings#Disco .disco-main__detail__data .article-pager {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .article-pager {
        margin-top: 70px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .article-pager {
        margin-top: 50px
    }
}

.common-settings#Disco .disco-main__detail__data .article-pager ul {
    text-align: center;
    letter-spacing: -0.4em;
    position: relative
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .article-pager ul {
        margin-left: auto;
        margin-right: auto;
        width: 400px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .article-pager ul {
        margin-left: auto;
        margin-right: auto;
        width: 67.1641791045%
    }
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li {
    line-height: 1;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li a {
    color: #000
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li.prev,
.common-settings#Disco .disco-main__detail__data .article-pager ul li.next {
    position: absolute;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li.prev a,
.common-settings#Disco .disco-main__detail__data .article-pager ul li.next a {
    position: relative;
    display: block;
    border: solid 0 #000;
    border-width: 1px 0 0 1px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

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

    .common-settings#Disco .disco-main__detail__data .article-pager ul li.prev a,
    .common-settings#Disco .disco-main__detail__data .article-pager ul li.next a {
        width: 20px;
        height: 20px
    }
}

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

    .common-settings#Disco .disco-main__detail__data .article-pager ul li.prev a,
    .common-settings#Disco .disco-main__detail__data .article-pager ul li.next a {
        width: 18px;
        height: 18px
    }
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li.prev {
    left: 0
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li.prev a {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li.next {
    right: 0
}

.common-settings#Disco .disco-main__detail__data .article-pager ul li.next a {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (min-width: 481px) {
    .common-settings#Disco .disco-main__detail__data .article-pager ul li.listlink {
        font-size: 2rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Disco .disco-main__detail__data .article-pager ul li.listlink {
        font-size: 4.26vw
    }
}

.common-settings#Event .event {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--nav {
        margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 10px
    }
}

.common-settings#Event .event--nav__year {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--nav__year {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--nav__year {
        margin-bottom: 7.2vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--nav__year li:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--nav__year li:not(:last-child) {
        margin-right: 2.7vw
    }
}

.common-settings#Event .event--nav__year li.is__current a,
.common-settings#Event .event--nav__year li.is__current span {
    opacity: 1
}

.common-settings#Event .event--nav__year li.is__current a:before,
.common-settings#Event .event--nav__year li.is__current span:before {
    width: 100%
}

.common-settings#Event .event--nav__year li a,
.common-settings#Event .event--nav__year li span {
    color: #000;
    font-weight: 700;
    position: relative;
    opacity: .6;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

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

    .common-settings#Event .event--nav__year li a,
    .common-settings#Event .event--nav__year li span {
        font-size: 2.2rem
    }
}

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

    .common-settings#Event .event--nav__year li a,
    .common-settings#Event .event--nav__year li span {
        font-size: 6.2vw
    }
}

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

    .common-settings#Event .event--nav__year li a:hover,
    .common-settings#Event .event--nav__year li span:hover {
        opacity: 1
    }
}

.common-settings#Event .event--nav__year li a:before,
.common-settings#Event .event--nav__year li span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    display: block;
    width: 0;
    background: #000;
    line-height: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

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

    .common-settings#Event .event--nav__year li a:before,
    .common-settings#Event .event--nav__year li span:before {
        height: 4px
    }
}

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

    .common-settings#Event .event--nav__year li a:before,
    .common-settings#Event .event--nav__year li span:before {
        height: 2px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--nav__artist {
        width: 30%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--nav__artist {
        margin-bottom: 7vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--nav__artist--cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.common-settings#Event .event--nav__artist--cont--box {
    position: relative;
    display: inline-block
}

.common-settings#Event .event--nav__artist--cont--box:after {
    margin-top: -5px;
    position: absolute;
    right: 12px;
    top: 50%;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0 #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
    pointer-events: none
}

.common-settings#Event .event--nav__artist--cont--box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    background: #000;
    color: #fff;
    font-weight: 600
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--nav__artist--cont--box select {
        padding: 8px 40px 8px 12px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--nav__artist--cont--box select {
        font-size: 1.6rem;
        padding: 5px 40px 5px 8px;
        width: 100%
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block:not(:last-child) {
        margin-bottom: 4.6vw
    }
}

.common-settings#Event .event--lineup__block dl {
    border: solid 1px #000
}

.common-settings#Event .event--lineup__block dl dt {
    position: relative;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.common-settings#Event .event--lineup__block dl dt:after {
    display: block;
    padding-top: .6em;
    font-weight: 700;
    text-align: right
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt:after {
        content: "CLICK HERE ▼";
        font-size: 1.3rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt:after {
        content: "TAP HERE ▼";
        font-size: 2.7vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt {
        padding: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt {
        padding: 6.2vw 4vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt.is__opened {
        padding: 30px 30px 15px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt.is__opened:hover {
        background: #fff
    }
}

.common-settings#Event .event--lineup__block dl dt.is__opened:hover:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.common-settings#Event .event--lineup__block dl dt.is__opened:after {
    opacity: 0
}

.common-settings#Event .event--lineup__block dl dt.is__opened:before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt.is__opened:before {
        top: 40px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt:hover {
        background: rgba(238, 238, 238, .4)
    }
}

.common-settings#Event .event--lineup__block dl dt:before {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0 #000;
    border-width: 2px 2px 0 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
    pointer-events: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt:before {
        right: 30px;
        top: 35px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt:before {
        top: 5.9vw;
        right: 4.4vw
    }
}

.common-settings#Event .event--lineup__block dl dt .date {
    display: block;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt .date {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt .date {
        font-size: 3.8vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt .ttl {
        padding-top: 15px;
        padding-left: 12px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt .ttl {
        padding-top: 4.6vw
    }
}

.common-settings#Event .event--lineup__block dl dt .ttl--artistname {
    margin-bottom: .4em;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--artistname {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--artistname {
        font-size: 4.2vw
    }
}

.common-settings#Event .event--lineup__block dl dt .ttl--artistname span:not(:last-child) {
    margin-right: .6em
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname {
    line-height: 1.4
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname h3 {
    font-weight: 700
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--eventname h3 {
        font-size: 2.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--eventname h3 {
        font-size: 5.2vw
    }
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place h4 {
    line-height: 1.4;
    font-weight: 400
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--eventname--place h4 {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--eventname--place h4 {
        font-size: 4.2vw
    }
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place h4:not(:last-child) {
    padding-right: .2em
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place .placelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--eventname--place .placelist li {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dt .ttl--eventname--place .placelist li {
        font-size: 4.2vw
    }
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place .placelist li:first-child h4:before {
    content: "@";
    margin-right: .2em
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place .placelist li:not(:last-child) {
    margin-right: .2em
}

.common-settings#Event .event--lineup__block dl dt .ttl--eventname--place .placelist li:not(:last-child) h4:after {
    content: "/";
    margin-left: .2em
}

.common-settings#Event .event--lineup__block dl dd {
    display: none
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dd {
        padding-left: 42px;
        padding-right: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dd {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-bottom: 6vw
    }
}

.common-settings#Event .event--lineup__block dl dd p,
.common-settings#Event .event--lineup__block dl dd ul,
.common-settings#Event .event--lineup__block dl dd ol,
.common-settings#Event .event--lineup__block dl dd strong,
.common-settings#Event .event--lineup__block dl dd a,
.common-settings#Event .event--lineup__block dl dd blockquote,
.common-settings#Event .event--lineup__block dl dd img {
    font-size: 15px;
    font-size: 1.5rem
}

.common-settings#Event .event--lineup__block dl dd p:not(:first-child),
.common-settings#Event .event--lineup__block dl dd ul:not(:first-child),
.common-settings#Event .event--lineup__block dl dd ol:not(:first-child),
.common-settings#Event .event--lineup__block dl dd strong:not(:first-child),
.common-settings#Event .event--lineup__block dl dd a:not(:first-child),
.common-settings#Event .event--lineup__block dl dd blockquote:not(:first-child),
.common-settings#Event .event--lineup__block dl dd img:not(:first-child) {
    margin-top: .8em
}

.common-settings#Event .event--lineup__block dl dd p:not(:last-child),
.common-settings#Event .event--lineup__block dl dd ul:not(:last-child),
.common-settings#Event .event--lineup__block dl dd ol:not(:last-child),
.common-settings#Event .event--lineup__block dl dd strong:not(:last-child),
.common-settings#Event .event--lineup__block dl dd a:not(:last-child),
.common-settings#Event .event--lineup__block dl dd blockquote:not(:last-child),
.common-settings#Event .event--lineup__block dl dd img:not(:last-child) {
    margin-bottom: .8em
}

.common-settings#Event .event--lineup__block dl dd ul li,
.common-settings#Event .event--lineup__block dl dd ol li {
    margin-left: 1.5em
}

.common-settings#Event .event--lineup__block dl dd ul {
    list-style-type: disc
}

.common-settings#Event .event--lineup__block dl dd ol {
    list-style-type: decimal
}

.common-settings#Event .event--lineup__block dl dd img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dd img {
        max-height: 600px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Event .event--lineup__block dl dd img {
        max-height: 140vw
    }
}

.common-settings#Event .event--lineup__block dl dd strong {
    font-weight: 700
}

.common-settings#Event .event--lineup__block dl dd a {
    color: red;
    text-decoration: underline
}

@media screen and (min-width: 481px) {
    .common-settings#Event .event--lineup__block dl dd a:hover {
        text-decoration: none
    }
}

.common-settings#Event .event--lineup__block dl dd blockquote {
    background: rgba(238, 238, 238, .1);
    font-style: italic
}

.common-settings#Event .event--lineup__block dl dd h1:not(:first-child),
.common-settings#Event .event--lineup__block dl dd h2:not(:first-child),
.common-settings#Event .event--lineup__block dl dd h3:not(:first-child) {
    margin-top: .8em
}

.common-settings#Event .event--lineup__block dl dd h1:not(:last-child),
.common-settings#Event .event--lineup__block dl dd h2:not(:last-child),
.common-settings#Event .event--lineup__block dl dd h3:not(:last-child) {
    margin-bottom: .8em
}

.common-settings#Event .event--lineup__block dl dd h1 {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 700
}

.common-settings#Event .event--lineup__block dl dd h2 {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: solid 1px rgba(0, 0, 0, .5)
}

.common-settings#Event .event--lineup__block dl dd h3 {
    padding: .4em .8em;
    font-size: 15px;
    font-size: 1.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #000;
    line-height: 1.4;
    color: #fff
}

.common-settings#Event .event--lineup__block dl dd .youtube {
    margin-bottom: 20px;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.common-settings#Event .event--lineup__block dl dd .youtube iframe {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

@media screen and (max-width: 480px) {
    .common-settings#Join {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Join .join .section-header {
    margin-bottom: 55px
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join .section-header {
        margin-bottom: 30px
    }
}

.common-settings#Join .join .section-header__subttl {
    margin-top: 40px;
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: -0.08em;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join .section-header__subttl {
        margin-top: 30px;
        font-size: 6vw
    }
}

.common-settings#Join .join-main {
    padding-bottom: 60px
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main {
        padding-bottom: 40px;
        width: 100%
    }
}

.common-settings#Join .join-main .lead {
    margin-bottom: 55px
}

.common-settings#Join .join-main .lead p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.9;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main .lead p {
        font-size: 3.8vw;
        text-align: justify
    }
}

.common-settings#Join .join-main__info__block:not(:last-child) {
    margin-bottom: 55px
}

.common-settings#Join .join-main__info__block h3 {
    margin-bottom: 30px;
    padding: 14px 0;
    width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
    text-align: center;
    border: solid 2px #000;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block h3 {
        margin-bottom: 25px;
        padding: 9px 0;
        font-size: 4.8vw;
        width: 36.8580060423%
    }
}

.common-settings#Join .join-main__info__block__list {
    padding-left: 30px
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__list {
        padding-left: 0
    }
}

.common-settings#Join .join-main__info__block__list li {
    font-size: 16px;
    font-size: 1.6rem;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__list li {
        font-size: 3.73vw
    }
}

.common-settings#Join .join-main__info__block__list li:not(:last-child) {
    margin-bottom: 8px
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__list li:not(:last-child) {
        margin-bottom: 4px
    }
}

.common-settings#Join .join-main__info__block__howto {
    padding-left: 50px
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__howto {
        padding-left: 0
    }
}

.common-settings#Join .join-main__info__block__howto p {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__howto p {
        font-size: 3.73vw;
        text-align: justify
    }
}

.common-settings#Join .join-main__info__block__howto p em {
    position: relative
}

.common-settings#Join .join-main__info__block__howto p em:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #000
}

.common-settings#Join .join-main__info__block__attention {
    padding-left: 50px
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__attention {
        padding-left: 0
    }
}

.common-settings#Join .join-main__info__block__attention p {
    font-size: 16px;
    font-size: 1.6rem;
    text-indent: -1em;
    padding-left: 1em;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__attention p {
        font-size: 3.73vw;
        text-align: justify
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-main__info__block__attention p:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Join .join-footer {
        width: 100%
    }
}

.common-settings#Media .media {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--nav {
        margin-bottom: 50px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.common-settings#Media .media--nav__category {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--nav__category {
        width: 65%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--nav__category {
        margin-bottom: 7.2vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--nav__category li:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--nav__category li:not(:last-child) {
        margin-right: 2.7vw
    }
}

.common-settings#Media .media--nav__category li.is__current a,
.common-settings#Media .media--nav__category li.is__current span {
    opacity: 1
}

.common-settings#Media .media--nav__category li.is__current a:before,
.common-settings#Media .media--nav__category li.is__current span:before {
    width: 100%
}

.common-settings#Media .media--nav__category li a,
.common-settings#Media .media--nav__category li span {
    color: #000;
    font-weight: 700;
    position: relative;
    opacity: .6;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

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

    .common-settings#Media .media--nav__category li a,
    .common-settings#Media .media--nav__category li span {
        font-size: 2.2rem
    }
}

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

    .common-settings#Media .media--nav__category li a,
    .common-settings#Media .media--nav__category li span {
        font-size: 6.2vw
    }
}

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

    .common-settings#Media .media--nav__category li a:hover,
    .common-settings#Media .media--nav__category li span:hover {
        opacity: 1
    }
}

.common-settings#Media .media--nav__category li a:before,
.common-settings#Media .media--nav__category li span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    display: block;
    width: 0;
    background: #000;
    line-height: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

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

    .common-settings#Media .media--nav__category li a:before,
    .common-settings#Media .media--nav__category li span:before {
        height: 4px
    }
}

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

    .common-settings#Media .media--nav__category li a:before,
    .common-settings#Media .media--nav__category li span:before {
        height: 2px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--nav__artist {
        width: 30%
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--nav__artist {
        margin-bottom: 7vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--nav__artist--cont {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }
}

.common-settings#Media .media--nav__artist--cont--box {
    position: relative;
    display: inline-block
}

.common-settings#Media .media--nav__artist--cont--box:after {
    margin-top: -5px;
    position: absolute;
    right: 12px;
    top: 50%;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0 #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
    pointer-events: none
}

.common-settings#Media .media--nav__artist--cont--box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    background: #000;
    color: #fff;
    font-weight: 600
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--nav__artist--cont--box select {
        padding: 8px 40px 8px 12px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--nav__artist--cont--box select {
        font-size: 1.6rem;
        padding: 5px 40px 5px 8px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block:not(:last-child) {
        margin-bottom: 4.6vw
    }
}

.common-settings#Media .media--lineup__block dl {
    border: solid 1px #000
}

.common-settings#Media .media--lineup__block dl dt {
    position: relative;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.common-settings#Media .media--lineup__block dl dt:after {
    display: block;
    padding-top: .8em;
    font-weight: 700;
    text-align: right
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt:after {
        content: "CLICK HERE ▼";
        font-size: 1.3rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt:after {
        content: "TAP HERE ▼";
        font-size: 2.7vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt {
        padding: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt {
        padding: 6.2vw 4vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt.is__opened {
        padding: 30px 30px 15px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt.is__opened:hover {
        background: #fff
    }
}

.common-settings#Media .media--lineup__block dl dt.is__opened:hover:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.common-settings#Media .media--lineup__block dl dt.is__opened:after {
    opacity: 0
}

.common-settings#Media .media--lineup__block dl dt.is__opened:before {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt.is__opened:before {
        top: 40px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt:hover {
        background: rgba(238, 238, 238, .4)
    }
}

.common-settings#Media .media--lineup__block dl dt:before {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0 #000;
    border-width: 2px 2px 0 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
    pointer-events: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt:before {
        right: 30px;
        top: 35px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt:before {
        top: 5.9vw;
        right: 4.4vw
    }
}

.common-settings#Media .media--lineup__block dl dt .date {
    display: block;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .date {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .date {
        font-size: 3.8vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl {
        padding-top: 20px;
        padding-left: 12px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl {
        padding-top: 4.6vw
    }
}

.common-settings#Media .media--lineup__block dl dt .ttl--artistname {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.common-settings#Media .media--lineup__block dl dt .ttl--artistname li {
    background: #000;
    color: #fff;
    font-weight: 700
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--artistname li {
        padding: .3em .8em;
        font-size: 1.5em
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--artistname li {
        padding: .2em .4em;
        font-size: 3.6vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--artistname li:not(:last-child) {
        margin-right: 10px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--artistname li:not(:last-child) {
        margin-right: 1.5vw
    }
}

.common-settings#Media .media--lineup__block dl dt .ttl--category {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--category {
        margin-left: 20px;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--category {
        margin-top: 1.4vw
    }
}

.common-settings#Media .media--lineup__block dl dt .ttl--category li {
    color: #000;
    font-weight: 700
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--category li {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--category li {
        font-size: 3.7vw
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--category li:not(:last-child) {
        margin-right: 8px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--category li:not(:last-child) {
        margin-right: 1.2vw
    }
}

.common-settings#Media .media--lineup__block dl dt .ttl--category li:before {
    content: "#"
}

.common-settings#Media .media--lineup__block dl dt .ttl--mediattl {
    width: 100%
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--mediattl {
        padding-top: .6em;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.4
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dt .ttl--mediattl {
        padding-top: .4em;
        font-size: 5.2vw;
        line-height: 1.5
    }
}

.common-settings#Media .media--lineup__block dl dd {
    display: none
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dd {
        padding-left: 42px;
        padding-right: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dd {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-bottom: 6vw
    }
}

.common-settings#Media .media--lineup__block dl dd p,
.common-settings#Media .media--lineup__block dl dd ul,
.common-settings#Media .media--lineup__block dl dd ol,
.common-settings#Media .media--lineup__block dl dd strong,
.common-settings#Media .media--lineup__block dl dd a,
.common-settings#Media .media--lineup__block dl dd blockquote,
.common-settings#Media .media--lineup__block dl dd img {
    font-size: 15px;
    font-size: 1.5rem
}

.common-settings#Media .media--lineup__block dl dd p:not(:first-child),
.common-settings#Media .media--lineup__block dl dd ul:not(:first-child),
.common-settings#Media .media--lineup__block dl dd ol:not(:first-child),
.common-settings#Media .media--lineup__block dl dd strong:not(:first-child),
.common-settings#Media .media--lineup__block dl dd a:not(:first-child),
.common-settings#Media .media--lineup__block dl dd blockquote:not(:first-child),
.common-settings#Media .media--lineup__block dl dd img:not(:first-child) {
    margin-top: .8em
}

.common-settings#Media .media--lineup__block dl dd p:not(:last-child),
.common-settings#Media .media--lineup__block dl dd ul:not(:last-child),
.common-settings#Media .media--lineup__block dl dd ol:not(:last-child),
.common-settings#Media .media--lineup__block dl dd strong:not(:last-child),
.common-settings#Media .media--lineup__block dl dd a:not(:last-child),
.common-settings#Media .media--lineup__block dl dd blockquote:not(:last-child),
.common-settings#Media .media--lineup__block dl dd img:not(:last-child) {
    margin-bottom: .8em
}

.common-settings#Media .media--lineup__block dl dd ul li,
.common-settings#Media .media--lineup__block dl dd ol li {
    margin-left: 1.5em
}

.common-settings#Media .media--lineup__block dl dd ul {
    list-style-type: disc
}

.common-settings#Media .media--lineup__block dl dd ol {
    list-style-type: decimal
}

.common-settings#Media .media--lineup__block dl dd img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dd img {
        max-height: 600px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Media .media--lineup__block dl dd img {
        max-height: 140vw
    }
}

.common-settings#Media .media--lineup__block dl dd strong {
    font-weight: 700
}

.common-settings#Media .media--lineup__block dl dd a {
    color: red;
    text-decoration: underline
}

@media screen and (min-width: 481px) {
    .common-settings#Media .media--lineup__block dl dd a:hover {
        text-decoration: none
    }
}

.common-settings#Media .media--lineup__block dl dd blockquote {
    background: rgba(238, 238, 238, .1);
    font-style: italic
}

.common-settings#Media .media--lineup__block dl dd h1:not(:first-child),
.common-settings#Media .media--lineup__block dl dd h2:not(:first-child),
.common-settings#Media .media--lineup__block dl dd h3:not(:first-child) {
    margin-top: .8em
}

.common-settings#Media .media--lineup__block dl dd h1:not(:last-child),
.common-settings#Media .media--lineup__block dl dd h2:not(:last-child),
.common-settings#Media .media--lineup__block dl dd h3:not(:last-child) {
    margin-bottom: .8em
}

.common-settings#Media .media--lineup__block dl dd h1 {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 700
}

.common-settings#Media .media--lineup__block dl dd h2 {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: solid 1px rgba(0, 0, 0, .5)
}

.common-settings#Media .media--lineup__block dl dd h3 {
    padding: .4em .8em;
    font-size: 15px;
    font-size: 1.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #000;
    line-height: 1.4;
    color: #fff
}

.common-settings#Media .media--lineup__block dl dd .youtube {
    margin-bottom: 20px;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.common-settings#Media .media--lineup__block dl dd .youtube iframe {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

@media screen and (min-width: 481px) {
    .common-settings#News .news .section-header {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news .section-header {
        margin-bottom: 25px;
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#News .news .section-header__category {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news .section-header__category {
        margin-top: 20px
    }
}

.common-settings#News .news .section-header__category--box {
    position: relative;
    display: inline-block
}

.common-settings#News .news .section-header__category--box:after {
    margin-top: -5px;
    position: absolute;
    right: 12px;
    top: 50%;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 0 #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1
}

.common-settings#News .news .section-header__category--box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    background: #000;
    color: #fff;
    font-weight: 600
}

@media screen and (min-width: 481px) {
    .common-settings#News .news .section-header__category--box select {
        padding: 8px 40px 8px 12px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news .section-header__category--box select {
        font-size: 1.6rem;
        padding: 5px 40px 5px 8px
    }
}

.common-settings#News .news-main {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

/* @media screen and (min-width: 481px) {
    .common-settings#News .news-main {
        margin-left: 60px
    }
} */

@media screen and (max-width: 480px) {
    .common-settings#News .news-main {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__header {
        margin-bottom: 45px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news-main__header {
        margin-bottom: 25px
    }
}

.common-settings#News .news-main__header .date {
    margin-right: 15px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .06em
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__header .date {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news-main__header .date {
        font-size: 3.2vw
    }
}

.common-settings#News .news-main__header .category i {
    padding: 4px 6px;
    display: inline-block;
    background: #000;
    letter-spacing: .04em;
    color: #fff;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__header .category i {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news-main__header .category i {
        font-size: 3.2vw
    }
}

.common-settings#News .news-main__header .category i:not(:last-child) {
    margin-right: 7px
}

.common-settings#News .news-main__header .ttl {
    margin-top: 20px;
    padding-bottom: 8px;
    line-height: 1.4;
    letter-spacing: .08em;
    border-bottom: solid 1px #000
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__header .ttl {
        font-size: 3.6rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news-main__header .ttl {
        font-size: 6.4vw
    }
}

.common-settings#News .news-main__cont p {
    letter-spacing: .08em
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__cont p {
        font-size: 1.5rem;
        line-height: 2
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .news-main__cont p {
        font-size: 4.26vw;
        line-height: 1.7
    }
}

.common-settings#News .news-main__cont p:not(:last-child) {
    margin-bottom: 30px
}

.common-settings#News .news-main__cont p a {
    color: #000;
    text-decoration: underline
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__cont p a {
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (min-width: 481px) {
    .common-settings#News .news-main__cont p a:hover {
        text-decoration: none;
        color: gray
    }
}

.common-settings#News .news-main__cont .youtube {
    margin-bottom: 20px;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.common-settings#News .news-main__cont .youtube iframe {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.common-settings#News .article-pager {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (min-width: 481px) {
    .common-settings#News .article-pager {
        margin-top: 70px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .article-pager {
        margin-top: 50px
    }
}

.common-settings#News .article-pager ul {
    text-align: center;
    letter-spacing: -0.4em;
    position: relative
}

@media screen and (min-width: 481px) {
    .common-settings#News .article-pager ul {
        margin-left: auto;
        margin-right: auto;
        width: 400px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .article-pager ul {
        margin-left: auto;
        margin-right: auto;
        width: 67.1641791045%
    }
}

.common-settings#News .article-pager ul li {
    line-height: 1;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle
}

.common-settings#News .article-pager ul li a {
    color: #000
}

.common-settings#News .article-pager ul li.prev,
.common-settings#News .article-pager ul li.next {
    position: absolute;
    top: 0;
    border: solid 0 #000;
    border-width: 1px 0 0 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

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

    .common-settings#News .article-pager ul li.prev,
    .common-settings#News .article-pager ul li.next {
        width: 20px;
        height: 20px
    }
}

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

    .common-settings#News .article-pager ul li.prev,
    .common-settings#News .article-pager ul li.next {
        width: 18px;
        height: 18px
    }
}

.common-settings#News .article-pager ul li.prev a,
.common-settings#News .article-pager ul li.next a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.common-settings#News .article-pager ul li.prev {
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.common-settings#News .article-pager ul li.next {
    right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (min-width: 481px) {
    .common-settings#News .article-pager ul li.listlink {
        font-size: 2rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#News .article-pager ul li.listlink {
        font-size: 4.26vw
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project .section-header {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Project .project .section-header .project-nav {
    margin-top: 45px
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project .section-header .project-nav {
        margin-top: 20px
    }
}

.common-settings#Project .project .section-header .project-nav ul {
    letter-spacing: -0.4em
}

.common-settings#Project .project .section-header .project-nav ul li {
    display: inline-block;
    letter-spacing: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 600
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project .section-header .project-nav ul li {
        font-size: 3.4vw
    }
}

.common-settings#Project .project .section-header .project-nav ul li:not(:last-child) {
    margin-right: 40px
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project .section-header .project-nav ul li:not(:last-child) {
        margin-right: 20px
    }
}

.common-settings#Project .project .section-header .project-nav ul li a {
    color: #000;
    position: relative
}

.common-settings#Project .project .section-header .project-nav ul li a:after {
    position: absolute;
    left: 0;
    bottom: -4px;
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 481px) {
    .common-settings#Project .project .section-header .project-nav ul li a:hover:after {
        width: 100%
    }
}

.common-settings#Project .project .section-header .project-nav ul li.is__current a:after {
    width: 100%
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project .section-header .project-nav ul li.is__current a:after {
        height: 2px
    }
}

.common-settings#Project .project-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-list {
        padding-left: 22px;
        padding-right: 22px;
        display: block;
        width: 100%
    }
}

.common-settings#Project .project-list li {
    margin-bottom: 60px;
    width: 47%;
    position: relative
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-list li {
        width: 100%;
        margin-bottom: 0
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-list li:not(:last-child) {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Project .project-list li:hover .layer {
        opacity: 1
    }
}

.common-settings#Project .project-list li a {
    display: block
}

.common-settings#Project .project-list li a img {
    vertical-align: bottom
}

.common-settings#Project .project-list li .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    pointer-events: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.common-settings#Project .project-list li .layer__inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.common-settings#Project .project-list li .layer__inner .cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.common-settings#Project .project-list li .layer__inner .cont h2 {
    margin-bottom: 27px;
    color: #fff;
    line-height: 1
}

.common-settings#Project .project-list li .layer__inner .cont h2 em {
    padding-bottom: 10px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700
}

.common-settings#Project .project-list li .layer__inner .cont h2 span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    font-weight: 600
}

.common-settings#Project .project-list li .layer__inner .cont .view {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    color: #fff;
    border: solid 3px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-settings#Project .project-list li .layer__inner .cont .view span {
    padding: 4px 0;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main {
        width: 100%
    }
}

.common-settings#Project .project-main__img {
    margin-top: 80px
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__img {
        margin-top: 25px
    }
}

.common-settings#Project .project-main__img__thumbnail {
    position: relative
}

.common-settings#Project .project-main__img__thumbnail img {
    vertical-align: bottom
}

.common-settings#Project .project-main__img__nav ul li {
    position: absolute;
    top: 50%;
    margin-top: -72px;
    width: 44px;
    height: 145px;
    z-index: 2
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__img__nav ul li {
        width: 22px;
        height: 73px;
        margin-top: -36px
    }
}

.common-settings#Project .project-main__img__nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.common-settings#Project .project-main__img__nav ul li a:hover {
    opacity: .3
}

.common-settings#Project .project-main__img__nav ul li.prev {
    right: -113px
}

@media screen and (max-width: 1600px) {
    .common-settings#Project .project-main__img__nav ul li.prev {
        right: 20px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__img__nav ul li.prev {
        right: 10px
    }
}

.common-settings#Project .project-main__img__nav ul li.prev a {
    background-image: url("../images/artist/arrow_right.png")
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__img__nav ul li.prev a {
        background-image: url("../images/artist/arrow_right_sp.png")
    }
}

.common-settings#Project .project-main__img__nav ul li.next {
    left: -113px
}

@media screen and (max-width: 1600px) {
    .common-settings#Project .project-main__img__nav ul li.next {
        left: 20px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__img__nav ul li.next {
        left: 10px
    }
}

.common-settings#Project .project-main__img__nav ul li.next a {
    background-image: url("../images/artist/arrow_left.png")
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__img__nav ul li.next a {
        background-image: url("../images/artist/arrow_left_sp.png")
    }
}

.common-settings#Project .project-main__info {
    margin-top: 60px
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Project .project-main__info__ttl {
    margin-bottom: 50px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__ttl {
        margin-bottom: 45px;
        display: block;
        text-align: center
    }
}

.common-settings#Project .project-main__info__ttl h2 {
    width: 70%;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.2;
    font-weight: 700
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__ttl h2 {
        margin-bottom: 32px;
        width: 100%;
        font-size: 6.93vw
    }
}

.common-settings#Project .project-main__info__ttl .link {
    width: 30%;
    text-align: right;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__ttl .link {
        width: 100%;
        font-size: 3.2vw;
        text-align: center
    }
}

.common-settings#Project .project-main__info__ttl .link a {
    display: inline-block;
    color: #000;
    font-weight: 600
}

@media screen and (min-width: 481px) {
    .common-settings#Project .project-main__info__ttl .link a {
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Project .project-main__info__ttl .link a:hover {
        opacity: .5
    }
}

.common-settings#Project .project-main__info__ttl .link a span {
    padding-right: 26px;
    display: inline-block;
    position: relative
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__ttl .link a span {
        padding-right: 17px
    }
}

.common-settings#Project .project-main__info__ttl .link a span:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    margin-top: -7px;
    width: 16px;
    height: 16px;
    background: url("../images/icon_link.svg") left top no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__ttl .link a span:after {
        margin-top: -5px;
        width: 10px;
        height: 10px
    }
}

.common-settings#Project .project-main__info__desc p {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: justify;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__desc p {
        font-size: 4.26vw;
        text-align: justify
    }
}

.common-settings#Project .project-main__info__desc p:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__desc p:not(:last-child) {
        margin-bottom: 22px
    }
}

.common-settings#Project .project-main__info__txtimg {
    margin-top: 50px
}

.common-settings#Project .project-main__info__txtimg dl:not(:last-child) {
    margin-bottom: 35px
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__txtimg dl:not(:last-child) {
        margin-bottom: 40px
    }
}

.common-settings#Project .project-main__info__txtimg dl dt {
    margin-bottom: 15px;
    text-align: center
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__txtimg dl dt {
        margin-bottom: 12px
    }
}

.common-settings#Project .project-main__info__txtimg dl dt img {
    vertical-align: bottom
}

.common-settings#Project .project-main__info__txtimg dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.7;
    color: #000
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__txtimg dl dd {
        font-size: 3.6vw;
        line-height: 1.6
    }
}

.common-settings#Project .project-main__info__credit {
    margin-top: 60px;
    font-size: 16px;
    font-size: 1.6rem;
    color: gray
}

@media screen and (max-width: 480px) {
    .common-settings#Project .project-main__info__credit {
        margin-top: 35px;
        font-size: 3.2vw;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Statement .statement-main {
    margin-left: auto;
    margin-right: auto;
    width: 800px
}

@media screen and (max-width: 1600px) {
    .common-settings#Statement .statement-main {
        width: 700px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main {
        width: 100%
    }
}

.common-settings#Statement .statement-main__cont--desc p {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: .06em;
    line-height: 1.7;
    text-align: justify;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--desc p {
        font-size: 4.2vw;
        line-height: 2;
        text-align: justify
    }
}

.common-settings#Statement .statement-main__cont--desc p:not(:last-child) {
    margin-bottom: 1.5em
}

.common-settings#Statement .statement-main__cont--domain {
    margin-top: 120px
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--domain {
        margin-top: 20vw
    }
}

.common-settings#Statement .statement-main__cont--domain h3 {
    margin-bottom: 1.5em;
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--domain h3 {
        font-size: 7.7vw;
        text-align: center
    }
}

@media print,
screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--domain a.luminous {
        -webkit-transition: opacity .4s linear;
        transition: opacity .4s linear
    }

    .common-settings#Statement .statement-main__cont--domain a.luminous:hover {
        opacity: .6
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio {
        margin-top: 60px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio {
        margin-top: 10vw
    }
}

.common-settings#Statement .statement-main__cont--bio h3 {
    margin-bottom: 1.5em;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio h3 {
        font-size: 4.2rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio h3 {
        font-size: 7.7vw;
        text-align: center
    }
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup {
        margin-left: 30px
    }
}

.common-settings#Statement .statement-main__cont--bio__main--lineup:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: solid 1px rgba(0, 0, 0, .3)
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup:not(:last-child) {
        margin-bottom: 7vw
    }
}

.common-settings#Statement .statement-main__cont--bio__main--lineup__ttl {
    margin-bottom: .8em;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list {
        margin-left: 30px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list {
        margin-left: 3.5vw
    }
}

.common-settings#Statement .statement-main__cont--bio__main--lineup__list dl {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    line-height: 1.6
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl {
        font-size: 3.2vw
    }
}

.common-settings#Statement .statement-main__cont--bio__main--lineup__list dl:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: dotted 1px rgba(0, 0, 0, .1)
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl:not(:last-child) {
        margin-bottom: 1em
    }
}

.common-settings#Statement .statement-main__cont--bio__main--lineup__list dl dt {
    font-weight: 700
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl dt {
        width: 80px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl dt {
        width: 18vw
    }
}

.common-settings#Statement .statement-main__cont--bio__main--lineup__list dl dd {
    letter-spacing: .04em
}

@media screen and (min-width: 481px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl dd {
        width: calc(100% - 110px)
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Statement .statement-main__cont--bio__main--lineup__list dl dd {
        width: calc(100% - 20vw)
    }
}

.is__loaded .common-settings#Statement .statement-main p.js--first span:before {
    width: 0
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store .section-header {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list {
        width: 100%
    }
}

.common-settings#Store .store-main .store-list__block:not(:last-child) {
    margin-bottom: 120px
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block:not(:last-child) {
        margin-bottom: 50px
    }
}

.common-settings#Store .store-main .store-list__block .thumb {
    margin-bottom: 50px
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .thumb {
        margin-bottom: 40px
    }
}

.common-settings#Store .store-main .store-list__block .thumb span {
    display: block;
    position: relative
}

.common-settings#Store .store-main .store-list__block .thumb span:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -148px;
    content: "EC site";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 296px;
    height: 40px;
    background: url("../images/store/label_brand-2.svg") center bottom no-repeat;
    background-size: auto 100%;
    pointer-events: none;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .thumb span:after {
        margin-left: -52px;
        width: 104px;
        height: 15px;
        background: url("../images/store/label_brand_sp-2.svg") center bottom no-repeat;
        background-size: auto 100%;
        font-size: 2.6666666667vw
    }
}

.common-settings#Store .store-main .store-list__block .thumb span a {
    display: block
}

@media screen and (min-width: 481px) {
    .common-settings#Store .store-main .store-list__block .thumb span a:hover img {
        opacity: .5
    }
}

.common-settings#Store .store-main .store-list__block .thumb span img {
    vertical-align: bottom;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info {
        padding-left: 22px;
        padding-right: 22px
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl {
        display: block;
        height: auto
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl:not(:last-child) {
        margin-bottom: 65px
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl:not(:last-child):after {
    position: absolute;
    left: 0;
    bottom: -30px;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #000
}

.common-settings#Store .store-main .store-list__block .info__cont dl dt {
    width: 46.09375%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dt {
        width: 100%
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl dt:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -55px;
    content: "";
    display: block;
    width: 2px;
    height: 110px;
    background: #000
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dt:after {
        display: none
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl dt h3 a img {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 481px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dt h3 a:hover img {
        opacity: .5
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dt h3 {
        margin-bottom: 25px
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl dd {
    padding-left: 40px;
    width: 53.515625%;
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.7
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dd {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 3.2vw;
        width: 100%;
        text-align: justify
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dd.coming {
        text-align: center
    }
}

.common-settings#Store .store-main .store-list__block .info__cont dl dd.small {
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width: 480px) {
    .common-settings#Store .store-main .store-list__block .info__cont dl dd.small {
        font-size: 3.2vw
    }
}

.topStyle.is__loaded .first-ttl {
    opacity: 1
}

.topStyle .first {
    padding-top: 90px;
    background: #000;
    color: #fff;
    overflow: hidden
}

@media screen and (max-width: 480px) {
    .topStyle .first {
        padding-top: 62px
    }
}

.topStyle .first .skip {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 9;
    cursor: pointer
}

@media screen and (max-width: 480px) {
    .topStyle .first .skip {
        top: 20px;
        right: 20px
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first .skip:hover img {
        opacity: .4
    }
}

.topStyle .first .skip img {
    width: 40px;
    vertical-align: bottom;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (max-width: 480px) {
    .topStyle .first .skip img {
        width: 26px
    }
}

.topStyle .first-cont {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle .first-cont {
        padding-bottom: 20px;
        width: 100%
    }
}

.topStyle .first-ttl {
    margin-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 0
}

@media screen and (max-width: 480px) {
    .topStyle .first-ttl {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center
    }
}

.topStyle .first-ttl img {
    height: 9px;
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .topStyle .first-ttl img {
        width: 18.1333333333%;
        height: auto
    }
}

.topStyle .first-lead1 {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 3
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead1 {
        padding-left: 0;
        padding-right: 0
    }
}

.topStyle .first-lead1:before {
    position: absolute;
    right: -70px;
    top: -180px;
    content: "";
    display: block;
    width: 700px;
    height: 700px;
    background: url("../images/logo_line.png") left top no-repeat;
    background-size: 100% auto;
    opacity: .5;
    z-index: 1
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead1:before {
        display: none
    }
}

.topStyle .first-lead1__inner {
    position: relative;
    z-index: 2
}

.topStyle .first-lead1.is-pc p span {
    display: inline-block
}

.topStyle .first-lead1.is-pc p span img {
    position: relative;
    vertical-align: bottom;
    z-index: 2
}

.topStyle .first-lead1.is-pc p:not(:last-child) {
    margin-bottom: 30px
}

.topStyle .first-lead1.is-pc p#FirstLead1_1 {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.topStyle .first-lead1.is-pc p#FirstLead1_1 span img {
    height: 44px
}

.topStyle .first-lead1.is-pc p#FirstLead1_1.is__loaded {
    opacity: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_2 span img {
    height: 44px
}

.topStyle .first-lead1.is-pc p#FirstLead1_2 span.lead2,
.topStyle .first-lead1.is-pc p#FirstLead1_2 span.lead4 {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topStyle .first-lead1.is-pc p#FirstLead1_2 span.lead3 {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.topStyle .first-lead1.is-pc p#FirstLead1_2.is__loaded span.lead2,
.topStyle .first-lead1.is-pc p#FirstLead1_2.is__loaded span.lead4 {
    opacity: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_2.is__loaded span.lead3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.topStyle .first-lead1.is-pc p#FirstLead1_3 {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.topStyle .first-lead1.is-pc p#FirstLead1_3 span img {
    height: 48px
}

.topStyle .first-lead1.is-pc p#FirstLead1_3.is__loaded {
    opacity: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_4 {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.topStyle .first-lead1.is-pc p#FirstLead1_4 span img {
    height: 46px
}

.topStyle .first-lead1.is-pc p#FirstLead1_4.is__loaded {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead7 {
    padding: 5px;
    position: relative;
    overflow: hidden
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead7:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    content: "";
    background: #fff;
    display: block;
    z-index: 1
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead7 img {
    height: 54px;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead8 {
    margin-left: 14px;
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.topStyle .first-lead1.is-pc p#FirstLead1_5 span.lead8 img {
    height: 40px
}

.topStyle .first-lead1.is-pc p#FirstLead1_5.is__loaded span.lead7:before {
    width: 100%
}

.topStyle .first-lead1.is-pc p#FirstLead1_5.is__loaded span.lead7 img {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.topStyle .first-lead1.is-pc p#FirstLead1_5.is__loaded span.lead8 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 1
}

.topStyle .first-lead1.is-sp.is__loaded .first-lead1__cont {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.topStyle .first-lead1.is-sp .first-lead1__cont {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.topStyle .first-lead1.is-sp .first-lead1__cont p {
    padding-left: 15px;
    padding-right: 15px
}

.topStyle .first-lead1.is-sp .first-lead1__cont p:not(:last-child) {
    margin-bottom: 10px
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo:before {
    position: absolute;
    left: 0;
    top: -10px;
    content: "";
    width: 100%;
    height: calc(100% + 20px);
    display: block;
    background: url("../images/top/first/white_noise_001.png") left top no-repeat;
    background-size: cover;
    z-index: 2;
    display: none
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/images/top/first/black_noise_001.png") left center no-repeat;
    background-size: cover;
    z-index: 2;
    display: none
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo span {
    padding: 5px 8px;
    display: block;
    position: relative
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo span img {
    position: relative;
    z-index: 2
}

.topStyle .first-lead1.is-sp .first-lead1__cont p.brandlogo span:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1
}

.topStyle .first-lead1.is-sp .first-lead1__en {
    margin-top: 25px;
    padding-left: 10px;
    position: relative
}

.topStyle .first-lead1.is-sp .first-lead1__en.is__scrolled:before {
    opacity: 1
}

.topStyle .first-lead1.is-sp .first-lead1__en.is__scrolled span {
    -webkit-animation: tenmetsu 1s alternate ease-in;
    animation: tenmetsu 1s alternate ease-in;
    opacity: 1
}

.topStyle .first-lead1.is-sp .first-lead1__en:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 40px;
    width: 210px;
    height: 210px;
    display: block;
    background: url("../images/logo_line.png") left top no-repeat;
    background-size: 100% auto;
    z-index: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s;
    opacity: 0
}

.topStyle .first-lead1.is-sp .first-lead1__en span {
    display: block;
    position: relative;
    z-index: 2;
    opacity: 0
}

.topStyle .first-lead1.is-sp .first-lead1__en span img {
    width: 74.6666666667%;
    vertical-align: bottom
}

.topStyle .first-p {
    margin-top: 100px;
    padding-top: 420px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 481px) {
    .topStyle .first-p {
        text-align: right;
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p {
        margin-top: 22px;
        padding-top: 160px;
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-p.is__loaded:after {
        left: 110%
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p.is__loaded:before {
        height: 144px
    }
}

.topStyle .first-p.is__loaded p:before {
    opacity: 1
}

@media screen and (min-width: 481px) {
    .topStyle .first-p:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        z-index: 9;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-p:before {
        position: absolute;
        right: 400px;
        top: -50px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: "";
        width: 1px;
        height: 510px;
        display: block;
        background: #fff;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: "";
        margin-left: -1px;
        background: url("../images/top/first/first_line_sp.png") left top no-repeat;
        background-size: 100% auto;
        width: 2px;
        height: 0;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        display: block
    }
}

.topStyle .first-p p {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2;
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    position: relative;
    z-index: 2;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    .topStyle .first-p p:before {
        position: absolute;
        right: 0;
        top: -70px;
        content: "";
        width: 130px;
        height: 250px;
        background: #333;
        display: block;
        z-index: 1;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-p p {
        display: inline-block;
        text-align: left;
        width: 640px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-p p {
        padding-left: 22px;
        padding-right: 10px;
        font-size: 2.8vw;
        line-height: 2.4;
        -webkit-transition-duration: .6s;
        transition-duration: .6s
    }
}

.topStyle .first-p p .p-inner {
    position: relative;
    z-index: 2
}

.topStyle .first-p p.is__scrolled {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.topStyle .first-lead2 {
    position: relative;
    padding-top: 550px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 2
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2 {
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2 {
        margin-bottom: 30px;
        margin-top: 25px;
        padding-top: 160px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2.is__scrolled:after {
        left: -110%
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2.is__scrolled:before {
        height: 144px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2.is__scrolled .first-lead2__cont:before {
        opacity: 1
    }
}

.topStyle .first-lead2.is__last .first-lead2__sub2:before {
    opacity: 0 !important
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        z-index: 9;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2:before {
        position: absolute;
        left: 450px;
        top: -70px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        width: 1px;
        height: 675px;
        display: block;
        background: #fff;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: "";
        margin-left: -1px;
        background: url("../images/top/first/first_line_sp.png") left top no-repeat;
        background-size: 100% auto;
        width: 2px;
        height: 0;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        display: block
    }
}

.topStyle .first-lead2__cont {
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont:before {
        position: absolute;
        left: 0;
        top: -170px;
        content: "";
        width: 80px;
        height: 200px;
        background: #333;
        display: block;
        z-index: 1;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

.topStyle .first-lead2__cont.is__scrolled p span:after {
    left: 110%
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p {
        text-align: right;
        padding-right: 22px;
        position: relative;
        line-height: 1;
        z-index: 2
    }
}

.topStyle .first-lead2__cont p span {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.topStyle .first-lead2__cont p span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.topStyle .first-lead2__cont p img {
    vertical-align: bottom
}

.topStyle .first-lead2__cont p:first-child {
    margin-bottom: 34px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:first-child {
        margin-bottom: 18px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:first-child span:after {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
}

.topStyle .first-lead2__cont p:first-child span img {
    height: 33px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:first-child span img {
        height: 17px
    }
}

.topStyle .first-lead2__cont p:nth-child(2) {
    margin-bottom: 26px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(2) {
        margin-bottom: 18px
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2__cont p:nth-child(2) span:after {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(2) span:after {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
}

.topStyle .first-lead2__cont p:nth-child(2) span img {
    height: 23px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(2) span img {
        height: 11px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(3) {
        margin-bottom: 18px
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead2__cont p:nth-child(3) span:after {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(3) span:after {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }
}

.topStyle .first-lead2__cont p:nth-child(3) span img {
    height: 33px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(3) span img {
        height: 11px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead2__cont p:nth-child(4) span:after {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .topStyle .first-lead2__cont p:nth-child(4) span img {
        height: 11px
    }
}

.topStyle .first-lead3 {
    position: relative;
    padding-top: 550px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 3
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3 {
        overflow: hidden;
        text-align: right
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3 {
        margin-bottom: 160px;
        margin-top: 25px;
        padding-top: 170px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3.is__scrolled:after {
        left: 110%
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3.is__scrolled:before {
        height: 144px
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3.is__scrolled .first-lead3__cont:before {
        opacity: 1
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: "";
        z-index: 9;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3:before {
        position: absolute;
        left: 450px;
        top: -70px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: "";
        width: 1px;
        height: 675px;
        display: block;
        background: #fff;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: "";
        margin-left: -1px;
        background: url("../images/top/first/first_line_sp.png") left top no-repeat;
        background-size: 100% auto;
        width: 2px;
        height: 0;
        -webkit-transition-duration: .8s;
        transition-duration: .8s;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
        display: block
    }
}

.topStyle .first-lead3__cont {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle .first-lead3__cont {
        width: 670px;
        text-align: left;
        display: inline-block
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont:before {
        position: absolute;
        right: 0;
        top: -50px;
        content: "";
        width: 55px;
        height: 150px;
        background: #333;
        display: block;
        z-index: 1;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

.topStyle .first-lead3__cont.is__scrolled p span:after {
    left: 110%
}

.topStyle .first-lead3__cont p {
    line-height: 1;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p {
        padding-left: 22px
    }
}

.topStyle .first-lead3__cont p:not(:last-child) {
    margin-bottom: 38px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:not(:last-child) {
        margin-bottom: 18px
    }
}

.topStyle .first-lead3__cont p span {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.topStyle .first-lead3__cont p span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.topStyle .first-lead3__cont p img {
    vertical-align: bottom
}

.topStyle .first-lead3__cont p:nth-child(1) img {
    height: 33px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:nth-child(1) img {
        height: 17px
    }
}

.topStyle .first-lead3__cont p:nth-child(2) img {
    height: 22px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:nth-child(2) img {
        height: 11px
    }
}

.topStyle .first-lead3__cont p:nth-child(3) img {
    height: 22px
}

@media screen and (max-width: 480px) {
    .topStyle .first-lead3__cont p:nth-child(3) img {
        height: 11px
    }
}

.topStyle .first-message {
    position: relative;
    height: 100vh;
    z-index: 4
}

.topStyle .first-message .center-logo {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/top/first/logo_gray.png") center center no-repeat;
    background-size: 500px auto;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    z-index: 9
}

@media screen and (max-width: 480px) {
    .topStyle .first-message .center-logo {
        opacity: .5;
        background-size: 300px auto
    }
}

@media screen and (max-width: 480px) {
    .topStyle .first-message:before {
        content: "";
        position: absolute;
        top: -142px;
        left: 50%;
        margin-left: -1px;
        width: 2px;
        height: 343px;
        display: block;
        background: url("../images/top/first/first_line_last_sp.png") left bottom no-repeat;
        background-size: 100% auto;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
}

.topStyle .first-message.is__scrolled .center-logo {
    opacity: 1
}

.topStyle .first-message.is__scrolled:before {
    opacity: 0
}

.topStyle .first-message.is__scrolled .circle {
    opacity: 0
}

.topStyle .first-message.is__scrolled .circle.circle1 {
    -webkit-transform: scale(10);
    transform: scale(10)
}

.topStyle .first-message.is__scrolled .circle.circle2 {
    -webkit-transform: scale(8);
    transform: scale(8)
}

.topStyle .first-message.is__scrolled .circle.circle3 {
    -webkit-transform: scale(6);
    transform: scale(6)
}

.topStyle .first-message.is__scrolled .circle.circle4 {
    -webkit-transform: scale(4);
    transform: scale(4)
}

.topStyle .first-message.is__scrolled .circle.circle5 {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.topStyle .first-message.is__scrolled2 .first-message__inner .message-txt {
    opacity: 1
}

.topStyle .first-message.is__scrolled2 .first-message__inner .message-txt p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.topStyle .first-message .circle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -165px;
    margin-top: -165px;
    width: 330px;
    height: 330px;
    border: solid 1px #fff;
    border-radius: 100%;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

@media screen and (max-width: 480px) {
    .topStyle .first-message .circle {
        margin-top: -80px;
        margin-left: -80px;
        width: 160px;
        height: 160px
    }
}

.topStyle .first-message__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    z-index: 10
}

.topStyle .first-message__inner .message-txt {
    width: 100%;
    text-align: center;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    opacity: 0
}

.topStyle .first-message__inner .message-txt p {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

@media screen and (max-width: 480px) {
    .topStyle .first-message__inner .message-txt p {
        padding-left: 15px;
        padding-right: 15px
    }
}

.topStyle .first-message__inner .message-txt p img {
    vertical-align: bottom
}

.topStyle .first-message__inner .message-txt p:nth-child(1) {
    margin-bottom: 30px
}

@media screen and (min-width: 481px) {
    .topStyle .first-message__inner .message-txt p:nth-child(1) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

.topStyle .first-message__inner .message-txt p:nth-child(1) img {
    height: 120px
}

.topStyle .first-message__inner .message-txt p:nth-child(2) {
    margin-bottom: 40px
}

@media screen and (min-width: 481px) {
    .topStyle .first-message__inner .message-txt p:nth-child(2) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
}

.topStyle .first-message__inner .message-txt p:nth-child(2) img {
    height: 114px
}

@media screen and (min-width: 481px) {
    .topStyle .first-message__inner .message-txt p:nth-child(3) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
}

.topStyle .first-message__inner .message-txt p:nth-child(3) img {
    height: 42px
}

.topStyle #Top2 {
    opacity: 0;
    width: 100%;
    pointer-events: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topStyle #Top2.is__loaded {
    opacity: 1;
    position: static;
    pointer-events: auto
}

.topStyle #Top2 .l-kv__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner {
        padding-bottom: 7vw
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .kv-cont {
        display: block
    }
}

.topStyle #Top2 .l-kv__inner .logo {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    width: 400px;
    height: 400px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .logo {
        margin-bottom: 40px;
        width: 100vw;
        height: 100vw;
        overflow: hidden
    }
}

@media print,
screen and (min-width: 481px) {
    .topStyle #Top2 .l-kv__inner .logo.view span.animation {
        opacity: 0
    }

    .topStyle #Top2 .l-kv__inner .logo.view span.end {
        opacity: 1
    }
}

.topStyle #Top2 .l-kv__inner .logo.view span.text {
    opacity: 1
}

.topStyle #Top2 .l-kv__inner .logo span.animation {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -500px 0 0 -500px;
    width: 1000px;
    height: 1000px;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .logo span.animation {
        margin: -66vw 0 0 -66vw;
        width: 132vw;
        height: 132vw
    }
}

.topStyle #Top2 .l-kv__inner .logo span.end {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -500px 0 0 -500px;
    width: 1000px;
    height: 1000px;
    opacity: 0
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .logo span.end {
        margin: -66vw 0 0 -66vw;
        width: 132vw;
        height: 132vw;
        -webkit-transition: opacity .8s linear;
        transition: opacity .8s linear
    }
}

.topStyle #Top2 .l-kv__inner .logo span.text {
    position: absolute;
    bottom: -46px;
    left: 50%;
    margin: 0 0 0 -173px;
    width: 347px;
    opacity: 0;
    -webkit-transition: opacity .8s linear;
    transition: opacity .8s linear
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .logo span.text {
        bottom: 13.3333333333vw;
        margin: 0 0 0 -39.4666666667vw;
        width: 78.9333333333vw
    }
}

.topStyle #Top2 .l-kv__inner .logo img {
    width: 100%;
    height: 100%
}

.topStyle #Top2 .l-kv__inner .topnews,
.topStyle #Top2 .l-kv__inner .joinus,
.topStyle #Top2 .l-kv__inner .scrolldown {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    opacity: 0
}

.topStyle #Top2 .l-kv__inner .joinus {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 900px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .joinus {
        margin-top: 10px;
        padding-left: 22px;
        width: 100%
    }
}

.topStyle #Top2 .l-kv__inner .joinus__ttl {
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .joinus__ttl {
        margin-bottom: 10px;
        font-size: 3.2vw
    }
}

.topStyle #Top2 .l-kv__inner .joinus__ttl span {
    position: relative;
    display: inline-block;
    line-height: 1
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-kv__inner .joinus__ttl span:after {
        position: absolute;
        left: 0;
        bottom: -8px;
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: #000
    }
}

.topStyle #Top2 .l-kv__inner .joinus__cont a:hover span {
    background: #fff;
    color: #000
}

.topStyle #Top2 .l-kv__inner .joinus__cont span {
    margin-bottom: 5px;
    padding: 5px;
    display: inline-block;
    background: #000;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .joinus__cont span {
        font-size: 3.7vw
    }
}

.topStyle #Top2 .l-kv__inner .scrolldown {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -60px;
    width: 120px;
    height: 56px;
    background: url("../images/scrolldown.svg") left top no-repeat;
    background-size: 100% auto;
    -webkit-animation: kvScrolldown 1s infinite ease-in;
    animation: kvScrolldown 1s infinite ease-in;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-kv__inner .scrolldown {
        left: auto;
        right: 22px;
        bottom: 40px;
        width: 72px;
        height: 40px
    }
}

.topStyle #Top2 .l-kv__inner .scrolldown:hover {
    opacity: .5
}

.topStyle #Top2 .l-kv__inner .scrolldown a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews {
        margin-bottom: 50px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topnews {
        padding-top: 7vw;
        padding-bottom: 10vw
    }
}

.topStyle #Top2 .l-topnews__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topnews__inner {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-topnews__ttl {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews__ttl {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topnews__ttl {
        margin-bottom: 7vw;
        width: 26.0606060606%
    }
}

.topStyle #Top2 .l-topnews__ttl img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews__ttl img {
        width: 94px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topnews ul {
        padding-left: 64px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent {
        margin-bottom: 50px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topliveevent {
        padding-top: 7vw;
        padding-bottom: 10vw
    }
}

.topStyle #Top2 .l-topliveevent__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topliveevent__inner {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-topliveevent__ttl {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent__ttl {
        margin-bottom: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topliveevent__ttl {
        margin-bottom: 7vw;
        width: 48.4848484848%
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent__ttl:after {
        content: "";
        margin-top: 8px;
        display: block;
        width: 100%;
        height: 3px;
        background: #000
    }
}

.topStyle #Top2 .l-topliveevent__ttl img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent__ttl img {
        width: 193px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topliveevent ul {
        padding-left: 64px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia {
        margin-bottom: 50px;
        padding-top: 20px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topmedia {
        padding-top: 7vw;
        padding-bottom: 10vw
    }
}

.topStyle #Top2 .l-topmedia__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topmedia__inner {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-topmedia__ttl {
    position: relative
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia__ttl {
        margin-bottom: 40px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-topmedia__ttl {
        margin-bottom: 7vw;
        width: 26.0606060606%
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia__ttl:after {
        content: "";
        margin-top: 8px;
        display: block;
        width: 100%;
        height: 3px;
        background: #000
    }
}

.topStyle #Top2 .l-topmedia__ttl img {
    vertical-align: bottom
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia__ttl img {
        width: 110px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-topmedia .md-newsparts {
        padding-left: 64px
    }
}

.topStyle #Top2 .l-main {
    padding-top: 130px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main {
        padding-top: 40px
    }
}

.topStyle #Top2 .l-main .common-settings {
    padding-top: 100px;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings {
        padding-left: 22px;
        padding-right: 22px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section {
    margin-left: auto;
    margin-right: auto;
    width: 900px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header {
    margin-bottom: 100px
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header {
        margin-bottom: 70px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header {
        margin-bottom: 50px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 {
        display: block
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__ttl {
    width: 29.6875%;
    text-align: left
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__ttl {
        width: 40%
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__ttl {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__nav {
    width: 69.53125%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__nav {
        width: 60%;
        display: none
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header.column__2 .section-header__nav {
        margin-top: 12px;
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl {
    height: 38px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl {
        height: 22px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl svg {
    width: auto;
    height: 100%;
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__ttl svg g path {
        fill: #fff
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul {
    letter-spacing: -0.4em;
    line-height: 1
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul {
        text-align: right
    }
}

@media screen and (max-width: 320px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul {
        text-align: left
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    line-height: 1;
    position: relative
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child) {
    margin-right: 62px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child) {
        margin-right: 40px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child):after {
    position: absolute;
    top: 50%;
    right: -55px;
    margin-top: 1px;
    content: "";
    display: block;
    width: 44px;
    height: 1px;
    background: #000
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li:not(:last-child):after {
        width: 30px;
        margin-top: 4px;
        right: -34px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li a {
    color: #000;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.4;
    display: block;
    height: 12px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li a {
        height: 5px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li span.text {
    color: #000;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.4;
    display: block;
    height: 7px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li span.text {
        height: 5px
    }
}

.topStyle #Top2 .l-main .common-settings .inner-section .section-header__nav ul li a svg {
    vertical-align: bottom;
    width: auto;
    height: 100%
}

.topStyle #Top2 .l-main .common-settings#TopArtist {
    padding-bottom: 140px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist {
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist {
        padding-top: 60px;
        padding-bottom: 50px;
        background: url("../images/top/bg_top_artist_pattern.png") left top repeat;
        background-size: 2px auto
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist .section-header {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main__cont {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco1 {
    -webkit-animation: tenmetsu .4s alternate ease;
    animation: tenmetsu .4s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco2 {
    -webkit-animation: tenmetsu 1.5s alternate ease;
    animation: tenmetsu 1.5s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco3 {
    -webkit-animation: tenmetsu .7s alternate ease;
    animation: tenmetsu .7s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco4 {
    -webkit-animation: tenmetsu 2s alternate ease;
    animation: tenmetsu 2s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco5 {
    -webkit-animation: tenmetsu .5s alternate ease;
    animation: tenmetsu .5s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist.is__scrolled .inner-section .topartist-main .deco.deco6 {
    -webkit-animation: tenmetsu 1.4s alternate ease;
    animation: tenmetsu 1.4s alternate ease;
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg {
    position: absolute;
    left: 0;
    top: 280px;
    width: 100%;
    height: 740px;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    overflow: hidden
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner {
    position: relative;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
    margin-top: -270px;
    height: 1400px;
    background: url("../images/top/artist/artist_bg_kaf.jpg") left top no-repeat;
    background-size: cover
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 0;
    overflow: hidden;
    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)
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg.is__show {
    opacity: 1;
    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)
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg.is__show .bg-inner {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg-inner {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    z-index: 9999
}

.topStyle #Top2 .l-main .common-settings#TopArtist .artist-bg__inner .bg:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/top/noise.png") left top no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    -webkit-animation: bgNoise 20s infinite linear;
    animation: bgNoise 20s infinite linear;
    z-index: 10
}

.topStyle #Top2 .l-main .common-settings#TopArtist .inner-section {
    position: relative;
    z-index: 2
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header {
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    opacity: 0
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header__nav ul li:not(:last-child):after {
        background: #fff
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist .section-header__nav ul li a svg g path {
        fill: #fff
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main {
    position: relative;
    padding-bottom: 90px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main {
        padding-bottom: 0
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco1 {
    top: -220px;
    right: -325px;
    width: 515px;
    height: 121px;
    background-image: url("../images/top/artist_deco_001.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco2 {
    top: 75px;
    left: -330px;
    width: 377px;
    height: 157px;
    background-image: url("../images/top/artist_deco_002.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco3 {
    top: -20px;
    right: -320px;
    width: 351px;
    height: 152px;
    background-image: url("../images/top/artist_deco_003.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco4 {
    left: -332px;
    bottom: 0;
    width: 322px;
    height: 87px;
    background-image: url("../images/top/artist_deco_004.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco5 {
    left: 50%;
    bottom: 0;
    margin-left: -160px;
    width: 325px;
    height: 87px;
    background-image: url("../images/top/artist_deco_005.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main .deco.deco6 {
    bottom: 0;
    right: -480px;
    width: 578px;
    height: 219px;
    background-image: url("../images/top/artist_deco_006.svg")
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__cont {
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    opacity: 0
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__cont {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block {
    padding-left: 64px;
    position: relative
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block {
        padding-left: 38px;
        padding-bottom: 20px;
        opacity: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        min-height: 180px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block.is__scrolled {
        opacity: 1
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block.is__scrolled:before {
        opacity: 1;
        background-size: 100%
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block.is__scrolled dl {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:not(:last-child) {
        margin-bottom: 30px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:first-child:before {
    top: -45px
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:nth-child(2):before {
    top: -70px
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block:last-child:before {
    top: -70px
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl {
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        min-height: 420px
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl.creator_farm {
        min-height: inherit
    }
}

@media screen and (max-width: 480px) {
    .topStyle.en #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl {
        min-height: inherit
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt {
    width: 24%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt {
        position: absolute;
        left: -60px;
        top: 0;
        z-index: 2;
        width: 30px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt.creator_farm h4 {
    padding-bottom: 10px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt.creator_farm h4 {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding: 2px 0 !important;
        margin: 0 0 0 10px;
        width: 20px !important;
        font-size: 10px !important;
        line-height: 1.1
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt.creator_farm h4 br {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt.creator_farm h4:after {
    width: 57px
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 {
    padding-bottom: 20px;
    position: relative;
    width: 170px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 {
        padding-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        width: 30px;
        height: auto;
        background-color: #fff;
        color: #000;
        font-size: 12px;
        letter-spacing: .2em;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        white-space: nowrap
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 img {
        display: block;
        width: 13px;
        height: auto
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 br {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 113px;
    height: 2px;
    background: #000
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4:after {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt h4 img {
    vertical-align: bottom
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt .sub {
    margin: 15px 0 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0em
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt .sub {
        color: #fff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        white-space: nowrap
    }

    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt .sub br {
        display: none
    }
}

.topStyle.en #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dt .sub {
    display: none
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 76%
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd {
        padding-right: 0;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd.creator_farm {
        min-height: 100px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd.creator_farm ul li h5 {
    font-size: 28px;
    font-size: 2.8rem
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd.creator_farm ul li h5 {
        font-size: 4.2vw
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul {
    letter-spacing: -0.4em
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul {
        padding-right: 0
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li {
    margin-bottom: 40px;
    display: inline-block;
    letter-spacing: normal
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li {
        display: block
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li:not(:last-child) {
    margin-right: 45px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 22px
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 {
    line-height: 1;
    font-size: 52px;
    font-size: 5.2rem;
    font-family: heisei-mincho-stdn, serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 {
        font-size: 8.5vw
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 small {
    font-size: 26px;
    font-size: 2.6rem
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 small {
        font-size: 4vw
    }
}

.topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 a {
    display: block;
    background: #fff;
    color: #000;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 a {
        background: none;
        color: #fff
    }
}

@media print,
screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopArtist .topartist-main__block dl dd ul li h5 a :hover {
        background: #000;
        color: #fff
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore {
    padding-top: 100px;
    padding-bottom: 110px;
    background: url("../images/top/bg_store.png") center center no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        padding-top: 100px;
        padding-bottom: 50px
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore.is__scrolled {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopStore.is__scrolled .inner-section .topstore {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore {
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore .section-header__ttl svg g path {
        fill: #000
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main {
    margin-left: auto;
    margin-right: auto;
    width: 780px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li {
    position: relative
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li:not(:last-child) {
    margin-bottom: 38px
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li:hover .layer {
        opacity: 1
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a {
    display: block
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a {
        background: #fff
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a:hover img {
        opacity: .3
    }
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li a img {
    vertical-align: bottom;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    pointer-events: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont h2 {
    margin-bottom: 18px;
    padding-top: 8px;
    color: #fff;
    line-height: 1
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont h2 em {
    padding-bottom: 10px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont h2 span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    font-weight: 600
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont .view {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    color: #fff;
    border: solid 3px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topStyle #Top2 .l-main .common-settings#TopStore .inner-section .topstore-main .store-list li .layer__inner .cont .view span {
    padding: 4px 0;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center
}

.topStyle #Top2 .l-main .common-settings#TopProject {
    padding-top: 100px;
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

@media screen and (max-width: 480px) {
    .topStyle .en #Top2 .l-main .common-settings#TopProject {
        padding-top: 40px
    }

    .topStyle .jp #Top2 .l-main .common-settings#TopProject {
        padding-top: 40px
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject.is__scrolled {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopProject.is__scrolled .inner-section .topproject {
    opacity: 1
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject {
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject .section-header__ttl svg g path {
        fill: #000
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list {
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list {
        width: 800px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list {
        width: 100%
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li {
    margin-bottom: 74px;
    width: 47%;
    position: relative
}

@media screen and (max-width: 1600px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li {
        margin-bottom: 11px;
        width: 48.3383685801%
    }
}

@media screen and (min-width: 481px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li:hover .layer {
        opacity: 1
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li a {
    display: block
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li a img {
    vertical-align: bottom;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    pointer-events: none;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (max-width: 480px) {
    .topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer {
        display: none
    }
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont h2 {
    margin-bottom: 27px;
    color: #fff;
    line-height: 1
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont h2 em {
    padding-bottom: 10px;
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont h2 span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    font-weight: 600
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont .view {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    color: #fff;
    border: solid 3px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topStyle #Top2 .l-main .common-settings#TopProject .inner-section .topproject-main .project-list li .layer__inner .cont .view span {
    padding: 4px 0;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center
}

@media screen and (max-width: 480px) {
    .common-settings#Words {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (max-width: 480px) {
    .common-settings#Words .words-list {
        width: 100%
    }
}

.common-settings#Words .words-list li {
    margin-bottom: 25px;
    padding-bottom: 50px;
    border-bottom: solid 1px #000
}

@media screen and (max-width: 480px) {
    .common-settings#Words .words-list li {
        margin-bottom: 22px;
        padding-bottom: 22px
    }
}

.common-settings#Words .words-list li dl {
    padding-left: 30px
}

@media screen and (max-width: 480px) {
    .common-settings#Words .words-list li dl {
        padding-left: 0
    }
}

.common-settings#Words .words-list li dl dt {
    margin-bottom: 25px;
    line-height: 1
}

@media screen and (max-width: 480px) {
    .common-settings#Words .words-list li dl dt {
        margin-bottom: 12px
    }
}

.common-settings#Words .words-list li dl dt h2 span {
    padding: 5px 7px;
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 480px) {
    .common-settings#Words .words-list li dl dt h2 span {
        font-size: 4.26vw
    }
}

.common-settings#Words .words-list li dl dd {
    padding-left: 60px;
    font-size: 17px;
    font-size: 1.7rem
}

@media screen and (max-width: 480px) {
    .common-settings#Words .words-list li dl dd {
        padding-left: 35px;
        font-size: 3.8vw
    }
}

#lang {
    position: absolute;
    top: 46px;
    right: 100px
}

@media screen and (max-width: 480px) {
    #lang {
        top: -4px;
        top: -0.53vw;
        right: 66px;
        right: 8.8vw
    }
}

#lang ul.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#lang ul.list li.line {
    margin: 0 10px;
    height: 12px;
    width: 2px;
    background-color: #000
}

@media screen and (max-width: 480px) {
    #lang ul.list li.line {
        margin: 0 12px;
        margin: 0 1.6vw;
        height: 20px;
        height: 2.67vw;
        width: 4px;
        width: .53vw
    }
}

#lang ul.list li a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
    pointer-events: auto
}

@media screen and (max-width: 480px) {
    #lang ul.list li a {
        font-size: 24px;
        font-size: 3.2vw
    }
}

@media screen and (min-width: 768px) {
    #lang ul.list li a:hover {
        color: #989898
    }
}

#lang ul.list li span.curr {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #989898
}

@media screen and (max-width: 480px) {
    #lang ul.list li span.curr {
        font-size: 24px;
        font-size: 3.2vw
    }
}

@keyframes pagetopAnime {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    30% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

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

@-webkit-keyframes pagetopAnime {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    30% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

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

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

    30% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

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

    30% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@keyframes tenmetsu {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    35% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes tenmetsu {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    35% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes bgNoise {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@-webkit-keyframes bgNoise {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    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: rgba(0, 0, 0, 0)
}

.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 rgba(0, 0, 0, 0)
}

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

.slick-loading .slick-list {
    background: #fff url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/css/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: slick;
    src: url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/css/fonts/slick.eot");
    src: url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/css/fonts/slick.woff") format("woff"), url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/css/fonts/slick.ttf") format("truetype"), url("https://kamitsubaki.jp/wp-content/themes/kamitsubaki/_assets/css/fonts/slick.svg#slick") format("svg")
}

.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: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0)
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: rgba(0, 0, 0, 0);
    outline: none;
    background: rgba(0, 0, 0, 0)
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    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: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    background: rgba(0, 0, 0, 0)
}

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

.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;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

/*!
 * Luminous v2.3.5
 * Copyright 2015-2021, Zebrafish Labs
 * Licensed under BSD-2 (https://github.com/imgix/luminous/blob/main/LICENSE.md)
 */
@-webkit-keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-1turn);
        transform: translate(-50%, -50%) rotate(-1turn)
    }
}

@keyframes c {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-1turn);
        transform: translate(-50%, -50%) rotate(-1turn)
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }

    25% {
        -webkit-transform: scale(1.3) translateX(8px);
        transform: scale(1.3) translateX(8px)
    }

    40% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(0.8) translateX(6px);
        transform: scale(0.8) translateX(6px)
    }

    75% {
        -webkit-transform: scale(0.7) translateX(8px);
        transform: scale(0.7) translateX(8px)
    }

    90% {
        -webkit-transform: scale(0.8) translateX(6px);
        transform: scale(0.8) translateX(6px)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes d {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }

    25% {
        -webkit-transform: scale(1.3) translateX(8px);
        transform: scale(1.3) translateX(8px)
    }

    40% {
        -webkit-transform: scale(1.2) translateX(6px);
        transform: scale(1.2) translateX(6px)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(0.8) translateX(6px);
        transform: scale(0.8) translateX(6px)
    }

    75% {
        -webkit-transform: scale(0.7) translateX(8px);
        transform: scale(0.7) translateX(8px)
    }

    90% {
        -webkit-transform: scale(0.8) translateX(6px);
        transform: scale(0.8) translateX(6px)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }

    25% {
        -webkit-transform: scale(1.3) translateX(-8px);
        transform: scale(1.3) translateX(-8px)
    }

    40% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(0.8) translateX(-6px);
        transform: scale(0.8) translateX(-6px)
    }

    75% {
        -webkit-transform: scale(0.7) translateX(-8px);
        transform: scale(0.7) translateX(-8px)
    }

    90% {
        -webkit-transform: scale(0.8) translateX(-6px);
        transform: scale(0.8) translateX(-6px)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes e {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }

    25% {
        -webkit-transform: scale(1.3) translateX(-8px);
        transform: scale(1.3) translateX(-8px)
    }

    40% {
        -webkit-transform: scale(1.2) translateX(-6px);
        transform: scale(1.2) translateX(-6px)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(0.8) translateX(-6px);
        transform: scale(0.8) translateX(-6px)
    }

    75% {
        -webkit-transform: scale(0.7) translateX(-8px);
        transform: scale(0.7) translateX(-8px)
    }

    90% {
        -webkit-transform: scale(0.8) translateX(-6px);
        transform: scale(0.8) translateX(-6px)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.lum-lightbox {
    background: rgba(0, 0, 0, .6);
    z-index: 1000
}

.lum-lightbox-inner {
    bottom: 2.5%;
    left: 2.5%;
    right: 2.5%;
    top: 2.5%
}

.lum-lightbox-inner img {
    position: relative
}

.lum-lightbox-inner .lum-lightbox-caption {
    color: #fff;
    margin: 0 auto;
    max-width: 700px;
    text-align: center
}

.lum-loading .lum-lightbox-loader {
    -webkit-animation: c 1.8s linear infinite;
    animation: c 1.8s linear infinite;
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 66px
}

.lum-lightbox-loader:after,
.lum-lightbox-loader:before {
    background: hsla(0, 0%, 100%, .9);
    border-radius: 20px;
    content: "";
    display: block;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px
}

.lum-lightbox-loader:before {
    -webkit-animation: d 1.8s linear infinite;
    animation: d 1.8s linear infinite;
    left: 0
}

.lum-lightbox-loader:after {
    -webkit-animation: e 1.8s linear infinite;
    animation: e 1.8s linear infinite;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
    right: 0
}

.lum-lightbox.lum-opening {
    -webkit-animation: a .18s ease-out;
    animation: a .18s ease-out
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
    -webkit-animation: b .18s ease-out;
    animation: b .18s ease-out
}

.lum-lightbox.lum-closing {
    -webkit-animation: a .3s ease-in;
    animation: a .3s ease-in;
    animation-direction: reverse
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
    -webkit-animation: b .3s ease-in;
    animation: b .3s ease-in;
    animation-direction: reverse
}

.lum-img {
    -webkit-transition: opacity .12s ease-out;
    transition: opacity .12s ease-out
}

.lum-loading .lum-img {
    opacity: 0
}

.lum-gallery-button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    height: 100px;
    margin: 0;
    max-height: 100%;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: 150%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    width: 60px
}

.lum-close-button {
    height: 32px;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    cursor: pointer
}

.lum-close-button:hover {
    opacity: .3
}

.lum-close-button:after,
.lum-close-button:before {
    background-color: #fff;
    content: " ";
    height: 33px;
    left: 15px;
    position: absolute;
    width: 2px
}

.lum-close-button:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lum-close-button:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lum-previous-button {
    left: 12px
}

.lum-next-button {
    right: 12px
}

.lum-gallery-button:after {
    border-top: 4px solid hsla(0, 0%, 100%, .8);
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    top: 50%;
    width: 36px
}

.lum-previous-button:after {
    border-left: 4px solid hsla(0, 0%, 100%, .8);
    border-radius: 3px 0 0 0;
    -webkit-box-shadow: -2px 0 rgba(0, 0, 0, .2);
    box-shadow: -2px 0 rgba(0, 0, 0, .2);
    left: 12%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.lum-next-button:after {
    border-radius: 0 3px 0 0;
    border-right: 4px solid hsla(0, 0%, 100%, .8);
    -webkit-box-shadow: 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 2px 0 rgba(0, 0, 0, .2);
    right: 12%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media(max-width: 460px) {
    .lum-lightbox-image-wrapper {
        -webkit-overflow-scrolling: touch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto
    }

    .lum-lightbox-caption {
        bottom: 0;
        position: absolute;
        width: 100%
    }

    .lum-lightbox-position-helper {
        margin: auto
    }

    .lum-lightbox-inner img {
        max-height: none;
        max-width: none
    }
}

/*# sourceMappingURL=style2.css.map */



    .l-header {
        height: 70px;
        width: 100%;
        position: fixed;
        left: 0;
        background: #fffffff2;
        display: flex;
        transition: .3s;
        pointer-events: initial;
            .l-header__inner {
                padding: 0 0 0 3%;
                width: 100%;
                display: flex;
                align-items: center;
                padding-top: 0.34%;
            }
    }
    .heading_logo {
        width: clamp(180px, 20%, 230px);
        height: auto;
        transition: .3s ease;
        z-index: 1;
        margin-right: 15px;
        flex-shrink: 0;
    }
    @media (max-width: 1140px) {
        header .heading_logo {
            margin-left: 0;
            width: auto;
            width: clamp(150px, 20vw, 300px);
            z-index: 1;
            position: relative;
        }
    }

.common-settings#News .article-pager ul li.listlink {
    font-size: 2rem;
    width: 100%;
    text-align: left;
}
.btn01 {
	background: #30b4c1 url(/files/img/top/arrow_w.svg) right clamp(12px, 2vw, 24px) center / clamp(20px, 3vw, 40px) auto no-repeat;
	color: #fff !important;
	font-size: clamp(14px, 2vw, 20px);
	width: 90%;
	max-width: 500px;
	margin: clamp(40px, 6vw, 80px) auto 0;
	margin-top: 5em;
	opacity: 1;
	transition: .3s ease;
	padding: 1.2em 2em 1.2em 0.8em;
	line-height: 1.66;
	display: block;
	position: relative;
    opacity: 1;
    transition: .3s ease;
}

.btn01:hover {
    opacity: .7;
    transition: .3s ease;
}

.btn01::before {
	content: '';
	border-left: 1px solid #30b4c1;
	border-top: 1px solid #30b4c1;
	width: clamp(60px, 8vw, 120px);
	aspect-ratio: 2 / 1;
	left: clamp(-8px, -1vw, -12px);
	top: clamp(-8px, -1vw, -12px);
	position: absolute;
}

.btn01::after {
	content: '';
	border-right: 1px solid #30b4c1;
	border-bottom: 1px solid #30b4c1;
	width: clamp(60px, 8vw, 120px);
	aspect-ratio: 2 / 1;
	right: clamp(-8px, -1vw, -12px);
	bottom: clamp(-8px, -1vw, -12px);
	position: absolute;
}


.foot{
	background: #fff;
	padding-top: 0;
	padding-bottom: 60px;
    text-align: center;
}

.cRight {
  margin-top: 2em;
  font-size: clamp(14px, 1.9cqw, 20px);
}