/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #393939
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

html {
    font-size: 62.5%
}

body {
    margin: 0;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fafafa;
    font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    color: #393939;
    letter-spacing: .5px;
    -webkit-font-feature-settings: "palt"1;
    font-feature-settings: "palt"1;
    -webkit-font-kerning: auto;
    font-kerning: auto;
    line-height: 1.75
}

header,
nav,
article,
aside,
section,
footer {
    display: block
}

body,
h1,
h2,
h3,
h4,
h5,
div,
svg,
p {
    margin: 0;
    padding: 0;
    font-weight: 400
}

svg {
    margin: 0;
    padding: 0;
    line-height: 0;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5 {
    font-size: 100%
}

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

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

a {
    color: #a29900;
    text-decoration: none
}

.font,
.nav__item,
.main__h2,
.main__h3,
.songlist__num,
.pager__num,
.pager__num--now,
.topics__box-date,
.cd__songlist--num {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 700 !important;
    font-style: normal;
    -webkit-font-smoothing: subpixel-antialiased
}

.font-s {
    font-size: 12px;
    color: #aaa
}

img {
    margin: 0;
    padding: 0;
    vertical-align: bottom
}

input:focus {
    outline: none
}

.youtube {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 56.25%
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto
}

.youtube__inner {
    max-width: 750px;
    margin: 20px auto;
    text-align: center;
}

.youtube__inner h3{
    display: inline-block;
    margin: 0 auto 20px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 24px;
    font-weight: bold;
}

.sns--center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.sns__box {
    margin: 0 5px
}

.sns-share-btn {
    margin: 0;
    padding: 0;
    margin: 0 auto 20px;
    text-align: center
}

.sns-share-btn li {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    margin-right: 5px
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden
}

.clearfix {
    min-height: 1%;
    zoom: 1
}

.l-inner {
    padding: 20px 3% 40px;
    max-width: 1400px;
    margin: 0 auto
}

.l-visual {
    background-color: #8e9e6f
}

.l-visual > .l-inner {
    position: relative
}

.l-visual > .l-inner div {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 10px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff
}

.header {
    background-color: #fff;
    position: relative;
    z-index: 100
}

.header__fixheader {
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    z-index: 100
}

.header__search--input {
    line-height: 16px;
    font-size: 12px;
    width: 140px;
    padding: 2px 5px 2px 22px;
    border-bottom: gray solid 2px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: url(../images/icon_search.svg) no-repeat center left
}

.header__search--input:focus {
    border-bottom: #ffed00 solid 2px
}

.header__lang {
    top: 8px;
    right: 3%;
    padding: 12px 8px 12px 26px;
    position: absolute;
    font-size: 12px;
    background: url(../images/menu_lang.svg) no-repeat center left;
    background-size: 30px 30px;
    z-index: 1000
}

.header__lang:hover {
    background-color: #ffeb00
}

.header__lang-link {
    display: none;
    position: absolute;
    background-color: #eee;
    top: 45px;
    right: 0;
    line-height: 2;
    text-align: center
}

.header__lang:hover .header__lang-link {
    display: block;
    animation-name: 'anime';
    animation-duration: .5s
}

@keyframes anime {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.header__lang-link a {
    padding: 10px 20px;
    display: block
}

.header__lang-link a:hover {
    background-color: #ffeb00
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1
}

.nav a {
    text-decoration: none;
    color: #393939;
    display: block
}

.nav__item {
    text-align: center
}

.nav__item--img {
    height: 30px
}

.nav__item:hover path {
    fill: #d8cb00;
    animation-name: 'color';
    animation-duration: .15s
}

.nav__item:hover {
    color: #d8cb00;
    animation-name: 'color';
    animation-duration: .15s
}

@keyframes color {
    0% {
        fill: #000;
        color: #000
    }

    100% {
        fill: #d8cb00;
        color: #d8cb00
    }
}

.nav__item--txt {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    padding: 0;
    margin: 0
}

.top__img {
    width: 100%;
    height: auto
}

.main__h2 {
    font-size: 26px;
    letter-spacing: 2px;
    padding: 30px 0 10px;
    line-height: 32px
}

.main__h2--white {
    color: #fff
}

.main__h2--icon {
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.main__h2 svg {
    float: left;
    margin-right: 5px
}

.main__h--bk {
    color: #000
}

.main__h--wt {
    color: #fff
}

.main__h--wt path {
    fill: #fff
}

.main__h-link {
    text-align: right
}

.main__h-link a {
    font-weight: 700
}

.main__h-link-btn {
    letter-spacing: normal
}

.main__h-link-btn--now {
    letter-spacing: normal
}

.main__h3 {
    font-size: 22px;
    letter-spacing: 2px;
    padding: 30px 0 10px;
    line-height: 1
}

.main__h3--white {
    color: #fff
}

.main__h--s {
    font-size: 10px;
    margin-left: 5px;
    line-height: 1
}

.main__hero {
    position: relative;
    max-width: 1550px;
    margin: 0 auto
}

.main__hero-img {
    width: 100%;
    height: 320px;
    background-size: cover;
    display: block;
    animation-name: 'anime';
    animation-duration: 1.5s
}

@keyframes anime {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.main__hero-img--mikuexpo {
    background: url(../images/feature/1807_mikuexpo/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--miku11th {
    background: url(../images/feature/1808_miku11th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko14th {
    background: url(../images/feature/1811_meiko14th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen11th {
    background: url(../images/feature/1812_rinlen11th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--luka10th {
    background: url(../images/feature/1901_luka10th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--kaito13th {
    background: url(../images/feature/1902_kaito13th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--megpoid10th {
    background: url(../images/feature/1906_megpoid10th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--contest19 {
    background: url(../images/feature/1907_contest19/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--miku19 {
    background: url(../images/feature/1908_miku12th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--creatorsmarket19 {
    background: url(../images/feature/1908_creatorsmarket19/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko19 {
    background: url(../images/feature/1911_meiko15th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen19 {
    background: url(../images/feature/1912_rinlen12th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--luka20 {
    background: url(../images/feature/2001_luka11th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--kaito20 {
    background: url(../images/feature/2002_kaito14th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--sakura20 {
    background: url(../images/feature/2003_sakura20/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--contest20 {
    background: url(../images/feature/2007_contest20/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--miku20 {
    background: url(../images/feature/2008_miku13th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko20 {
    background: url(../images/feature/2011_meiko16th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen20 {
    background: url(../images/feature/2012_rinlen13th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--luka21 {
    background: url(../images/feature/2101_luka12th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--kaito21 {
    background: url(../images/feature/2102_kaito15th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--vflower21 {
    background: url(../images/feature/2105_vflower7th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--pjsekai {
    position: relative;
    background: url(../images/feature/2106_pjsekai/top.jpg) center center no-repeat;
    background-size: cover
}
.main__hero-img--pjsekai::before{
    position: absolute;
    content: "";
    top: 20px;
    left: 5%;
    width: 30%;
    max-width: 300px;
    height: 0;
    padding-bottom: 11.25%;
    background: url(../images/feature/2106_pjsekai/pjsekai_logo.png) no-repeat top right/contain;
}

.main__hero-img--miku21 {
    background: url(../images/feature/2108_miku14th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--contest21 {
    background: url(../images/feature/2109_contest21/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--creatorsmarket21 {
    background: url(../images/feature/2110_creatorsmarket21/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko21 {
    background: url(../images/feature/2111_meiko17th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen21 {
    background: url(../images/feature/2112_rinlen14th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--luka22 {
    background: url(../images/feature/2201_luka13th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--kaito22 {
    background: url(../images/feature/2202_kaito16th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--contest10th {
    background: url(../images/feature/2206_contest10th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--creatorsmarket22 {
    background: url(../images/feature/2208_creatorsmarket22/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--miku22 {
    background: url(../images/feature/2208_miku15th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko22 {
    background: url(../images/feature/2211_meiko18th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen22 {
    background: url(../images/feature/2212_rinlen15th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--luka23 {
    background: url(../images/feature/2301_luka14th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--kaito23 {
    background: url(../images/feature/2302_kaito17th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--spring23 {
    background: url(../images/feature/2304_spring23/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--contest23 {
    background: url(../images/feature/2306_contest23/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--miku23 {
    background: url(../images/feature/2308_miku16th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko23 {
    background: url(../images/feature/2311_meiko19th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen23 {
    background: url(../images/feature/2312_rinlen16th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--pokemiku {
    background: url(../images/feature/2401_pokemiku/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--luka24 {
    background: url(../images/feature/2401_luka15th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--kaito24 {
    background: url(../images/feature/2402_kaito18th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--teto24 {
    background: url(../images/feature/2404_teto16th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--contest24 {
    background: url(../images/feature/2406_contest24/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--summer24 {
    background: url(../images/feature/2407_summer24/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--miku24 {
    background: url(../images/feature/2408_miku17th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--meiko24 {
    background: url(../images/feature/2411_meiko20th/top.jpg) center center no-repeat;
    background-size: cover
}

.main__hero-img--rinlen24 {
    background: url(../images/feature/2412_rinlen17th/top.jpg) center center no-repeat;
    background-size: cover
}



.main__hero-img--creatorsmarketonline {
    background: url(../images/creatorsmarket/index_top.jpg) 43% center no-repeat;
    background-size: cover
}
@media screen and (max-width:768px) {
    .main__hero-img--creatorsmarketonline {
        background: url(../images/creatorsmarket/index_top_sp.jpg) 30% center no-repeat;
        background-size: cover
    }
}


.main__hero-catch {
    position: absolute;
    padding: 35px 5%;
    margin: 0 auto;
    bottom: 0;
    left: 0
}

.main__hero-catch-txt {
    background-color: #393939;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 1px 5px
}

.main__hero-copy {
    text-align: right;
    position: absolute;
    margin-left: 5%;
    right: 5%;
    bottom: 5px;
    line-height: 1.2;
    font-size: 10px;
    color: #393939;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5), 1px 0 0 rgba(255, 255, 255, .5), 0 -1px 0 rgba(255, 255, 255, .5), -1px 0 0 rgba(255, 255, 255, .5), -1px -1px 0 rgba(255, 255, 255, .5), 1px -1px 0 rgba(255, 255, 255, .5), -1px 1px 0 rgba(255, 255, 255, .5), 1px 1px 0 rgba(255, 255, 255, .5)
}

.main__about {
    position: absolute;
    top: 5px;
    right: 3%;
    max-width: 180px;
    min-width: 80px;
    width: 20%;
    z-index: 10
}

.main__about img {
    width: 100%
}

.main-sp__box--miku18 {
    background: url(../images/feature/1808_miku11th/bg.jpg) no-repeat top left #ffc3cc
}

.main-sp__box--contest18 {
    background: url(../images/feature/1808_contest18/bg.jpg) no-repeat top center #99a3e6;
    color: #fff
}

.main-sp__box--macaron18 {
    background: url(../images/feature/1806_macaron18/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--mikuexpo18 {
    background: url(../images/feature/1807_mikuexpo/bg.jpg) no-repeat top center #99a3e6;
    color: #fff
}

.main-sp__box--miku18 {
    background: url(../images/feature/1808_miku11th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--meiko18 {
    background: url(../images/feature/1811_meiko14th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--rinlen18 {
    background: url(../images/feature/1812_rinlen11th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--luka19 {
    background: url(../images/feature/1901_luka10th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--kaito19 {
    background: url(../images/feature/1902_kaito13th/bg.jpg) no-repeat top center #304bff
}

.main-sp__box--megpoid19 {
    background: url(../images/feature/1906_megpoid10th/bg.jpg) no-repeat top center #9affbd
}

.main-sp__box--contest19 {
    background: url(../images/feature/1907_contest19/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--miku19 {
    background: url(../images/feature/1908_miku12th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--creatorsmarket19 {
    background: url(../images/feature/1908_creatorsmarket19/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--meiko19 {
    background: url(../images/feature/1911_meiko15th/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--rinlen19 {
    background: url(../images/feature/1912_rinlen12th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--luka20 {
    background: url(../images/feature/2001_luka11th/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--kaito20 {
    background: url(../images/feature/2002_kaito14th/bg.jpg) no-repeat top center #304bff;
}

.main-sp__box--sakura20 {
    background: url(../images/feature/2003_sakura20/bg.jpg) no-repeat top center #304bff;
}

.main-sp__box--contest20 {
    background: url(../images/feature/2007_contest20/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--miku20 {
    background: url(../images/feature/2008_miku13th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--meiko20 {
    background: url(../images/feature/2011_meiko16th/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--rinlen20 {
    background: url(../images/feature/2012_rinlen13th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--luka21 {
    background: url(../images/feature/2101_luka12th/bg.jpg) no-repeat top center #b19b9e;
}

.main-sp__box--kaito21 {
    background: url(../images/feature/2102_kaito15th/bg.jpg) no-repeat top center #8ab9fd;
}
.main-sp__box--vflower21 {
    background: url(../images/feature/2105_vflower7th/bg.jpg) no-repeat top center #f9f8fd;
}
.main-sp__box--pjsekai{
    background: url(../images/feature/2106_pjsekai/bg.jpg) no-repeat center center #f9f8fd;
}
.main-sp__box--pjsekai_unit01{
    background: url(../images/feature/2106_pjsekai/unit01/bg.jpg) no-repeat center center #f9f8fd;
}
.main-sp__box--pjsekai_unit02{
    background: url(../images/feature/2106_pjsekai/unit02/bg.jpg) no-repeat center center #f9f8fd;
}
.main-sp__box--pjsekai_unit03{
    background: url(../images/feature/2106_pjsekai/unit03/bg.jpg) no-repeat center center #f9f8fd;
}
.main-sp__box--pjsekai_vs{
    background: url(../images/feature/2106_pjsekai/vs/bg.jpg) no-repeat center center #f9f8fd;
}
.main-sp__box--pjsekai_unit04{
    background: url(../images/feature/2106_pjsekai/unit04/bg.jpg) no-repeat center center #f9f8fd;
}
.main-sp__box--pjsekai_unit05{
    background: url(../images/feature/2106_pjsekai/unit05/bg.jpg) no-repeat center center #f9f8fd;
}

.main-sp__box--miku21 {
    background: url(../images/feature/2108_miku14th/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--contest21 {
    background: url(../images/feature/2109_contest21/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--creatorsmarket21 {
    background: url(../images/feature/2110_creatorsmarket21/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--meiko21 {
    background: url(../images/feature/2111_meiko17th/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--rinlen21 {
    background: url(../images/feature/2112_rinlen14th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--luka22 {
    background: url(../images/feature/2201_luka13th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--kaito22 {
    background: url(../images/feature/2202_kaito16th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--contest10th {
    background: url(../images/feature/2206_contest10th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--creatorsmarket22 {
    background: url(../images/feature/2208_creatorsmarket22/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--miku22 {
    background: url(../images/feature/2208_miku15th/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--meiko22 {
    background: url(../images/feature/2211_meiko18th/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--rinlen22 {
    background: url(../images/feature/2212_rinlen15th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--luka23 {
    background: url(../images/feature/2301_luka14th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--kaito23 {
    background: url(../images/feature/2302_kaito17th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--spring23 {
    background: url(../images/feature/2304_spring23/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--contest23 {
    background: url(../images/feature/2306_contest23/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--miku23 {
    background: url(../images/feature/2308_miku16th/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--meiko23 {
    background: url(../images/feature/2311_meiko19th/bg.jpg) no-repeat top right #99a3e6;
}

.main-sp__box--rinlen23 {
    background: url(../images/feature/2312_rinlen16th/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--pokemiku {
    background: url(../images/feature/2401_pokemiku/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--luka24 {
    background: url(../images/feature/2401_luka15th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--kaito24 {
    background: url(../images/feature/2402_kaito18th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--teto24 {
    background: url(../images/feature/2404_teto16th/bg.jpg) no-repeat top center #EEEAE9;
}

.main-sp__box--contest24 {
    background: url(../images/feature/2406_contest24/bg.jpg) no-repeat top center #99a3e6
}

.main-sp__box--summer24 {
    background: url(../images/feature/2407_summer24/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--miku24 {
    background: url(../images/feature/2408_miku17th/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--meiko24 {
    background: url(../images/feature/2411_meiko20th/bg.jpg) no-repeat top center #99a3e6;
}

.main-sp__box--rinlen24 {
    background: url(../images/feature/2412_rinlen17th/bg.jpg) no-repeat top center #99a3e6
}



.main-sp__box {
    padding: 40px 7%;
    margin-bottom: 20px;
    border-radius: 3px;
    -ms-flex-align: center;
    align-items: center
}

.main-sp__title {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 3px
}

.main-sp__box--contest19 .main-sp__title {
    color: #fff;
}

.main-sp__box--miku19 .main-sp__title {
    color: #fff;
}

.main-sp__box--creatorsmarket19 .main-sp__title {
    color: #fff;
}

.main-sp__box--meiko19 .main-sp__title {
    color: #fff;
}

.main-sp__box--rinlen19 .main-sp__title{
    color: #fff;
}

.main-sp__box--luka20 .main-sp__title {
    color: #fff;
}

.main-sp__box--kaito20 .main-sp__title {
    color: #fff;
}

.main-sp__box--sakura20 .main-sp__title {
    color: #fff;
}

.main-sp__box--contest20 .main-sp__title {
    color: #fff;
}

.main-sp__box--meiko20 .main-sp__title {
    color: #fff;
}

.main-sp__box--contest21 .main-sp__title {
    color: #fff;
}

.main-sp__box--contest10th .main-sp__title {
    color: #fff;
}

.main-sp__box--contest23 .main-sp__title {
    color: #fff;
}

.main-sp__box--meiko23 .main-sp__title {
    color: #fff;
}

.main-sp__box--rinlen23 .main-sp__title {
    color: #fff;
}

.main-sp__box--pokemiku .main-sp__title {
    color: #fff;
}

.main-sp__box--kaito24 .main-sp__title {
    color: #fff;
}

.main-sp__box--contest24 .main-sp__title {
    color: #fff;
}

.main-sp__box--summer24 .main-sp__title {
    color: #fff;
}

.main-sp__box--miku24 .main-sp__title {
    color: #fff;
}

.main-sp__box--meiko24 .main-sp__title {
    color: #393939;
}

.main-sp__box--rinlen24 .main-sp__title {
    color: #393939;
}



.main-sp__btn {
    padding: 15px 50px;
    border-radius: 50px;
    margin-top: 10px;
    background-color: #ffeb00;
    color: #393939;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transform: translateZ(0);
    transition: .3s color
}

.main-sp__btn:before {
    content: "";
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    background-color: #393939;
    transition: .3s;
    z-index: -1;
    visibility: hidden;
}

.main-sp__btn:hover {
    cursor: pointer;
    color: #ffeb00
}

.main-sp__btn:hover:before {
    left: 0;
    right: 0;
    visibility: visible;
}

.main__carousel {
    width: 90%;
    max-width: calc(1400px - 10%);
    margin: 30px auto 0;
    position: relative
}

.main__carousel-title {
    position: absolute;
    top: -30px;
    left: -10px;
    z-index: 10;
    width: 80%;
    max-width: 300px
}

.main__carousel-title-img {
    width: 100%
}

.swiper-container {
    background: #fff;
    overflow: hidden
}

.swiper-slide a {
    width: 100%;
    height: 60px;
    display: block;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.main__info {
    background-color: #eee;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    margin-bottom: 30px
}

.boxlist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.boxlist__clm {
    text-decoration: none;
    margin-bottom: 20px;
    padding: 5px;
    position: relative;
    background-color: #fafafa
}

.boxlist__img {
    overflow: hidden;
    border: #eee solid 1px
}

.boxlist__img--img {
    width: 100%;
    height: auto
}

.boxlist__img--img {
    transition: transform .2s linear
}

.boxlist__img--img100 {
    max-width: 100%;
    height: auto
}

.boxlist__p--center {
    text-align: center
}

.boxlist__p {
    color: #393939;
    font-weight: 700;
    font-size: .9em;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.boxlist__p--small {
    font-size: .6em;
    color: #aaa;
    font-weight: 700
}

.boxlist__p-cate {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 10px;
    padding: 2px 5px;
    background-color: #e2c000;
    color: #fff;
    border-radius: 3px
}

.boxlist__artist {
    width: calc(40% - 45px);
    line-height: 40px;
    margin-right: 5px;
    color: #aaa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.boxlist__artist-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 3px
}

.empty {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.boxlist__tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 5px;
    bottom: 5px
}

.boxlist__tag-btn {
    font-size: 10px;
    padding: 3px 5px;
    background: #aaa;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px;
    line-height: 1
}

.boxlist__more-btn {
    display: block;
    text-align: center;
    padding: 10px;
    min-width: 250px;
    width: 50%;
    margin: 0 auto 40px;
    border: #a29900 solid 2px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 700
}

.boxlist__more-btn:hover {
    color: #393939;
    background-color: #ffeb00;
    border: #ffeb00 solid 2px
}

.boxlist__txtimg-img100 {
    width: 100%;
    max-width: 350px;
    margin: 30px auto;
    text-align: center
}

.boxlist__txtimg-img--img {
    border: rgba(255, 255, 255, .8) solid 2px
}

.boxlist__txtimg__imgtitle {
    text-align: center;
    font-size: 12px;
    background-color: rgba(255, 255, 255, .8);
    color: #393939
}

.boxlist__txtimg-img100 {
    width: 100%;
    max-width: 350px;
    margin: 30px auto;
    text-align: center
}

.songlist {
    border: #fff solid 5px;
    background-color: #eee;
    margin-bottom: 20px
}

.songlist__box {
    border-bottom: #fff solid 1px;
    color: #393939;
    height: 60px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 10;
    overflow: hidden;
    padding-left: 60px
}

.songlist__box:last-child {
    border-bottom: none
}

.songlist__box:hover {
    background-color: #ddd
}

.songlist__box--play:before {
    content: '';
    background-color: #ffeb00;
    width: 30%;
    height: 60px;
    position: absolute;
    z-index: -1;
    transition-duration: 1s;
    transition-timing-function: linear
}

.songlist__box--play0:before {
    content: '';
    background-color: #ffeb00;
    width: 0 !important;
    height: 50px;
    position: absolute;
    z-index: -1;
    transition-duration: unset;
    transition-timing-function: unset
}

.songlist__box--play1:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play2:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play3:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play4:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play5:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play6:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play7:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play8:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play9:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play10:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play11:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play12:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play13:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play14:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play15:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play16:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play17:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play18:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play19:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play20:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play21:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play22:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play23:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play24:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play25:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play26:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play27:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play28:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play29:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play30:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play31:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play32:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play33:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play34:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play35:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play36:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play37:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play38:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play39:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play40:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play41:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play42:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play43:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play44:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play45:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play46:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play47:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play48:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play49:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play50:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play51:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play52:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play53:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play54:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play55:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play56:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play57:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play58:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play59:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play60:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play61:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play62:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play63:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play64:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play65:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play66:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play67:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play68:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play69:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play70:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play71:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play72:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play73:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play74:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play75:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play76:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play77:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play78:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play79:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play80:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play81:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play82:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play83:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play84:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play85:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play86:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play87:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play88:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play89:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play90:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play91:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play92:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play93:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play94:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play95:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play96:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play97:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play98:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play99:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play100:before {
    transition: all 1000ms 0s ease-out
}

.songlist__box--play1:before {
    content: '';
    background-color: #ffeb00;
    width: 1% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play2:before {
    content: '';
    background-color: #ffeb00;
    width: 2% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play3:before {
    content: '';
    background-color: #ffeb00;
    width: 3% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play4:before {
    content: '';
    background-color: #ffeb00;
    width: 4% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play5:before {
    content: '';
    background-color: #ffeb00;
    width: 5% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play6:before {
    content: '';
    background-color: #ffeb00;
    width: 6% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play7:before {
    content: '';
    background-color: #ffeb00;
    width: 7% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play8:before {
    content: '';
    background-color: #ffeb00;
    width: 8% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play9:before {
    content: '';
    background-color: #ffeb00;
    width: 9% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play10:before {
    content: '';
    background-color: #ffeb00;
    width: 10% !important;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play11:before {
    content: '';
    background-color: #ffeb00;
    width: 11%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play12:before {
    content: '';
    background-color: #ffeb00;
    width: 12%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play13:before {
    content: '';
    background-color: #ffeb00;
    width: 13%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play14:before {
    content: '';
    background-color: #ffeb00;
    width: 14%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play15:before {
    content: '';
    background-color: #ffeb00;
    width: 15%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play16:before {
    content: '';
    background-color: #ffeb00;
    width: 16%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play17:before {
    content: '';
    background-color: #ffeb00;
    width: 17%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play18:before {
    content: '';
    background-color: #ffeb00;
    width: 18%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play19:before {
    content: '';
    background-color: #ffeb00;
    width: 19%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play20:before {
    content: '';
    background-color: #ffeb00;
    width: 20%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play21:before {
    content: '';
    background-color: #ffeb00;
    width: 21%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play22:before {
    content: '';
    background-color: #ffeb00;
    width: 22%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play23:before {
    content: '';
    background-color: #ffeb00;
    width: 23%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play24:before {
    content: '';
    background-color: #ffeb00;
    width: 24%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play25:before {
    content: '';
    background-color: #ffeb00;
    width: 25%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play26:before {
    content: '';
    background-color: #ffeb00;
    width: 26%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play27:before {
    content: '';
    background-color: #ffeb00;
    width: 27%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play28:before {
    content: '';
    background-color: #ffeb00;
    width: 28%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play29:before {
    content: '';
    background-color: #ffeb00;
    width: 29%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play30:before {
    content: '';
    background-color: #ffeb00;
    width: 30%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play31:before {
    content: '';
    background-color: #ffeb00;
    width: 31%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play32:before {
    content: '';
    background-color: #ffeb00;
    width: 32%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play33:before {
    content: '';
    background-color: #ffeb00;
    width: 33%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play34:before {
    content: '';
    background-color: #ffeb00;
    width: 34%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play35:before {
    content: '';
    background-color: #ffeb00;
    width: 35%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play36:before {
    content: '';
    background-color: #ffeb00;
    width: 36%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play37:before {
    content: '';
    background-color: #ffeb00;
    width: 37%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play38:before {
    content: '';
    background-color: #ffeb00;
    width: 38%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play39:before {
    content: '';
    background-color: #ffeb00;
    width: 39%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play40:before {
    content: '';
    background-color: #ffeb00;
    width: 40%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play41:before {
    content: '';
    background-color: #ffeb00;
    width: 41%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play42:before {
    content: '';
    background-color: #ffeb00;
    width: 42%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play43:before {
    content: '';
    background-color: #ffeb00;
    width: 43%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play44:before {
    content: '';
    background-color: #ffeb00;
    width: 44%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play45:before {
    content: '';
    background-color: #ffeb00;
    width: 45%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play46:before {
    content: '';
    background-color: #ffeb00;
    width: 46%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play47:before {
    content: '';
    background-color: #ffeb00;
    width: 47%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play48:before {
    content: '';
    background-color: #ffeb00;
    width: 48%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play49:before {
    content: '';
    background-color: #ffeb00;
    width: 49%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play50:before {
    content: '';
    background-color: #ffeb00;
    width: 50%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play51:before {
    content: '';
    background-color: #ffeb00;
    width: 51%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play52:before {
    content: '';
    background-color: #ffeb00;
    width: 52%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play53:before {
    content: '';
    background-color: #ffeb00;
    width: 53%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play54:before {
    content: '';
    background-color: #ffeb00;
    width: 54%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play55:before {
    content: '';
    background-color: #ffeb00;
    width: 55%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play56:before {
    content: '';
    background-color: #ffeb00;
    width: 56%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play57:before {
    content: '';
    background-color: #ffeb00;
    width: 57%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play58:before {
    content: '';
    background-color: #ffeb00;
    width: 58%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play59:before {
    content: '';
    background-color: #ffeb00;
    width: 59%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play60:before {
    content: '';
    background-color: #ffeb00;
    width: 60%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play61:before {
    content: '';
    background-color: #ffeb00;
    width: 61%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play62:before {
    content: '';
    background-color: #ffeb00;
    width: 62%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play63:before {
    content: '';
    background-color: #ffeb00;
    width: 63%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play64:before {
    content: '';
    background-color: #ffeb00;
    width: 64%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play65:before {
    content: '';
    background-color: #ffeb00;
    width: 65%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play66:before {
    content: '';
    background-color: #ffeb00;
    width: 66%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play67:before {
    content: '';
    background-color: #ffeb00;
    width: 67%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play68:before {
    content: '';
    background-color: #ffeb00;
    width: 68%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play69:before {
    content: '';
    background-color: #ffeb00;
    width: 69%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play70:before {
    content: '';
    background-color: #ffeb00;
    width: 70%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play71:before {
    content: '';
    background-color: #ffeb00;
    width: 71%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play72:before {
    content: '';
    background-color: #ffeb00;
    width: 72%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play73:before {
    content: '';
    background-color: #ffeb00;
    width: 73%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play74:before {
    content: '';
    background-color: #ffeb00;
    width: 74%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play75:before {
    content: '';
    background-color: #ffeb00;
    width: 75%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play76:before {
    content: '';
    background-color: #ffeb00;
    width: 76%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play77:before {
    content: '';
    background-color: #ffeb00;
    width: 77%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play78:before {
    content: '';
    background-color: #ffeb00;
    width: 78%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play79:before {
    content: '';
    background-color: #ffeb00;
    width: 79%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play80:before {
    content: '';
    background-color: #ffeb00;
    width: 80%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play81:before {
    content: '';
    background-color: #ffeb00;
    width: 81%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play82:before {
    content: '';
    background-color: #ffeb00;
    width: 82%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play83:before {
    content: '';
    background-color: #ffeb00;
    width: 83%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play84:before {
    content: '';
    background-color: #ffeb00;
    width: 84%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play85:before {
    content: '';
    background-color: #ffeb00;
    width: 85%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play86:before {
    content: '';
    background-color: #ffeb00;
    width: 86%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play87:before {
    content: '';
    background-color: #ffeb00;
    width: 87%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play88:before {
    content: '';
    background-color: #ffeb00;
    width: 88%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play89:before {
    content: '';
    background-color: #ffeb00;
    width: 89%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play90:before {
    content: '';
    background-color: #ffeb00;
    width: 90%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play91:before {
    content: '';
    background-color: #ffeb00;
    width: 91%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play92:before {
    content: '';
    background-color: #ffeb00;
    width: 92%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play93:before {
    content: '';
    background-color: #ffeb00;
    width: 93%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play94:before {
    content: '';
    background-color: #ffeb00;
    width: 94%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play95:before {
    content: '';
    background-color: #ffeb00;
    width: 95%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play96:before {
    content: '';
    background-color: #ffeb00;
    width: 96%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play97:before {
    content: '';
    background-color: #ffeb00;
    width: 97%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play98:before {
    content: '';
    background-color: #ffeb00;
    width: 98%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play99:before {
    content: '';
    background-color: #ffeb00;
    width: 99%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__box--play100:before {
    content: '';
    background-color: #ffeb00;
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: -1
}

.songlist__num {
    font-size: 16px;
    color: #aaa;
    letter-spacing: 0;
    margin: 0 8px 0 0
}

.songlist__img {
    width: 60px;
    display: block;
    margin-left: -60px
}

.songlist__info {
    padding: 5px 0 5px 10px;
    width: 65%;
    width: calc(100% - 100px)
}

.songlist__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700
}

.songlist__title a {
    color: #393939
}

.songlist__artist {
    font-size: 12px;
    color: #aaa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700
}

.songlist__artist-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle
}

.songlist__play {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0
}

.songlist__play svg {
    fill: #aaa;
    width: 60px;
    height: 60px
}

.songlist__play svg:hover {
    fill: #e2c000
}

.songlist__lyric-btn {
    position: absolute;
    right: 60px
}

.songlist__lyric-btn a {
    background-color: #aaa;
    color: #fff;
    border-radius: 3px;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 60px;
    margin: 10px 0;
    z-index: 10
}

.songlist__lyric-btn a:hover {
    background-color: #e2c000
}

.songlist__lyric-bg--stop {
    overflow: hidden
}

.songlist__lyric {
    display: none
}

.songlist__lyric-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    letter-spacing: .3rem;
    margin-bottom: 5px
}

.songlist__lyric-artist {
    margin-bottom: 20px;
    font-size: 12px;
    color: #ccc
}

.songlist__lyric-option {
    font-size: 12px;
    color: #ccc
}

.songlist__lyric-txt {
    margin-top: 20px;
    line-height: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.songlist__lyric-inner {
    background-color: #393939;
    padding: 30px 30px 50px
}

.lity {
    background: rgba(0, 0, 0, .6) !important
}

.lity-container {
    min-width: 300px;
    max-height: 90% !important;
    overflow: hidden;
    margin: 0 5%;
    overflow-y: scroll
}

.lity-content {
    max-width: 600px;
    color: #fff;
    box-shadow: none
}

.lity-content a {
    color: #ffeb00
}

.lity-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.lity-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.lity-content:after {
    box-shadow: none !important
}

.lity-active {
    overflow: hidden
}

.pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0
}

.pager__num {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #999;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 5px
}

.pager__num:hover {
    background-color: #ffeb00;
    color: #393939
}

.pager__num--now {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #777;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 5px
}

.pan {
    background-color: #eee;
    color: #000
}

.pan__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 3%;
    font-size: 12px
}

.pan__name:after {
    content: ">";
    margin: 0 10px;
    color: #777
}

.pan__name {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block
}

.pan__name--now {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block
}

.pan__logo {
    width: 85px;
    vertical-align: middle
}

.topics {
    margin-top: 20px
}

.topics__box {
    padding: 30px 0;
    border-top: #eee solid 1px
}

.topics__box:last-child {
    border-bottom: #eee solid 1px
}

.topics__box-date {
    font-size: 16px
}

.topics__box-title {
    font-size: 20px;
    letter-spacing: 3px;
    padding-bottom: 20px;
    line-height: 1.4;
    font-weight: 700
}

.topics__box-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px
}

.topics__box-tag-btn {
    font-size: 12px;
    padding: 1px 5px;
    background: #aaa;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px
}

.topics__box-tag-btn:hover {
    background: #e2c000
}

.topics__box-main {
    position: relative
}

.topics__box-main img {
    max-width: 100%
}

.topics__backnum {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.topics__backnum a {
    color: #000
}

.topics__backnum a:hover {
    background-color: #ffeb00
}

.topics__backnum-prev {
    width: 50%;
    padding: 10px 5% 10px 40px;
    background: url(../images/icon_prev.svg) center left no-repeat
}

.topics__backnum-back {
    width: 50%;
    padding: 10px 40px 10px 5%;
    background: url(../images/icon_back.svg) center right no-repeat;
    text-align: right;
    border-left: dotted 2px #ccc
}

.topics__backnum-date {
    font-size: 12px
}

.topics__backnum-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.topics__box div {
    max-width: 100% !important
}

.topics__box img {
    max-width: 100% !important;
    height: auto
}

.topics__box iframe {
    max-width: 100% !important
}

.clear {
    clear: both
}

.album__deta {
    position: relative
}

.album__deta-janl {
    background-color: #393939;
    color: #fff;
    font-size: 14px;
    padding: 5px
}

.album__deta-artist {
    font-size: 12px;
    color: #aaa
}

.album__deta-artist a {
    margin-right: 10px
}

.album__deta-artist-img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 5px
}

.album__deta-option {
    font-size: 12px;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.album__deta-desc {
    margin: 20px 0
}

.album__deta-btn {
    margin-top: 20px
}

.album__img {
    width: 80%;
    max-width: 400px
}

.album__img img {
    width: 100%
}

.album__img-artist {
    font-size: 10px;
    color: #aaa
}

.album__title {
    font-weight: 700;
    letter-spacing: 3px;
    letter-spacing: .3rem;
    padding: 15px 0 10px;
    line-height: 1.4
}

.album__deta-option--title {
    font-weight: 700;
    margin-right: 5px
}

.album__deta-option--list {
    list-style: disc;
    margin: -5px 0 10px 20px;
    font-size: 12px
}

.btn {
    background-color: #ffeb00;
    color: #393939;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transform: translateZ(0);
    transition: .3s color
}

.btn:before {
    content: "";
    border-radius: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 100%;
    background-color: #393939;
    transition: .3s;
    z-index: -1
}

.btn:hover {
    cursor: pointer;
    color: #ffeb00
}

.btn:hover:before {
    left: 0;
    right: 0
}

.btn--m {
    padding: 15px 50px;
    border-radius: 30px
}

.deli {
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    background-color: rgba(200, 200, 200, .9);
    z-index: 10002;
    text-align: center;
    transform: translate3d(280px, 0, 0);
    transition: all 300ms 0s ease;
    overflow-y: auto;
}

.deli-open {
    transform: translate3d(0, 0, 0);
    transition: all 300ms 0s ease
}

.deli__title {
    font-weight: 700
}

.deli__btn {
    background-color: #ffeb00;
    color: #393939;
    font-weight: 700;
    text-decoration: none;
    display: block;
    border-radius: 40px
}

.deli__btn:hover {
    background-color: #f1de00;
    cursor: pointer
}

.deli__cross:hover {
    cursor: pointer
}

.artist__deta {
    position: relative;
    margin-bottom: 20px
}

.artist__deta-desc {
    margin: 20px 0
}

.artist__deta-option-home {
    font-size: 14px;
    margin-bottom: 5px;
    color: #a29900
}

.artist__deta-option-home svg {
    fill: #a29900;
    position: relative;
    top: 2px
}

.artist__deta-option-twitter {
    font-size: 14px;
    margin-bottom: 5px;
    color: #0fb5ff
}

.artist__deta-option-twitter svg {
    fill: #0fb5ff;
    position: relative;
    top: 5px
}

.artist__deta-option-facebook {
    font-size: 14px;
    margin-bottom: 5px;
    color: #104889
}

.artist__deta-option-facebook svg {
    fill: #104889;
    position: relative;
    top: 5px
}

.artist__deta-option-piapro {
    font-size: 14px;
    margin-bottom: 5px;
    color: #e4007b
}

.artist__deta-option-piapro svg {
    fill: #e4007b;
    position: relative;
    top: 5px
}

.artist__deta-option-youtube {
    font-size: 14px;
    margin-bottom: 5px;
    color: #d2514b
}

.artist__deta-option-youtube svg {
    fill: #d2514b;
    position: relative;
    top: 5px
}

.artist__deta-option-niconico {
    font-size: 14px;
    margin-bottom: 5px;
    color: #888
}

.artist__deta-option-niconico svg {
    fill: #888;
    position: relative;
    top: 5px
}

.artist__list-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px;
    margin-bottom: 10px;
    color: #000
}

.artist__list-img {
    width: 30%;
    max-width: 120px;
    margin-right: 10px;
    display: block
}

.artist__list-circle {
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.artist__img-ciecle--img {
    width: 100%;
    height: auto;
    transition: transform .2s linear
}

.artist__list-txt {
    width: 65%;
    width: calc(70% - 20px);
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.artist__list-name {
    font-weight: 700;
    line-height: 1.4
}

.artist__list-num {
    font-size: 12px;
    color: #777;
    margin-top: 10px
}

.artist__title {
    font-weight: 700;
    letter-spacing: 3px;
    letter-spacing: .3rem
}

.sns_logo {
    margin: 50px auto 10px;
    line-height: 1.2
}

.index_sns {
    text-align: center
}

.snsBtn line {
    display: none
}

.search--input {
    font-size: 20px;
    margin: 20px auto;
    width: 60%;
    min-width: 250px;
    display: block;
    background: url(../images/icon_search.svg) no-repeat #eee;
    background-position: center left 10px;
    padding: 10px 10px 10px 50px;
    border: 0
}

.search--input:focus {
    background-color: #fff152
}

.search__index {
    text-align: center
}

.search__initial {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px
}

.search__initial a {
    padding: 8px;
    font-weight: 700
}

.search__initial a:hover {
    background: #fff152;
    color: #393939
}

.search__initial:after {
    content: "|";
    color: #eee
}

.search__initial:last-child:after {
    content: none
}

.search__initial--now {
    color: #000;
    border-bottom: 3px #ffeb00 solid
}

.history {
    background-color: #dedede;
    margin-bottom: 40px
}

.history__inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 10px 5% 0;
    font-size: 12px
}

.history__h3 {
    color: #000
}

.feature {
    max-width: 965px;
    margin: 0 auto
}

.feature__txt {
    background: rgba(255, 255, 255, .8);
    padding: 20px
}

.feature__movie {
    margin-top: 38%
}

.feature__theme-title {
    width: 100%
}

.feature__link {
    margin-top: 50px
}

.feature__theme-0908_miku2th {
    background: url(../images/feature/0908_miku2th/bg.jpg) top left no-repeat #bd2464;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-0911_meiko5th {
    background: url(../images/feature/0911_meiko5th/bg.jpg) top left no-repeat #252525;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-0912_rinlen2th {
    background: url(../images/feature/0912_rinlen2th/bg.jpg) top left no-repeat #dc8c29;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-1001_luka1th {
    background: url(../images/feature/1001_luka1th/bg.jpg) top left no-repeat #d68099;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-1002_kaito4th {
    background: url(../images/feature/1002_kaito4th/bg.jpg) top left no-repeat #0872b0;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-1003_spring {
    background: url(../images/feature/1003_spring/bg.jpg) top left no-repeat #def2fd;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-1004_holiday {
    background: url(../images/feature/1004_holiday/bg.jpg) top left no-repeat #daefdc;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-1006_rain {
    background: url(../images/feature/1006_rain/bg.jpg) top left no-repeat #071c1f;
    background-size: contain;
    padding: 1px 5% 30px
}

.feature__theme-1006_megupo1th {
    background: url(../images/feature/1006_megupo1th/bg.jpg) top left no-repeat #e9f0c6;
    background-size: contain;
    padding: 10% 5% 30px
}

.feature__theme-1007_gakupo2th {
    background: url(../images/feature/1007_gakupo2th/bg.jpg) top left no-repeat #450172;
    background-size: contain;
    padding: 34% 5% 30px
}

.feature__theme-1007_summer {
    background: url(../images/feature/1007_summer/bg.jpg) top left no-repeat #4877d1;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1008_miku3th {
    background: url(../images/feature/1008_miku3th/bg.jpg) top left no-repeat #22303d;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1010_autumn {
    background: url(../images/feature/1010_autumn/bg.jpg) top left no-repeat #d84d2c;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1010_meiko6th {
    background: url(../images/feature/1010_meiko6th/bg.jpg) top left no-repeat #740702;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1010_teto {
    background: url(../images/feature/1010_teto/bg.jpg) top left no-repeat #077fb1;
    background-size: contain;
    padding: 12% 5% 30px
}

.feature__theme-1012_winter {
    background: url(../images/feature/1012_winter/bg.jpg) top left no-repeat #d3daec;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1012_rinlen3th {
    background: url(../images/feature/1012_rinlen3th/bg.jpg) top left no-repeat #eabf00;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1101_luka2th {
    background: url(../images/feature/1101_luka2th/bg.jpg) top left no-repeat #ac6e79;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1102_kaito5th {
    background: url(../images/feature/1102_kaito5th/bg.jpg) top left no-repeat #05161e;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1104_mikuappend {
    background: url(../images/feature/1104_mikuappend/bg.jpg) top left no-repeat #27282a;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1104_pray {
    background: url(../images/feature/1104_pray/bg.gif) #fff;
    background-size: contain;
    border: #fa0f1f solid 10px;
    padding: 30px 5%
}

.feature__theme-1106_megupo2th {
    background: url(../images/feature/1106_megupo2th/bg.jpg) top left no-repeat #e7e7e7;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1107_gakupo3th {
    background: url(../images/feature/1107_gakupo3th/bg.jpg) top left no-repeat #e7e7c8;
    background-size: contain;
    padding: 50% 5% 30px
}

.feature__theme-1108_miku4th {
    background: url(../images/feature/1108_miku4th/bg_jp.jpg) top left no-repeat #1a73a4;
    background-size: contain;
    padding: 80px 5% 30px
}

.feature__theme-1110_cafe {
    background: url(../images/feature/1110_cafe/bg_jp.jpg) top left no-repeat #ecc28a;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1110_meiko7th {
    background: url(../images/feature/1110_meiko7th/bg_jp.jpg) top left no-repeat #890d13;
    background-size: contain;
    padding: 10% 5% 30px
}

.feature__theme-1112_rinlen4th {
    background: url(../images/feature/1112_rinlen4th/bg_jp.jpg) top left no-repeat #f9ad00;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1201_snowfest {
    background: url(../images/feature/1201_snowfest/bg_jp.jpg) top left no-repeat #2d3644;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1201_luka3th {
    background: url(../images/feature/1201_luka3th/bg_jp.jpg) top left no-repeat #631b2e;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1202_kaito6th {
    background: url(../images/feature/1202_kaito6th/bg_jp.jpg) top left no-repeat #5985b9;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1203_ballad {
    background: url(../images/feature/1203_ballad/bg_jp.jpg) top left no-repeat #f9d9e3;
    background-size: contain;
    padding: 80px 5% 30px
}

.feature__theme-1206_megupo3th {
    background: url(../images/feature/1206_megupo3th/bg_jp.jpg) top left no-repeat #f7c0d5;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1208_miku5th {
    background: url(../images/feature/1208_miku5th/bg_jp.jpg) top left no-repeat #0e2571;
    background-size: contain;
    padding: 5% 5% 30px
}

.feature__theme-1210_lipsync {
    background: url(../images/feature/1210_lipsync/bg.jpg) top left no-repeat #44dfe4;
    background-size: contain;
    padding: 35% 5% 30px
}

.feature__theme-1210_meiko8th {
    background: url(../images/feature/1210_meiko8th/bg_jp.jpg) top left no-repeat #d2d1cc;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1212_rinlen5th {
    background: url(../images/feature/1212_rinlen5th/bg_jp.jpg) top left no-repeat #023841;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1301_luka4th {
    background: url(../images/feature/1301_luka4th/bg_jp.jpg) top left no-repeat #000;
    background-size: contain;
    padding: 34% 5% 30px
}

.feature__theme-1302_kaito7th {
    background: url(../images/feature/1302_kaito7th/bg_jp.jpg) top left no-repeat #1e395d;
    background-size: contain;
    padding: 35% 5% 30px;
    min-height: 760px
}

.feature__theme-1304_cafe {
    background: url(../images/feature/1304_cafe/bg_jp.jpg) top left no-repeat #d5a364;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1305_mikunopolis {
    background: url(../images/feature/1305_mikunopolis/bg_jp.jpg) top left no-repeat #000;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1306_diva {
    background: url(../images/feature/1306_diva/bg_jp.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 50% 5% 30px
}

.feature__theme-1308_miku6th {
    background: url(../images/feature/1308_miku6th/bg_jp.jpg) top left no-repeat #dae3e5;
    background-size: contain;
    padding: 10% 5% 30px
}

.feature__theme-1310_meiko9th {
    background: url(../images/feature/1310_meiko9th/bg_jp.jpg) top left no-repeat #eae8ed;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1312_love {
    background: url(../images/feature/1312_love/bg_jp.jpg) top left no-repeat #2b0600;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1312_rinlen6th {
    background: url(../images/feature/1312_rinlen6th/bg_jp.jpg) top left no-repeat #fff3e1;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1401_luka5th {
    background: url(../images/feature/1401_luka5th/bg_jp.jpg) top left no-repeat #64605e;
    background-size: contain;
    padding: 50px 5% 30px
}

.feature__theme-1402_kaito8th {
    background: url(../images/feature/1402_kaito8th/bg_jp.jpg) top left no-repeat #ecd367;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1405_mikupack {
    background: url(../images/feature/1405_mikupack/bg_jp.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 10% 5% 30px
}

.feature__theme-1406_goodmorning {
    background: url(../images/feature/1406_goodmorning/bg_jp.jpg) top left no-repeat #40314f;
    background-size: contain;
    padding: 10% 5% 30px
}

.feature__theme-1407_goodnight {
    background: url(../images/feature/1407_goodnight/bg_jp.jpg) top left no-repeat #03273e;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1410_mikuexpo {
    background: url(../images/feature/1410_mikuexpo/bg_jp.jpg) top left no-repeat #000;
    background-size: contain;
    padding: 15% 5% 30px
}

.feature__theme-1408_miku7th {
    background: url(../images/feature/1408_miku7th/bg_jp.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1410_letter {
    background: #d2aa95;
    padding: 0 0 30px
}

.feature__theme-1411_meiko10th {
    background: url(../images/feature/1411_meiko10th/bg_jp.jpg) top left no-repeat #c4e73f;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1412_rinlen7th {
    background: url(../images/feature/1412_rinlen7th/bg_jp.jpg) top left no-repeat #ffc64b;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1501_luka6th {
    background: url(../images/feature/1501_luka6th/bg_jp.jpg) top left no-repeat #85c2a0;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1502_kaito9th {
    background: url(../images/feature/1502_kaito9th/bg_jp.jpg) top left no-repeat #6399e1;
    background-size: contain;
    padding: 80px 5%
}

.feature__theme-1507_summer {
    background: url(../images/feature/1507_summer/bg_jp.jpg) top left no-repeat #003466;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1508_miku8th {
    background: url(../images/feature/1508_miku8th/bg_jp.jpg) top left no-repeat #c2c4c1;
    background-size: contain;
    padding: 80px 5% 30px
}

.feature__theme-1508_sonoca {
    background: url(../images/feature/1508_sonoca/bg.jpg) top left no-repeat #fff;
    color: #12415a;
    background-size: contain;
    padding: 60% 5% 30px
}

.feature__theme-1511_machigerita {
    background: url(../images/feature/1511_machigerita/bg_jp.jpg) top left no-repeat #000;
    background-size: contain;
    color: #b8a7cc;
    padding: 30px 5%
}

.feature__theme-1511_meiko11th {
    background: url(../images/feature/1511_meiko11th/bg_jp.jpg) top left no-repeat #a8264a;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1512_rinlen8th {
    background: url(../images/feature/1512_rinlen8th/bg_jp.jpg) top left no-repeat #cbd751;
    background-size: contain;
    padding: 80px 5% 30px
}

.feature__theme-1601_luka7th {
    background: url(../images/feature/1601_luka7th/bg_jp.jpg) top left no-repeat #e4b1e0;
    background-size: contain;
    padding: 80px 5% 30px
}

.feature__theme-1602_kaito10th {
    background: url(../images/feature/1602_kaito10th/bg.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1606_macaron16 {
    background: url(../images/feature/1606_macaron16/bg.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1608_miku9th {
    background: url(../images/feature/1608_miku9th/bg.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1611_meiko12th {
    background: url(../images/feature/1611_meiko12th/bg.jpg) top left no-repeat #b89168;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1612_rinlen9th {
    background: url(../images/feature/1612_rinlen9th/bg.jpg) top left no-repeat #ece455;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1701_luka8th {
    background: url(../images/feature/1701_luka8th/bg.jpg) top left no-repeat #6c4b2a;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1702_kaito11th {
    background: url(../images/feature/1702_kaito11th/bg.jpg) top left no-repeat #85a6c7;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1706_macaron17 {
    background: url(../images/feature/1706_macaron17/bg.jpg) top right no-repeat #fed1f0;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-1706_macaron17 {
    background: url(../images/feature/1706_macaron17/bg.jpg) top right no-repeat #fed1f0;
    background-size: contain;
    padding: 30px 5%
}

.feature__theme-2106_pinocchiop {
    background: url(../images/feature/2106_pinocchiop/bg_jp.jpg) top left no-repeat #000;
    background-size: contain;
    color: #b8a7cc;
    padding: 30px 5%
}

.feature__h3--white {
    color: #fff
}

.feature__top-catch {
    position: absolute;
    padding: 30px 5%;
    margin: 0 auto;
    bottom: 0;
    left: 0
}

.feature__top-catch_gumi {
    position: absolute;
    padding: 50px 5%;
    margin: 0 auto;
    bottom: 0;
    left: 0
}

.feature__top-catch-txt {
    background-color: #393939;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.feature__top-copy {
    text-align: right;
    position: absolute;
    margin-left: 5%;
    right: 5%;
    bottom: 10px;
    line-height: 1.2;
    font-size: 10px;
    color: #393939;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5), 1px 0 0 rgba(255, 255, 255, .5), 0 -1px 0 rgba(255, 255, 255, .5), -1px 0 0 rgba(255, 255, 255, .5), -1px -1px 0 rgba(255, 255, 255, .5), 1px -1px 0 rgba(255, 255, 255, .5), -1px 1px 0 rgba(255, 255, 255, .5), 1px 1px 0 rgba(255, 255, 255, .5)
}

.feature__top-copy--white {
    position: absolute;
    margin-left: 5%;
    right: 5%;
    bottom: 5px;
    font-size: 10px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5), 1px 0 0 rgba(0, 0, 0, .5), 0 -1px 0 rgba(0, 0, 0, .5), -1px 0 0 rgba(0, 0, 0, .5), -1px -1px 0 rgba(0, 0, 0, .5), 1px -1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(0, 0, 0, .5)
}

.feature__top-copy_logo {
    position: absolute;
    right: 5%;
    top: 60px;
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, .5), 1px 0 0 rgba(255, 255, 255, .5), 0 -1px 0 rgba(255, 255, 255, .5), -1px 0 0 rgba(255, 255, 255, .5), -1px -1px 0 rgba(255, 255, 255, .5), 1px -1px 0 rgba(255, 255, 255, .5), -1px 1px 0 rgba(255, 255, 255, .5), 1px 1px 0 rgba(255, 255, 255, .5) */
}

.feature__top-copy_logo img {
    width: 100px;
    height: auto;
}

.feature__top {
    width: 100%;
    height: 320px;
    display: block;
    position: relative;
    max-width: 1550px;
    margin: 0 auto;
    animation-name: 'anime';
    animation-duration: 1.5s
}

@keyframes anime {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.feature__top--1708_creatorsmarket17 {
    background: url(../images/feature/1708_creatorsmarket17/top_s.jpg) no-repeat top center;
    padding: 0 5%
}

.feature__1708_creatorsmarket17 {
    background-color: #ffe7b9
}

.feature__top--1708_miku10th {
    background: url(../images/feature/1708_miku10th/top_s.jpg) no-repeat top center;
    padding: 0 5%
}

.feature__1708_miku10th {
    background-color: #e5eff8
}

.feature__top--1708_magicalmirai17 {
    background: url(../images/feature/1708_magicalmirai17/top_s.jpg) no-repeat center;
    padding: 0 5%
}

.feature__1708_magicalmirai17 {
    background-color: #000;
    color: #fff
}

.feature__top--1711_meiko13th {
    background: url(../images/feature/1711_meiko13th/top_s.jpg) no-repeat top center;
    padding: 0 5%
}

.feature__1711_meiko13th {
    background-color: #f0b3a1
}

.feature__top--1712_rinlen10th {
    background: url(../images/feature/1712_rinlen10th/top.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.feature__1712_rinlen10th {
    background-color: #fde993
}

.feature__top--1712_rinlenmania {
    background: url(../images/feature/1712_rinlenmania/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1712_rinlenmania {
    background-color: #e2ffe3
}

.feature__top--1801_luka9th {
    background: url(../images/feature/1801_luka9th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1801_luka9th {
    background-color: #ffc3cc
}

.feature__top--1802_kaito12th {
    background: url(../images/feature/1802_kaito12th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1802_kaito12th {
    background-color: #99a3e6;
    color: #fff
}

.feature__top--1806_macaron18 {
    background: url(../images/feature/1806_macaron18/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1806_macaron18 {
    background-color: #b7dee2;
    color: #312c2c
}

.feature__top--1807_mikuexpo {
    background: url(../images/feature/1807_mikuexpo/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1807_mikuexpo {
    background-color: #3b3765;
    color: #fff
}

.feature__top--1807_creatorsmarket18 {
    background: url(../images/feature/1807_creatorsmarket18/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1807_creatorsmarket18 {
    background-color: #dcf7fe
}

.feature__top--1808_miku11th {
    background: url(../images/feature/1808_miku11th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1808_miku11th {
    background-color: #bfd0e0
}

.feature__top--1808_contest18 {
    background: url(../images/feature/1808_contest18/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1808_contest18 {
    background-color: #000;
    color: #fff
}

.feature__top--1811_meiko14th {
    background: url(../images/feature/1811_meiko14th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1811_meiko14th {
    background-color: #a9daf3
}

.feature__top--1812_rinlen11th {
    background: url(../images/feature/1812_rinlen11th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1812_rinlen11th {
    background-color: #d0c5a5
}

.feature__top--1901_luka10th {
    background: url(../images/feature/1901_luka10th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1901_luka10th {
    background-color: #b8bdd8
}

.feature__top--1902_kaito13th {
    background: url(../images/feature/1902_kaito13th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1902_kaito13th {
    background-color: #6caaff
}

.feature__top--1906_megpoid10th {
    background: url(../images/feature/1906_megpoid10th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1906_megpoid10th {
    background-color: #b2ffbe
}

.feature__top--1907_contest19 {
    background: url(../images/feature/1907_contest19/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1907_contest19 {
    background-color: #000;
    color: #fff
}

.feature__1908_miku12th {
    background-color: #afd5b2;
    color: #fff
}

.feature__top--1908_miku12th {
    background: url(../images/feature/1908_miku12th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__top--1908_creatorsmarket19 {
    background: url(../images/feature/1908_creatorsmarket19/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1908_creatorsmarket19 {
    background-color: #c8f7ff;
    color: #ff6ac6;
}

.feature__1908_creatorsmarket19 .main__h2 {
    color: #fff;
}

.feature__1908_creatorsmarket19 a {
    color: #ff6ac6;
}

.feature__top--1911_meiko15th {
    background: url(../images/feature/1911_meiko15th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1911_meiko15th {
    background-color: #fe8e8e;
}

.feature__1911_meiko15th .main__h2 {
    color: #fff;
}

.feature__top--1912_rinlen12th {
    background: url(../images/feature/1912_rinlen12th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__1912_rinlen12th {
    background-color: #c0b7de;
}

.feature__1912_rinlen12th .main__h2 {
    color: #fff;
}

.feature__top--2001_luka11th {
    background: url(../images/feature/2001_luka11th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2001_luka11th {
    background-color: #d1cae8;
}

.feature__2001_luka11th .main__h2 {
    color: #fff;
}

.feature__top--2002_kaito14th {
    background: url(../images/feature/2002_kaito14th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2002_kaito14th {
    background-color: #d1cae8;
}

.feature__2002_kaito14th .main__h2 {
    color: #fff;
}

.feature__top--2003_sakura20 {
    background: url(../images/feature/2003_sakura20/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2003_sakura20 {
    background-color: #ffbdd5;
}

.feature__top--2007_contest20 {
    background: url(../images/feature/2007_contest20/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2007_contest20 {
    background-color: #000;
    color: #fff
}

.feature__2008_miku13th {
    background-color: #ddd;
}

.feature__top--2008_miku13th {
    background: url(../images/feature/2008_miku13th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__top--2011_meiko16th {
    background: url(../images/feature/2011_meiko16th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2011_meiko16th {
    background-color: #f35d59;
}

.feature__2011_meiko16th .main__h2 {
    color: #fff;
}

.feature__2011_meiko16th a {
    color: #00f;
}

.feature__top--2012_rinlen13th {
    background: url(../images/feature/2012_rinlen13th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2012_rinlen13th {
    background-color: #feeb9d;
}

.feature__top--2101_luka12th {
    background: url(../images/feature/2101_luka12th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2101_luka12th {
    background-color: #d4b8bc;
}

.feature__2101_luka12th .main__h2 {
    color: #fff;
}

.feature__top--2102_kaito15th {
    background: url(../images/feature/2102_kaito15th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2102_kaito15th {
    background-color: #8AB9FD;
}

.feature__top--2105_vflower7th {
    background: url(../images/feature/2105_vflower7th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2105_vflower7th {
    background-color: #f9f8fd;
}


.feature__top--2106_pjsekai {
    position: relative;
    background: url(../images/feature/2106_pjsekai/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2106_pjsekai {
    background-color: #d5f6ff;
}
.feature__top--2106_pjsekai::before{
    position: absolute;
    content: "";
    top: 30px;
    right: 5%;
    width: 40%;
    max-width: 380px;
    height: 0;
    padding-bottom: 15%;
    background: url(../images/feature/2106_pjsekai/pjsekai_logo.png) no-repeat top right/contain;
}
.feature__top--2106_pjsekai_unit01 {
    background: url(../images/feature/2106_pjsekai/unit01/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2106_pjsekai_unit01 {
    background-color: #cccdff;
}
.feature__top--2106_pjsekai_unit02 {
    background: url(../images/feature/2106_pjsekai/unit02/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2106_pjsekai_unit02 {
    background-color: #daffbc;
}
.feature__top--2106_pjsekai_unit03 {
    background: url(../images/feature/2106_pjsekai/unit03/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2106_pjsekai_unit03 {
    background-color: #ffaccc;
}
.feature__top--2106_pjsekai_vs {
    background: url(../images/feature/2106_pjsekai/vs/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2106_pjsekai_vs {
    background-color: #f0f0f0;
}
.feature__top--2107_pjsekai_unit04 {
    background: url(../images/feature/2106_pjsekai/unit04/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2107_pjsekai_unit04 {
    background-color: #ffd89d;
}
.feature__top--2107_pjsekai_unit05 {
    background: url(../images/feature/2106_pjsekai/unit05/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2107_pjsekai_unit05 {
    background-color: #f0b6ff;
}

.feature__2108_miku14th {
    background-color: #eeeae9;
}

.feature__top--2108_miku14th {
    background: url(../images/feature/2108_miku14th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__top--2109_contest21 {
    background: url(../images/feature/2109_contest21/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2109_contest21 {
    background-color: #000;
    color: #fff
}
.feature__2109_contest21 .youtube__inner{
    border: 1px solid #fff;
}

.feature__top--2110_creatorsmarket21 {
    background: url(../images/feature/2110_creatorsmarket21/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2110_creatorsmarket21 {
    background-color: #fefde8;
}

.feature__top--2111_meiko17th {
    background: url(../images/feature/2111_meiko17th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2111_meiko17th {
    background-color: #eeeae9;
}

.feature__top--2112_rinlen14th {
    background: url(../images/feature/2112_rinlen14th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2112_rinlen14th {
    background-color: #EEEAE9;
}

.feature__top--2201_luka13th {
    background: url(../images/feature/2201_luka13th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2201_luka13th {
    background-color: #EEEAE9;
}

.feature__top--2202_kaito16th {
    background: url(../images/feature/2202_kaito16th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2202_kaito16th {
    background-color: #EEEAE9;
}


.feature__top--2206_contest10th {
    background: url(../images/feature/2206_contest10th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2206_contest10th {
    background-color: #000;
    color: #fff
}
.feature__2206_contest10th .youtube__inner{
    border: 1px solid #fff;
}

.feature__top--2208_creatorsmarket22 {
    background: url(../images/feature/2208_creatorsmarket22/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2208_creatorsmarket22 {
    background-color: #8fb9e9;
}

.feature__2208_miku15th {
    background-color: #FFEEF7;
}
.feature__top--2208_miku15th {
    background: url(../images/feature/2208_miku15th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2211_meiko18th {
    background-color: #f5e8f4;
}
.feature__top--2211_meiko18th {
    background: url(../images/feature/2211_meiko18th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__top--2212_rinlen15th {
    background: url(../images/feature/2212_rinlen15th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2212_rinlen15th {
    background-color: #fffbe4;
}

.feature__top--2301_luka14th {
    background: url(../images/feature/2301_luka14th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2301_luka14th {
    background-color: #f9ddf7;
}

.feature__top--2302_kaito17th {
    background: url(../images/feature/2302_kaito17th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2302_kaito17th {
    background-color: #ecfefe;
}

.feature__top--2304_spring23 {
    background: url(../images/feature/2304_spring23/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2304_spring23 {
    background-color: #f7dae8;
}

.feature__2304_spring23 .main__h2 {
    color: #fff;
}

.feature__top--2306_contest23 {
    background: url(../images/feature/2306_contest23/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2306_contest23 {
    background-color: #000;
    color: #fff;
}
.feature__2306_contest23 .youtube__inner{
    border: 1px solid #fff;
}

.feature__2308_miku16th {
    background-color: #ffdae8;
}
.feature__top--2308_miku16th {
    background: url(../images/feature/2308_miku16th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2311_meiko19th {
    background-color: #630909;
    color: #fff;
}
.feature__top--2311_meiko19th {
    background: url(../images/feature/2311_meiko19th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2312_rinlen16th {
    background-color: #b45a1b;
    color: #fff;
}
.feature__top--2312_rinlen16th {
    background: url(../images/feature/2312_rinlen16th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdpokemikucd2024,
.feature__2401_pokemiku {
    background-color: #000;
}
.cd__cdpokemikucd2024-bg,
.feature__top--2401_pokemiku {
    position: relative;
    background: url(../images/feature/2401_pokemiku/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%;
}
.cd__cdpokemikucd2024-bg::before,
.feature__top--2401_pokemiku::before{
    position: absolute;
    content: "";
    top: 30px;
    right: 5%;
    width: 40%;
    max-width: 380px;
    height: 0;
    padding-bottom: 15%;
    background: url(../images/feature/2401_pokemiku/pokemiku_logo.png) no-repeat top right/contain;
}
.cd__cdpokemikucd2024 .l-inner,
.feature__2401_pokemiku .l-inner{
    color: #fff;
}
.cd__cdpokemikucd2024 .pokemiku_official_bnr a,
.feature__2401_pokemiku .pokemiku_official_bnr a{
    display: block;
    border: 1px solid #fff;
}
.feature__2401_pokemiku .pokemiku_official_bnr a{
    margin: 0 auto;
}
.cd__cdpokemikucd2024 .cd__priv-box{
    background: #fff;
    color: #222;
}
.cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic-wrap{
    position: relative;
}
.cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic-finished{
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, .7);
}
.cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic-finished p{
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    background: #e00;
    color: #fff;
}
.pokemiku_dl_jacket_area{
    background: #ddd;
    border: 1px solid #888;
    border-radius: 10px;
    overflow: hidden;
}
.pokemiku_dl_jacket_area h4{
    padding: 10px 20px;
    background: #888;
    color: #fff;
    font-weight: bold;
}
.pokemiku_dl_jacket_area .notes{
    padding: 0 20px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #000;
}
.pokemiku_dl_jacket_row{
    display: flex;
    padding: 20px;
    color: #000;
}
.pokemiku_dl_jacket_box{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    width: calc(100% / 3 - 30px / 3);
}
.pokemiku_dl_jacket_box:first-child{
    margin-left: 0;
}
.pokemiku_dl_jacket_box .dl_jacket_name{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    margin-bottom: 12px;
    line-height: 1.3;
    font-size: 14px;
    font-weight: bold;
}
.pokemiku_dl_jacket_box .dl_jacket_name span{
    display: block;
    margin-bottom: 2px;
    font-size: 11px !important;
}
.pokemiku_dl_jacket_box .dl_jacket_img img{
    width: 100%;
}
.pokemiku_dl_jacket_box .dl_jacket_btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99rem;
    height: 36px;
    padding: 0 10px;
    margin-top: 15px;
    font-size: 13px;
    color: #fff;
    background: #a29900;
}

@media screen and (max-width:768px) {
    .cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic-wrap{
        margin-top: 10px;
        padding-top: 10px;
    }
    .cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic-finished p{
        padding: 8px 16px;
        font-size: 18px;
    }
    .pokemiku_dl_jacket_area h4{
        padding: 10px;
    }
    .pokemiku_dl_jacket_area .notes{
        padding: 0 15px;
        margin-bottom: 10px;
        font-size: 11px;
    }
    .pokemiku_dl_jacket_row{
        padding: 15px 10px;
    }
    .pokemiku_dl_jacket_box{
        margin-left: 10px;
        width: calc(100% / 3 - 20px / 3);
    }
    .pokemiku_dl_jacket_box .dl_jacket_name{
        font-size: 13px;
    }
    .pokemiku_dl_jacket_box .dl_jacket_btn a{
        padding: 0 5px;
        font-size: 11px;
    }
}


.cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.cd__cdpokemikucd2024 .cd__cdpokemikucd2024-18acrylic p{
    width: calc(100% / 6);
}
.cd__cdpokemikucd2024 .cd__priv-box-noticeArea{
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    background: #eee;
}

.feature__top--2401_luka15th {
    background: url(../images/feature/2401_luka15th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2401_luka15th {
    background-color: #f3d1e8;
}

.feature__top--2402_kaito18th {
    background: url(../images/feature/2402_kaito18th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2402_kaito18th {
    background-color: #b4ecff;
}
.feature__2402_kaito18th .main__h2 {
    color: #fff;
}

.feature__top--2404_teto16th {
    background: url(../images/feature/2404_teto16th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2404_teto16th {
    background-color: #e1e2e4;
}

.feature__top--2406_contest24 {
    background: url(../images/feature/2406_contest24/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2406_contest24 {
    background-color: #000;
    color: #fff;
}
.feature__2406_contest24 .youtube__inner{
    border: 1px solid #fff;
}

.feature__2407_summer24 {
    background-color: #b6bacb;
    color: #172A3B;
}
.feature__top--2407_summer24 {
    background: url(../images/feature/2407_summer24/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.feature__2407_summer24 .main__h2 {
    color: #fff;
}

.feature__2408_miku17th {
    background-color: #ddf7ff;
}
.feature__top--2408_miku17th {
    background: url(../images/feature/2408_miku17th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2411_meiko20th {
    background-color: #ffbeb7;
}
.feature__top--2411_meiko20th {
    background: url(../images/feature/2411_meiko20th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.feature__2412_rinlen17th {
    background-color: #fdfbc3;
}
.feature__top--2412_rinlen17th {
    background: url(../images/feature/2412_rinlen17th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}



.feature__catch {
    padding: 30px 0
}

.feature__txt--c {
    text-align: center
}

.feature__txt--s {
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 0
}

.feature__deta-box {
    padding: 20px;
    background-color: rgba(255, 255, 255, .2);
    margin: 30px 0
}

.interview {
    max-width: 965px;
    margin: 0 auto
}

.interview__lead--l {
    font-size: 1.2em;
    font-weight: 700
}

.interview__lead--m {
    font-size: 1em;
    margin-top: 10px;
    font-weight: 700
}

.interview__txt {
    background: rgba(255, 255, 255, .8);
    padding: 20px
}

.interview__work {
    margin-top: 50px
}

.interview__theme-title {
    width: 100%
}

.interview__profile {
    margin: 50px 0;
    padding: 20px;
    font-size: .8em;
    display: -ms-flexbox;
    display: flex
}

.interview__profile--img {
    margin-right: 20px
}

.interview__profile--img img {
    max-width: 100%;
    height: auto
}

.interview__theme-1511_machigerita {
    background: url(../images/interview/1511_machigerita/bg.jpg) top left no-repeat #fff;
    background-size: contain;
    padding: 30% 5% 30px
}

.interview__theme-1511_machigerita-kt {
    background: url(../images/interview/1201_oreginal/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1511_machigerita-art {
    background: url(../images/interview/1511_machigerita/icon_art.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: relative
}

.interview__theme-1511_machigerita--profile {
    background-color: #eee
}




.interview__theme-2106_pinocchiop {
    background: url(../images/interview/2106_pinocchiop/bg.jpg) top left no-repeat #d7ceab;
    background-size: contain;
    padding: 30% 8% 30px
}
@media screen and (max-width:768px) {
    .interview__theme-2106_pinocchiop {
        padding: 30% 5% 30px
    }
}

.interview__theme-2106_pinocchiop-art {
    background: url(../images/interview/2106_pinocchiop/icon_art.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: relative
}

.interview__theme-2106_pinocchiop--profile {
    background-color: #e5dcbd;
}
.interview__theme-2106_pinocchiop-list-title {
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 10px;
}
.interview__theme-2106_pinocchiop-list {
    border: 2px solid #a69d79;
    padding: 20px;
    margin-top: 15px;
    list-style-type: none;
    counter-reset: item;
}
.interview__theme-2106_pinocchiop-list li {
    margin-top: 20px;
}
.interview__theme-2106_pinocchiop-list li:before {
    counter-increment: item;
    content: counter(item)'.';
}
.interview__theme-2106_pinocchiop-list li:first-child {
    margin-top: 0;
}
.interview__theme-2106_pinocchiop-list-name {
    display: inline;
    font-weight: bold;
}
.interview__theme-2106_pinocchiop-list-name + div {
    margin-top: 10px;
}


.interview__theme-1208_hajimete {
    background: url(../images/interview/1208_hajimete/bg.jpg) #33170b;
    background-size: contain;
    padding: 100px 5% 30px;
    color: #aaa;
    position: relative;
    overflow: hidden
}

.interview__theme-1208_hajimete--miku {
    position: absolute;
    top: 100px;
    right: -100px
}

.interview__theme-1208_hajimete-inttitle {
    font-size: 148%;
    color: #f5b824;
    font-weight: 400;
    margin-bottom: 14px
}

.interview__theme-1208_hajimete--imgmiku {
    float: right;
    width: 30%
}

.interview__theme-1208_hajimete-intbox {
    background-color: #000;
    padding: 20px;
    margin: 10px 0
}

.interview__theme-1208_hajimete-kt {
    background: url(../images/interview/1201_oreginal/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1208_hajimete--profile {
    background-color: #291506
}

.interview__theme-1201_oreginal {
    background: url(../images/interview/1201_oreginal/bg.jpg) top left no-repeat #ecdfcf;
    background-size: contain;
    padding: 25% 5% 30px
}

.interview__theme-1201_oreginal-kt {
    background: url(../images/interview/1201_oreginal/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1201_oreginal-art {
    background: url(../images/interview/1201_oreginal/icon_art.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: relative
}

.interview__theme-1201_oreginal--profile {
    background-color: #f3c0c0
}

.interview__theme-1110_shu-t {
    background: url(../images/interview/1110_shu-t/bg.jpg) top left no-repeat #890d13;
    background-size: contain;
    padding: 25% 5% 30px;
    color: #fff
}

.interview__theme-1110_shu-t-kt {
    background: url(../images/interview/1110_shu-t/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1110_shu-t-art {
    background: url(../images/interview/1110_shu-t/icon_art.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: relative
}

.interview__theme-1110_shu-t--profile {
    background-color: #4a0004
}

.interview__theme-1110_0-9 {
    background: url(../images/interview/1110_0-9/bg.jpg) top left no-repeat #890d13;
    background-size: contain;
    padding: 25% 5% 30px;
    color: #fff
}

.interview__theme-1110_0-9-kt {
    background: url(../images/interview/1110_0-9/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1110_0-9-art-asaki {
    background: url(../images/interview/1110_0-9/icon_art_asaki.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    position: relative
}

.interview__theme-1110_0-9-art-opa {
    background: url(../images/interview/1110_0-9/icon_art_opa.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    position: relative
}

.interview__theme-1110_0-9--profile {
    background-color: #4a0004
}

.interview__theme-1108_nerudora {
    background: url(../images/interview/1108_nerudora/bg.png) top left no-repeat #ebf6ee;
    background-size: contain;
    padding: 25% 5% 30px
}

.interview__theme-1108_nerudora-kt {
    background: url(../images/interview/1108_nerudora/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1108_nerudora-art {
    background: url(../images/interview/1108_nerudora/icon_art.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: relative
}

.interview__theme-1108_nerudora--profile {
    background-color: #fffff4
}

.interview__theme-1108_masataka {
    background: url(../images/interview/1108_masataka/bg.jpg) top left no-repeat #1b73a3;
    color: #fff;
    background-size: contain;
    padding: 30% 5% 30px
}

.interview__theme-1108_masataka-kt {
    background: url(../images/interview/1108_masataka/icon_karent.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 60px
}

.interview__theme-1108_masataka-art {
    background: url(../images/interview/1108_masataka/icon_art.png) no-repeat left top;
    padding-left: 50px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: relative
}

.interview__theme-1108_masataka--profile {
    background-color: #032a40
}

.contact__input {
    margin: 20px auto;
    width: 50%;
    min-width: 340px;
    display: block;
    font-size: 20px;
    padding: 10px;
    background: #eee;
    border: #eaeaea solid 1px
}

.contact__input--attention {
    background: #f7cdcd
}

.contact__input--errortxt {
    font-size: 12px;
    color: #c37d7d;
    width: 50%;
    min-width: 340px;
    text-align: right;
    margin: -15px auto 20px
}

.contact-index {
    text-align: center
}

.contact-initial {
    font-size: 14px;
    display: inline-block
}

.contact-initial a {
    padding: 8px
}

.contact-initial:after {
    content: "|";
    color: #eee
}

.contact-initial:last-child:after {
    content: none
}

.contact__submit {
    text-align: center
}

.contact__btn {
    background-color: #ffeb00;
    color: #393939;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    border: 0;
    padding: 15px 50px;
    margin: 20px auto;
    text-align: center
}

.contact__btn:hover {
    background-color: #f1de00;
    cursor: pointer
}

.contact__btn--gray {
    background-color: #eee
}

.contact__btn--gray:hover {
    background-color: #ccc
}

.contact__check {
    padding: 20px;
    width: 40%;
    min-width: 320px;
    margin: 0 auto 40px;
    text-align: center
}

.contact__check-title {
    font-weight: 700;
    margin-top: 20px
}

.contact__notice {
    padding: 20px;
    width: 40%;
    min-width: 320px;
    margin: 0 auto 40px;
    text-align: center;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid
}

.contact__notice-title {
    font-size: 24px;
    margin-bottom: 5px
}

.contact__notice-date {
    margin-top: 5px;
    font-weight: 700
}

.about {
    position: relative;
    max-width: 1550px;
    margin: 0 auto;
    width: 100%;
    display: block
}

.about__top-catch {
    position: absolute;
    padding: 5%;
    margin: 0 auto;
    max-width: 1500px;
    bottom: 0;
    left: 0
}

.about__top-catch-txt {
    background-color: #393939;
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.about__top-copy {
    position: absolute;
    right: 5%;
    bottom: 20px;
    font-size: 10px;
    color: #393939;
    z-index: 10;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5), 1px 0 0 rgba(255, 255, 255, .5), 0 -1px 0 rgba(255, 255, 255, .5), -1px 0 0 rgba(255, 255, 255, .5), -1px -1px 0 rgba(255, 255, 255, .5), 1px -1px 0 rgba(255, 255, 255, .5), -1px 1px 0 rgba(255, 255, 255, .5), 1px 1px 0 rgba(255, 255, 255, .5)
}

.about__top {
    background: url(../images/about_s.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%;
    height: 220px;
    animation-name: 'anime';
    animation-duration: 1.5s
}

@keyframes anime {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.about__copy {
    margin: 50px 20px;
    list-style: disc
}

.about__copy-li {
    font-size: 12px;
    margin-bottom: 10px
}

.about__ill {
    display: none
}

.about__name {
    background: linear-gradient(25deg, rgba(109, 131, 208, .8), rgba(42, 186, 210, .8)), url(../images/about.jpg) no-repeat center center;
    padding: 5%;
    margin: 50px 0;
    font-size: 14px;
    border-radius: 10px;
    color: #fff
}

.cd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0
}

.cd__img--100 {
    max-width: 100%;
    height: auto
}

.cd__deta {
    position: relative
}

.cd__deta-janl {
    background-color: #393939;
    color: #fff;
    font-size: 14px;
    padding: 5px
}

.cd__deta-artist {
    font-size: 12px;
    color: #aaa
}

.cd__deta-artist-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 3px
}

.cd__deta-option {
    font-size: 12px;
    margin-bottom: 10px
}

.cd__deta-desc {
    margin: 20px 0
}

.cd__deta-desc--copy {
    font-style: italic;
    font-weight: 700;
    font-size: 1.2em;
    display: block;
    margin-bottom: 1em
}

.cd__deta-btn {
    margin-top: 20px
}

.cd__img {
    width: 100%;
    position: relative
}

.cd__img-artist {
    font-size: 10px
}

.cd__title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .1rem;
    padding: 15px 0 10px
}

.cd__deta-option--title {
    font-weight: 700;
    margin-right: 5px
}

.cd__deta-option--list {
    list-style: disc;
    margin: 0 0 10px 20px;
    font-size: 12px
}

.cd__deta-option + .cd__deta-option--list {
    margin: -10px 0 10px 20px;
}

.cd__deta-box {
    padding: 20px;
    background-color: rgba(255, 255, 255, .2);
    margin: 30px 0
}

.cd__deta-box--title {
    font-weight: 700;
    margin-right: 5px
}

.cd__deta-box--list {
    list-style: disc;
    margin: -5px 0 10px 20px;
    font-size: 12px
}

.cd__txt--s {
    font-size: 12px;
    margin-top: 10px
}

.cd__top-catch {
    position: absolute;
    padding: 30px 5%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
}

.cd__top-catch-txt {
    background-color: #393939;
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.cd__top-catch-txt--block {
    display: inline-block
}

.cd__top {
    width: 100%;
    height: 260px;
    display: block;
    position: relative;
    max-width: 1550px;
    margin: 0 auto;
    animation-name: 'anime';
    animation-duration: 1.5s
}

@keyframes anime {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.cd__priv {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-bottom: -10px;
}

.cd__priv-box {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #aeaeae;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #888;
    width: calc((100% - 30px)/4);
    width: -webkit-calc((100% - 30px)/4);
}

.cd__priv-box:nth-child(4n) {
    margin-right: 0
}

.cd__priv-box p{
    line-height: 1.4;
}
.cd__priv-box-shop{
    font-weight: bold;
}
.cd__priv-box-name{
    font-size: 18px;
}

.cd__priv-box a{
    position: relative;
    flex: 1;
    justify-content: center;
}
.cd__priv-box.w100 {
    width: 100% !important;
    padding: 20px;
    margin-right: 0;
    text-align: left;
}
.cd__priv-box-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cd__priv-box-row .cd__priv-box-shop{
    margin-bottom: 10px;
}
.cd__priv-box-row-txt{
    flex: 1;
}
.cd__priv-box-row-img{
    width: 25%;
    margin-left: 20px;
}
.cd__priv-box-row-img .cd__priv-img{
    position: static;
    transform: none;
}
.cd__priv-img {
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-width: 100%;
}
@media screen and (max-width:768px) {
    .cd__priv-box.w100 {
        padding: 10px;
    }
    .cd__priv-box-name{
        font-size: 14px;
    }
    .cd__priv-box-row-img{
        width: 40%;
        margin-left: 10px;
    }
}

/* 201109 */
.cd__priv-box_none {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    background: #888;
    color: #ccc;
    font-size: 10px;
    width: 100%;
    max-width: 120px;
    height: 120px;
}
.cd__priv-box_none::before{
    display: block;
    content: "Now Printing...";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
}
.cd__priv--copy{
    margin: 20px 0 5px;
    font-weight: 700;
    border: 1px solid;
    padding: 10px 15px;
}


.cd__cd01 {
    background-color: #85dbe0
}

.cd__cd01-bg {
    background: url(../images/cd/cd01/top_s.jpg) no-repeat top right;
    background-size: cover;
    padding: 0 5%
}

.cd__cd02 {
    background-color: #de8cb4;
    color: #fff
}

.cd__cd02-bg {
    background: url(../images/cd/cd02/top_s.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd03 {
    background-color: #f5e6e1
}

.cd__cd03-bg {
    background: url(../images/cd/cd03/top_s.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd04 {
    background-color: #445590;
    color: #fff
}

.cd__cd04-bg {
    background: url(../images/cd/cd04/top_s.jpg) no-repeat top right;
    background-size: cover;
    padding: 0 5%
}

.cd__cd05 {
    background-color: #b0dbf2
}

.cd__cd05-bg {
    background: url(../images/cd/cd05/top_s.jpg) no-repeat top right;
    background-size: cover;
    padding: 0 5%
}

.cd__cd06 {
    background-color: #1b2f4f;
    color: #fff
}

.cd__cd06-bg {
    background: url(../images/cd/cd06/top_s.jpg) no-repeat top left;
    background-size: cover;
    padding: 0 5%
}

.cd__cd07 {
    background-color: #1b2f4f;
    color: #fff
}

.cd__cd07-bg {
    background: url(../images/cd/cd07/top_s.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2014 {
    background-color: #0d1126;
    color: #b5cfe8
}

.cd__cdmagical2014-bg {
    background: url(../images/cd/cdmagical2014/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmeiko10th {
    background-color: #bf5856;
    color: #fff
}

.cd__cdmeiko10th-bg {
    background: url(../images/cd/cdmeiko10th/top_s.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdletter {
    background-color: #64b171;
    color: #fff
}

.cd__cdletter-bg {
    background: url(../images/cd/cdletter/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd08 {
    background-color: #1b2f4f;
    color: #fff
}

.cd__cd08-bg {
    background: url(../images/cd/cd08/top_s.jpg) no-repeat top right;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2015 {
    background-color: #e1efef;
    color: #0d1748
}

.cd__cdmagical2015-bg {
    background: url(../images/cd/cdmagical2015/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdstella {
    background-color: #dae8f3;
    color: #0d1748
}

.cd__cdstella-bg {
    background: url(../images/cd/cdstella/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd10 {
    background-color: #dbdce0
}

.cd__cd10-bg {
    background: url(../images/cd/cd10/top_s.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd09 {
    background-color: #fdf39d
}

.cd__cd09-bg {
    background: url(../images/cd/cd09/top_s.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmikuexpo2016 {
    background-color: #e3e7ea
}

.cd__cdmikuexpo2016-bg {
    background: url(../images/cd/cdmikuexpo2016/top.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2016 {
    background-color: #9ce0df;
    color: #0f2933
}

.cd__cdmagical2016-bg {
    background: url(../images/cd/cdmagical2016/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd11 {
    background-color: #2b739b;
    color: #fff
}

.cd__cd11-bg {
    background: url(../images/cd/cd11/top_s.jpg) no-repeat top center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2017 {
    background-color: #e9eaef;
    color: #455e7e
}

.cd__cdmagical2017-bg {
    background: url(../images/cd/cdmagical2017/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdrl10th {
    background-color: #5fb18c;
    color: #fff
}

.cd__cdrl10th-bg {
    background: url(../images/cd/cdrl10th/top_s.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd12 {
    background-color: #cad2ef;
    color: #1f3b62
}

.cd__cd12-bg {
    background: url(../images/cd/cd12/top_s.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2018 {
    background-color: #565c69;
    color: #fff
}

.cd__cdmagical2018-bg {
    background: url(../images/cd/cdmagical2018/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdluka10th {
    background-color: #95a5d2;
    color: #fff
}

.cd__cdluka10th-bg {
    background: url(../images/cd/cdluka10th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd14 {
    background-color: #7eb9dc;
    color: #fff
}

.cd__cd14-bg {
    background: url(../images/cd/cd14/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2019 {
    background-color: #ffbae3;
    color: #271d1b
}

.cd__cdmagical2019-bg {
    background: url(../images/cd/cdmagical2019/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd15 {
    background-color: #859ecc;
    color: #fff
}
.cd__cd15-bg {
    background: url(../images/cd/cd15/top.jpg) no-repeat 80% center;
    background-size: cover;
    padding: 0 5%
}
.cd__cd15 .cd__txt--s{
    margin-top: 5px;
}


.cd__cdmagical2020 {
    background-color: #555555;
    color: #fff;
}

.cd__cdmagical2020-bg {
    background: url(../images/cd/cdmagical2020/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cddigitalstars2020 {
    background-color: #802e7a;
    color: #fff;
}

.cd__cddigitalstars2020-bg {
    background: url(../images/cd/cddigitalstars2020/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd16 {
    background-color: #3671a5;
    color: #fff
}
.cd__cd16-bg {
    background: url(../images/cd/cd16/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cd16 a{
    color: #d8cd00;
}

.cd__cdmagical2021 {
    background-color: #8BB0C8;
    color: #fff;
}

.cd__cdmagical2021-bg {
    background: url(../images/cd/cdmagical2021/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cddigitalstars2021 {
    background-color: #feeef8;
    color: #352b32;
}
.cd__cddigitalstars2021 .cd__songlist-artist--bright{
    color: #a29900;
}
.cd__cddigitalstars2021 .cd__songlist-li,
.cd__cddigitalstars2021 .cd__songlist-li:last-child{
    border-color: #b09ca9;
}
.cd__cddigitalstars2021-bg {
    background: url(../images/cd/cddigitalstars2021/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cddigitalstarsmg {
    background: linear-gradient(135deg,#b3edea,#c9b6ff);
}
.cd__cddigitalstarsmg .cd__songlist-artist--bright{
    color: #a29900;
}
.cd__cddigitalstarsmg-bg {
    background: url(../images/cd/cddigitalstarsmg/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd17 {
    background-color: #f5feff;
    color: #182255;
}
.cd__cd17-bg {
    background: url(../images/cd/cd17/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cd17 .cd__songlist-li,
.cd__cd17 .cd__songlist-sptxt{
    border-color: rgba(24, 34, 85, .3);
}

.cd__cddigitalstars2022 {
    background-color: #3a3a59;
    color: #fff;
}
.cd__cddigitalstars2022 .cd__songlist-li,
.cd__cddigitalstars2022 .cd__songlist-li:last-child{
    border-color: #aaa;
}
.cd__cddigitalstars2022-bg {
    background: url(../images/cd/cddigitalstars2022/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical10th {
    background-color: #003b93;
    color: #fff;
}

.cd__cdmagical10th-bg {
    background: url(../images/cd/cdmagical10th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd18 {
    background-color: #bad1ff;
    color: #555;
}
.cd__cd18-bg {
    background: url(../images/cd/cd18/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cd18 .cd__songlist-li,
.cd__cd18 .cd__songlist-li:last-child,
.cd__cd18 .cd__songlist-sptxt{
    border-color: #555;
}

.cd__cddigitalstars2023 {
    background-color: #2e1896;
    color: #ff1fff;
}
.cd__cddigitalstars2023 .main__h2{
    color: #fff;
}
.cd__cddigitalstars2023 .cd__songlist-li,
.cd__cddigitalstars2023 .cd__songlist-li:last-child{
    border-color: #bc21bc;
}
.cd__cddigitalstars2023-bg {
    background: url(../images/cd/cddigitalstars2023/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cdmagical2023 {
    background-color: #b42624;
    color: #fff;
}
.cd__cdmagical2023-bg {
    background: url(../images/cd/cdmagical2023/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}

.cd__cd19 {
    background-color: #fef0de;
    color: #555;
}
.cd__cd19-bg {
    background: url(../images/cd/cd19/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cd19 .cd__songlist-li,
.cd__cd19 .cd__songlist-li:last-child,
.cd__cd19 .cd__songlist-sptxt{
    border-color: #555;
}

.cd__cdpokemikucd2024 .cd__songlist-li,
.cd__cdpokemikucd2024 .cd__songlist-li:last-child{
    border-color: #eee;
}
.cd__cdpokemikucd2024 .pokemiku_official_bnr{
    margin-left: 0;
}
.cd__cdpokemikucd2024 .strong{
    font-weight: bold;
    background: linear-gradient(transparent 50%, #dfa500 100%);
}

.cd__cdmikuexpo10th {
    background-color: #131211;
    color: #eee;
}
.cd__cdmikuexpo10th-bg {
    background: url(../images/cd/cdmikuexpo10th/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cdmikuexpo10th .cd__songlist-li,
.cd__cdmikuexpo10th .cd__songlist-li:last-child,
.cd__cdmikuexpo10th .cd__songlist-sptxt{
    border-color: #eee;
}


.cd__cdmagical2024 {
    background-color: #f8f6f1;
    color: #0d3243;
}
.cd__cdmagical2024-bg {
    background: url(../images/cd/cdmagical2024/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cdmagical2024 .cd__songlist-li,
.cd__cdmagical2024 .cd__songlist-li:last-child,
.cd__cdmagical2024 .cd__songlist-sptxt{
    border-color: #a4b5bd;
}

.cd__cd20 {
    background-color: #d0e7ed;
    color: #102024;
}
.cd__cd20-bg {
    background: url(../images/cd/cd20/top.jpg) no-repeat center center;
    background-size: cover;
    padding: 0 5%
}
.cd__cd20 .cd__songlist-li,
.cd__cd20 .cd__songlist-li:last-child,
.cd__cd20 .cd__songlist-sptxt{
    border-color: #102024;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.cd__songlist {
    margin-bottom: 50px
}

.cd__songlist-li {
    padding: 15px 5px;
    border-top: rgba(255, 255, 255, .3) dotted 2px
}

.cd__songlist-li:last-child {
    border-bottom: rgba(255, 255, 255, .3) dotted 2px
}

.cd__songlist--num {
    font-size: 18px;
    float: left
}

.cd__songlist--title {
    margin-left: 35px
}

.cd__songlist-artist {
    font-size: 12px;
    overflow: hidden
}

.cd__songlist-out {
    font-size: 14px;
    margin: -35px 0 30px;
}

.cd__link {
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cd__link-box {
    margin-bottom: 10px
}

.cd__link img {
    max-width: 100%
}

.cd__songlist-artist--bright {
    color: #ffed00
}

.cd__songlist-artist--bright2 {
    color: #e0009b
}

.cd__wallpepar-hide {
    display: none
}

.cd__wallpepar {
    background-color: #000;
    padding: 5%;
    color: #fff;
    text-align: center
}

.cd__soldout {
    position: absolute;
    background-color: rgba(150, 150, 150, .8);
    color: #fff;
    padding: 5px 10px;
    top: 0;
    left: 0;
    transform: rotate(-8deg);
    font-weight: 700;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2;
    padding: 18px 0;
    font-size: 16px
}

.cd__songlist-sptxt {
    font-size: 10px;
    padding: 2px 5px;
    border: rgba(255, 255, 255, .3) solid 1px;
    margin: 0 8px
}

.cd__top-ill {
    position: absolute;
    bottom: 20px;
    right: 5%;
    width: 80px;
    height: 80px;
    border: #fff solid 3px;
    box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, .15);
    overflow: hidden;
    border-radius: 50%
}

.cd__top-ill img {
    width: 100%
}

.cd__img--img {
    position: relative
}

.cd__icon-zoom {
    background: url(../images/icon_zoom.svg) no-repeat;
    background-position: 92% 92%
}

.cd__deta-num ol {
    padding-left: 10px;
    font-size: 12px
}

.footer {
    font-size: 10px;
    text-align: center;
    margin: 50px 0;
    line-height: 1.2
}

.footer__link {
    margin: 10px
}

.footer__link a {
    padding: 5px;
    font-size: 12px
}

@media screen and (max-width:768px) {
    body {
        font-size: 14px
    }

    .footer {
        margin-bottom: 100px
    }

    .header__fixheader {
        position: fixed;
        bottom: 0;
        box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .1);
        padding: 10px 0
    }

    .header__inner {
        padding: 0 5%
    }

    .header__logo--s {
        display: inline-block;
        width: 50%;
        max-width: 250px;
        padding: 2px 0 10px 5%
    }

    .header__logo--l {
        display: none
    }

    .header__catch {
        font-size: 8px;
        margin-top: 5px
    }

    .header__search {
        display: none
    }

    .nav {
        width: 100%;
        box-sizing: border-box
    }

    .nav__artist,
    .nav__vocalo,
    .nav__album,
    .nav__genre {
        display: none
    }

    .nav__search {
        display: block
    }

    .main__h-link {
        font-size: 10px;
        margin: -5px 0 10px
    }

    .main-sp__box {
        margin-bottom: 20px
    }

    .main-sp__box--r {
        margin-top: 20px
    }

    .main-sp__box {
        text-align: center
    }

    .main-sp__box--creatorsmarket18 {
        background: url(../images/feature/1807_creatorsmarket18/bg_sp.jpg) no-repeat top center #99a3e6
    }

    .main-sp__box--creatorsmarket19 {
        background: url(../images/feature/1908_creatorsmarket19/bg_sp.jpg) no-repeat top center #99a3e6;
    }

    .boxlist__clm--pc3sp2 {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .boxlist__clm--pc3sp2:nth-child(2n+1) {
        margin-right: 2%
    }

    .boxlist__clm--pc4sp2 {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .boxlist__clm--pc4sp2:nth-child(2n+1) {
        margin-right: 2%
    }

    .boxlist__clm--pc6sp3 {
        width: 32%;
        display: inline-block;
        vertical-align: top;
        margin-right: 2%
    }

    .boxlist__clm--pc6sp3:nth-child(3n) {
        margin-right: 0
    }

    .boxlist__clm--pc8sp4 {
        width: 21%;
        display: inline-block;
        margin-right: 5%;
        background-color: #dedede
    }

    .boxlist__clm--pc8sp4:nth-child(4n) {
        margin-right: 0
    }

    .boxlist__clm--pc10sp5 {
        width: 21%;
        margin-right: 5%;
        background-color: #dedede
    }

    .boxlist__clm--pc10sp5:nth-child(4n) {
        margin-right: 0
    }

    .boxlist__clm--pc10sp5:nth-child(n+5) {
        display: none
    }

    .boxlist__txtimg-img {
        width: 35%;
        margin: 10px auto;
        text-align: center
    }

    .topics__box-txt {
        margin-bottom: 30px
    }

    .album__img {
        margin: 10px auto
    }

    .album__title {
        font-size: 20px
    }

    .album__deta-btn {
        text-align: center
    }

    .deli {
        padding: 20px 10px
    }

    .deli__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .deli__btn {
        padding: 10px;
        margin-bottom: 5px;
        font-size: 12px
    }

    .deli__cross {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 10px;
        left: 10px
    }

    .artist__img {
        margin: 10px auto;
        max-width: 250px
    }

    .artist__title {
        font-size: 20px;
        text-align: center
    }

    .cd__img {
        text-align: center
    }

    .cd__priv-box {
        width: calc((100% - 20px)/3);
        width: -webkit-calc((100% - 20px)/3);
    }

    .cd__priv-box:nth-child(4n) {
        margin-right: 10px
    }

    .cd__priv-box:nth-child(3n) {
        margin-right: 0
    }

    .feature__top-copy_logo img {
        width: 70px;
        height: auto;
    }
}

@media screen and (min-width:769px) {
    body {
        font-size: 16px
    }

    .sns-share-btn {
        position: absolute;
        right: 0;
        top: 0
    }

    .pagetop {
        width: 50px;
        height: 50px;
        bottom: 0;
        right: 20px;
        position: fixed;
        background: url(../images/icon_up.svg) no-repeat rgba(0, 0, 0, .3) center;
        z-index: 1000
    }

    .pagetop:hover {
        cursor: pointer;
        background: url(../images/icon_up.svg) no-repeat rgba(255, 235, 0, .8) center
    }

    .pagetop_hide {
        display: none
    }

    .l-inner {
        padding: 20px 5% 100px
    }

    .header {
        height: 110px
    }

    .header__inner {
        max-width: 1700px;
        padding: 0 5% 5px;
        margin: auto;
        position: relative;
        box-sizing: border-box
    }

    .header__fixheader .header__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__fixed {
        box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .1);
        position: fixed;
        top: 0
    }

    .header__fixed .header__inner {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .header__logo--s {
        display: none
    }

    .header__logo--l {
        width: 250px
    }

    .header__catch {
        font-size: 12px;
        padding-top: 20px;
        margin: 0;
        letter-spacing: 2px
    }

    .header__search {
        display: block;
        position: absolute;
        top: 15px;
        right: 5%;
        z-index: 101
    }

    .header__lang {
        top: 15px;
        right: calc(5% + 180px);
        padding: 5px 5px 5px 25px
    }

    .header__lang-link {
        top: 31px
    }

    .nav {
        width: 50%;
        max-width: 580px;
        min-width: 420px;
        padding: 10px 0
    }

    .nav__artist,
    .nav__vocalo,
    .nav__album,
    .nav__genre {
        display: block
    }

    .nav__search {
        display: none
    }

    .nav__item--txt {
        font-size: 14px
    }

    .main__h2 {
        padding: 60px 0 20px
    }

    .main__h3 {
        padding: 60px 0 20px
    }

    .main__hero-catch-txt {
        font-size: 30px
    }

    .main__h-link {
        font-size: 12px;
        margin: -40px 0 20px
    }

    .main__hero-img {
        height: 500px
    }

    .main__hero-txt {
        font-size: 20px
    }

    .main__clm {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-sp {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-sp__box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-sp__box--l {
        width: 48%
    }

    .main-sp__box--r {
        width: 48%
    }

    .swiper-slide a {
        height: 80px
    }

    .main__about {
        top: 10px;
        right: 5%
    }

    .main-sp__box--creatorsmarket18 {
        background: url(../images/feature/1807_creatorsmarket18/bg.jpg) no-repeat top right #99a3e6;
    }

    .main-sp__box--creatorsmarket19 {
        background: url(../images/feature/1908_creatorsmarket19/bg.jpg) no-repeat top right #99a3e6;
    }

    .main-sp__box--creatorsmarket21 {
        background: url(../images/feature/2110_creatorsmarket21/bg.jpg) no-repeat top right #99a3e6;
    }

    .main-sp__box--creatorsmarket22 {
        background: url(../images/feature/2208_creatorsmarket22/bg.jpg) no-repeat top right #99a3e6;
    }


    .boxlist__clm {
        margin-bottom: 40px
    }

    .boxlist__p--small {
        font-size: 12px
    }

    .boxlist__p {
        margin: 2px 0
    }

    .boxlist__clm--pc2sp1 {
        width: 49%;
        margin-right: 2%
    }

    .boxlist__clm--pc2sp1:nth-child(2n) {
        margin-right: 0
    }

    .boxlist__clm--pc3sp2 {
        width: 32%;
        margin-right: 2%
    }

    .boxlist__clm--pc3sp2:nth-child(3n) {
        margin-right: 0
    }

    .boxlist__clm--pc4sp2 {
        width: 22.75%;
        margin-right: 3%
    }

    .boxlist__clm--pc4sp2:nth-child(4n) {
        margin-right: 0
    }

    .boxlist__clm--pc6sp3 {
        width: 15%;
        margin-right: 2%
    }

    .boxlist__clm--pc6sp3:nth-child(6n) {
        margin-right: 0
    }

    .boxlist__clm--pc8sp4 {
        width: 10.5%;
        margin-right: 2%;
        background-color: #dedede
    }

    .boxlist__clm--pc8sp4:nth-child(8n) {
        margin-right: 0
    }

    .boxlist__clm--pc10sp5 {
        width: 10.5%;
        margin-right: 2%;
        background-color: #dedede
    }

    .boxlist__clm--pc10sp5:nth-child(8n) {
        margin-right: 0
    }

    .boxlist__tag-btn {
        font-size: 12px
    }

    .boxlist__clm:hover {
        box-shadow: 3px 2px 18px 1px rgba(0, 0, 0, .15);
        background-color: #fff
    }

    .boxlist__clm:hover .boxlist__img--img {
        transform: scale(1.05);
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        filter: brightness(1.1)
    }

    .boxlist__txtimg-img {
        width: 25%;
        margin: 30px auto;
        text-align: center
    }

    .boxlist__txtimg-txt {
        width: 70%;
        margin-right: 5%
    }

    .songlist {
        margin-bottom: 40px
    }

    .songlist__img {
        width: 60px;
        height: 60px
    }

    .songlist__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 88%;
        width: calc(100%);
        padding: 0 10px
    }

    .songlist__title {
        width: 60%;
        line-height: 60px
    }

    .songlist__num {
        text-align: center;
        font-size: 20px
    }

    .songlist__artist {
        line-height: 60px;
        width: 35%;
        width: calc(40% - 110px)
    }

    .songlist__artist-img {
        border-radius: 50%;
        width: 25px;
        height: 25px
    }

    .songlist__lyric-btn {
        z-index: 10
    }

    .songlist__lyric-btn a {
        padding: 5px 10px
    }

    .pan__inner {
        max-width: 1700px;
        padding: 0 5%
    }

    .topics {
        margin-top: 40px
    }

    .topics__box {
        padding: 60px 5%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .topics__box-date {
        text-align: right;
        width: 130px;
        line-height: 1;
        padding-top: 30px;
        font-size: 22px
    }

    .topics__box-title {
        font-size: 24px
    }

    .topics__box-main {
        width: calc(100% - 180px)
    }

    .topics__box-title {
        padding-top: 30px
    }

    .float_l {
        float: left;
        max-width: 45% !important
    }

    .album {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 40px
    }

    .album__img {
        width: 30%
    }

    .album__img--100 {
        width: 100%;
        height: auto
    }

    .album__deta {
        width: calc(70% - 30px)
    }

    .album__title {
        font-size: 26px
    }

    .deli {
        padding: 40px 20px
    }

    .deli__title {
        font-size: 18px;
        margin-bottom: 20px
    }

    .deli__btn {
        padding: 15px;
        margin-bottom: 10px;
        font-size: 14px;
        transform: translateZ(0);
        transition: .3s color
    }

    .deli__btn:before {
        content: "";
        border-radius: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 50%;
        height: 100%;
        background-color: #393939;
        transition: .3s;
        z-index: -1
    }

    .deli__btn:hover {
        cursor: pointer;
        color: #ffeb00
    }

    .deli__btn:hover:before {
        left: 0;
        right: 0
    }

    .deli__cross {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 20px;
        left: 20px
    }

    .artist {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 40px
    }

    .artist__img {
        width: 25%
    }

    .artist__deta {
        width: calc(75% - 30px)
    }

    .artist__title {
        font-size: 26px;
        margin-top: 30px
    }

    .artist__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .artist__list-box {
        width: 31%;
        margin: 0 3.5% 60px 0
    }

    .artist__list-box:nth-child(3n+3) {
        margin-right: 0
    }

    .artist__list-box:hover {
        box-shadow: 3px 2px 18px 1px rgba(0, 0, 0, .15);
        background-color: #fff
    }

    .artist__list-box:hover .artist__img-ciecle--img {
        transform: scale(1.05);
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        filter: brightness(1.1)
    }

    .search--input {
        font-size: 30px
    }

    .search__initial {
        font-size: 14px
    }

    .history__inner {
        padding-top: 40px;
        font-size: 16px
    }

    .feature__txt {
        width: 60%
    }

    .feature__movie {
        width: 60%
    }

    .feature__top {
        height: 500px
    }

    .feature__top-catch-txt {
        font-size: 30px
    }

    .feature__top--1708_creatorsmarket17 {
        background: url(../images/feature/1708_creatorsmarket17/top.jpg) no-repeat top center
    }

    .feature__top--1708_miku10th {
        background: url(../images/feature/1708_miku10th/top.jpg) no-repeat top left
    }

    .feature__top--1708_magicalmirai17 {
        background: url(../images/feature/1708_magicalmirai17/top.jpg) no-repeat center
    }

    .interview__txt {
        width: 60%
    }

    .interview__movie {
        width: 60%
    }

    .interview__movie--r {
        text-align: right
    }

    .about__top-catch-txt {
        font-size: 30px
    }

    .about__top {
        background: url(../images/about.jpg) no-repeat top center;
        height: 380px;
        background-attachment: fixed
    }

    .about__ill {
        position: absolute;
        top: 250px;
        left: 55%;
        display: block
    }

    .about__txt {
        margin: 50px 45% 50px 0;
        font-size: 18px
    }

    .cd {
        margin-top: 40px
    }

    .cd__img {
        width: 35%
    }

    .cd__deta {
        width: calc(65% - 30px)
    }

    .cd__title {
        font-size: 26px
    }

    .cd__top {
        height: 400px
    }

    .cd__top-catch-txt {
        font-size: 30px
    }

    .cd__link {
        margin-top: 80px
    }

    .cd__link-box {
        margin-right: 2%
    }

    .cd__cd01-bg {
        background: url(../images/cd/cd01/top.jpg) no-repeat top right;
        background-size: cover
    }

    .cd__cd02-bg {
        background: url(../images/cd/cd02/top.jpg) no-repeat top center;
        background-size: cover
    }

    .cd__cd03-bg {
        background: url(../images/cd/cd03/top.jpg) no-repeat top center;
        background-size: cover
    }

    .cd__cd04-bg {
        background: url(../images/cd/cd04/top.jpg) no-repeat top right;
        background-size: cover
    }

    .cd__cd05-bg {
        background: url(../images/cd/cd05/top.jpg) no-repeat top right;
        background-size: cover
    }

    .cd__cd06-bg {
        background: url(../images/cd/cd06/top.jpg) no-repeat top left;
        background-size: cover
    }

    .cd__cd07-bg {
        background: url(../images/cd/cd07/top.jpg) no-repeat top center;
        background-size: cover
    }

    .cd__cdmeiko10th-bg {
        background: url(../images/cd/cdmeiko10th/top.jpg) no-repeat top center;
        background-size: cover
    }

    .cd__cd08-bg {
        background: url(../images/cd/cd08/top.jpg) no-repeat top right;
        background-size: cover
    }

    .cd__cd10-bg {
        background: url(../images/cd/cd10/top.jpg) no-repeat top center;
        background-size: cover
    }

    .cd__cd11-bg {
        background: url(../images/cd/cd11/top.jpg) no-repeat top center
    }

    .cd__cdrl10th-bg {
        background: url(../images/cd/cdrl10th/top.jpg) no-repeat center center
    }

    .cd__cd12-bg {
        background: url(../images/cd/cd12/top.jpg) no-repeat center center
    }
}



/* 200813 */
.index_bnr{
    display: block;
    margin-top: 40px;
    width: 100%;
    padding-bottom: 12.5%;
    background: url(../images/creatorsmarket/bnr_index.jpg) no-repeat center/contain;
    border: 1px solid #000;
    box-sizing: border-box;
}
@media screen and (max-width:768px) {
    .index_bnr {
        margin-top: 10px;
        padding-bottom: 37.5%;
        background: url(../images/creatorsmarket/bnr_index_sp.jpg) no-repeat center/cover;
    }
}

/* 201109 */
@media screen and (max-width:560px) {
    .cd__priv-box{
        width: calc((100% - 10px)/2) !important;
        width: -webkit-calc((100% - 10px)/2) !important;
    }
    .cd__priv-box:nth-child(3n) {
        margin-right: 10px
    }
    .cd__priv-box:nth-child(2n) {
        margin-right: 0
    }
}


/* pjsekai */
.pjsekai_unit_bnr_wrap{
    display: flex;
    flex-wrap: wrap;
    margin-right: -2%;
}
.pjsekai_unit_bnr{
    position: relative;
    width: calc(100% / 3 - 2%);
    margin-right: 2%;
    margin-bottom: 2%;
}
.pjsekai_unit_bnr.coming::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
}
.pjsekai_unit_bnr.coming::after{
    position: absolute;
    content: "Coming Soon";
    top: 0;
    left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: bold;
}

.pjsekai_unit_bnr img {
    display: block;
    width: 100%;
}

.pjsekai_chara_wrap{
    display: flex;
    flex-wrap: wrap;
    margin-right: -2%;
}
.pjsekai_chara{
    position: relative;
    width: calc(100% / 8 - 2%);
    margin-bottom: 2%;
    margin-right: 2%;
    background: #fff;
}
.pjsekai_chara a{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.pjsekai_chara a:hover{
    box-shadow: 3px 2px 18px 1px rgb(0 0 0 / 15%);
}
.pjsekai_chara.album_none{
    padding: 5px;
}
.pjsekai_chara.album_none::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
}
.pjsekai_chara_img{
    margin-bottom: 5px;
}
.pjsekai_chara img{
    width: 100%;
    transition: transform .2s linear;
}
.pjsekai_chara a:hover img{
    transform: scale(1.05);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(1.1);
}
.pjsekai_chara p{
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #393939;
    line-height: 1.2;
    padding: 2px 0;
    margin: auto 0;
}
.pjsekai_official_bnr,
.pokemiku_official_bnr{
    margin: 80px auto 0;
    width: 100%;
}
.pjsekai_official_bnr a,
.pokemiku_official_bnr a{
    max-width: 500px;
    display: block;
}
.pjsekai_official_bnr a{
    margin: 0 auto;
}
.pjsekai_official_bnr img,
.pokemiku_official_bnr img{
    width: 100%;
}
.pjsekai_back{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px){
    .pjsekai_chara{
        width: calc(100% / 7 - 2%);
    }
    .pjsekai_unit_bnr{
        width: calc(100% / 2 - 2%);
    }
}
@media screen and (max-width: 768px){
    .pjsekai_unit_bnr_wrap{
        margin: 0;
    }
    .pjsekai_unit_bnr{
        width: 100%;
        margin: 0 auto 20px;
    }
    .pjsekai_back{
        margin-top: 0;
    }
    .pjsekai_chara{
        width: calc(100% / 6 - 2%);
    }
    .pjsekai_chara p{
        font-size: 12px;
    }
    .pjsekai_official_bnr{
        margin-top: 60px;
        max-width: 400px;
    }
}
@media screen and (max-width: 600px){
    .pjsekai_chara{
        width: calc(100% / 4 - 2%);
    }
    .pjsekai_chara p{
        font-size: 12px;
    }
}